:root{--of-color-brand-50:#f2f8f6;--of-color-brand-100:#e4f0ec;--of-color-brand-200:#cfe0db;--of-color-brand-500:#16887c;--of-color-brand-600:#12736a;--of-color-brand-700:#0e5a52;--of-color-brand-900:#093f3a;--of-color-brand:var(--of-color-brand-700);--of-color-focus:var(--of-color-brand-700);--of-color-white:#fff;--of-color-neutral-50:#f8fafc;--of-color-neutral-100:#f1f5f9;--of-color-neutral-200:#e2e8f0;--of-color-neutral-300:#cbd5e1;--of-color-neutral-400:#94a3b8;--of-color-neutral-500:#64748b;--of-color-neutral-600:#475569;--of-color-neutral-700:#334155;--of-color-neutral-800:#1e293b;--of-color-neutral-900:#0f172a;--of-color-page-bg:var(--of-color-neutral-50);--of-color-text:var(--of-color-neutral-900);--of-color-text-muted:var(--of-color-neutral-500);--of-color-border:var(--of-color-neutral-200);--of-color-surface:var(--of-color-white);--of-color-border-control:#8290a5;--of-color-success:#15803d;--of-color-success-bg:#f0fdf4;--of-color-warning:#b45309;--of-color-warning-bg:#fffbeb;--of-color-danger:#b91c1c;--of-color-danger-bg:#fef2f2;--of-color-info:#1d4ed8;--of-color-info-bg:#eff6ff;--of-space-1:.25rem;--of-space-2:.5rem;--of-space-3:.75rem;--of-space-4:1rem;--of-space-5:1.25rem;--of-space-6:1.5rem;--of-space-8:2rem;--of-space-10:2.5rem;--of-space-12:3rem;--of-space-16:4rem;--of-radius-sm:4px;--of-radius-md:8px;--of-radius-lg:12px;--of-radius-full:9999px;--of-radius-control:var(--of-radius-md);--of-font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", system-ui, sans-serif;--of-font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--of-text-xs:.75rem;--of-text-sm:.875rem;--of-text-base:1rem;--of-text-lg:1.125rem;--of-text-xl:1.25rem;--of-text-2xl:1.5rem;--of-text-3xl:1.875rem;--of-shadow-sm:0 1px 2px 0 #0f172a0d;--of-shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a0d;--of-shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0d;--of-touch-target:44px;--of-max-width-form:42rem;--of-max-width-app:80rem}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--of-font-sans);font-size:var(--of-text-base);color:var(--of-color-text);background:var(--of-color-page-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{margin:0;font-weight:600;line-height:1.25}p{margin:0}:focus-visible{outline:2px solid var(--of-color-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.of-stack{gap:var(--of-space-4);flex-direction:column;display:flex}.of-card{background:var(--of-color-surface);border:1px solid var(--of-color-border);border-radius:var(--of-radius-lg);padding:var(--of-space-6);box-shadow:var(--of-shadow-sm)}.of-button{justify-content:center;align-items:center;gap:var(--of-space-2);min-height:var(--of-touch-target);padding:0 var(--of-space-5);border-radius:var(--of-radius-control);font-family:inherit;font-size:var(--of-text-base);cursor:pointer;border:1px solid #0000;font-weight:500;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.of-button:disabled{opacity:.55;cursor:not-allowed}.of-button--primary{background:var(--of-color-brand);color:var(--of-color-white)}.of-button--primary:hover:not(:disabled){filter:brightness(.93)}.of-button--secondary{background:var(--of-color-surface);border-color:var(--of-color-border-control);color:var(--of-color-text)}.of-button--secondary:hover:not(:disabled){background:var(--of-color-neutral-50)}.of-button--ghost{color:var(--of-color-brand);background:0 0}.of-button--ghost:hover:not(:disabled){background:var(--of-color-brand-50)}.of-button--full{width:100%}.of-field{gap:var(--of-space-2);flex-direction:column;display:flex}.of-label{font-size:var(--of-text-sm);color:var(--of-color-text);font-weight:500}.of-label__required{color:var(--of-color-danger);margin-left:2px}.of-help{font-size:var(--of-text-sm);color:var(--of-color-text-muted)}.of-error{font-size:var(--of-text-sm);color:var(--of-color-danger)}.of-input,.of-textarea,.of-select{width:100%;min-height:var(--of-touch-target);padding:var(--of-space-3);border:1px solid var(--of-color-neutral-300);border-radius:var(--of-radius-control);background:var(--of-color-surface);color:var(--of-color-text);font-family:inherit;font-size:var(--of-text-base)}.of-textarea{resize:vertical;min-height:6rem}.of-input:disabled,.of-textarea:disabled,.of-select:disabled{background:var(--of-color-neutral-100);cursor:not-allowed}.of-input[aria-invalid=true],.of-textarea[aria-invalid=true],.of-select[aria-invalid=true]{border-color:var(--of-color-danger)}.of-choice{align-items:flex-start;gap:var(--of-space-3);min-height:var(--of-touch-target);padding:var(--of-space-3);border:1px solid var(--of-color-neutral-300);border-radius:var(--of-radius-control);cursor:pointer;display:flex}.of-choice:hover{background:var(--of-color-neutral-50)}.of-choice input{width:1.15rem;height:1.15rem;accent-color:var(--of-color-brand);flex-shrink:0;margin:0}.of-badge{padding:2px var(--of-space-2);border-radius:var(--of-radius-full);font-size:var(--of-text-xs);white-space:nowrap;align-items:center;font-weight:500;display:inline-flex}.of-badge--neutral{background:var(--of-color-neutral-100);color:var(--of-color-neutral-700)}.of-badge--success{background:var(--of-color-success-bg);color:var(--of-color-success)}.of-badge--warning{background:var(--of-color-warning-bg);color:var(--of-color-warning)}.of-badge--danger{background:var(--of-color-danger-bg);color:var(--of-color-danger)}.of-badge--info{background:var(--of-color-info-bg);color:var(--of-color-info)}.of-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}