@layer reset,base,layout,components;:root{--font-ui: "Atkinson Hyperlegible", Pretendard, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #ffffff;--color-text: #162033;--color-muted: #64748b;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-surface-muted-hover: #f1f5f9;--color-surface-selected: #eff6ff;--color-primary: #162033;--color-primary-hover: #24324a;--color-primary-ink: #ffffff;--color-focus: #2563eb;--color-valid: #10b981;--color-invalid: #ef4444;--shadow-card: 0 18px 54px rgb(15 23 42 / 8%);--shadow-popover: 0 24px 70px rgb(15 23 42 / 16%);--radius-frame: 8px;--radius-pill: 999px;--space-page: clamp(20px, 5vw, 56px);--motion-standard: .18s ease}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@layer reset{*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}}@layer base{:root{color:var(--color-text);background:var(--color-bg);font-family:var(--font-ui)}body{min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}:where(a,button,input,select,summary):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button,input,select{font:inherit}.skip-link{position:fixed;top:12px;left:12px;z-index:20;transform:translateY(-160%);border-radius:6px;padding:10px 12px;color:var(--color-primary-ink);background:var(--color-primary);font-size:14px;font-weight:800;transition:transform var(--motion-standard)}.skip-link:focus{transform:translateY(0)}}@layer layout{.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:18px var(--space-page);border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{font-weight:900}.header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:14px}nav{display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--color-muted);font-size:14px}nav a{border-radius:6px;padding-block:2px}nav a:hover{color:var(--color-text)}main{padding:var(--space-page)}.hero{min-height:62vh;display:grid;align-content:center;max-width:980px}h1{margin:0;font-size:88px;line-height:.95;letter-spacing:0}.hero p,.section-copy p{color:var(--color-muted);font-size:18px;line-height:1.75}.component-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(280px,1fr);gap:clamp(24px,5vw,64px);align-items:start;scroll-margin-top:88px;border-top:1px solid var(--color-border);padding:42px 0}.section-copy{max-width:34rem}}@layer components{.component-card{container-type:inline-size;border:1px solid var(--color-border);border-radius:var(--radius-frame);padding:clamp(20px,4vw,34px);background:linear-gradient(135deg,rgba(22,32,51,.04),transparent 42%),var(--color-surface);box-shadow:var(--shadow-card)}.component-flow{--component-flow-gap: 14px;display:grid;gap:var(--component-flow-gap)}.component-card h3,dialog h2{margin:0 0 14px}button{min-height:42px;border:0;border-radius:var(--radius-pill);padding:0 16px;color:var(--color-primary-ink);background:var(--color-primary);cursor:pointer;transition:background var(--motion-standard),box-shadow var(--motion-standard)}button:hover{background:var(--color-primary-hover);box-shadow:0 10px 24px #0f172a1f}.header-command,.dialog-close{min-height:34px;border:1px solid var(--color-border-strong);border-radius:6px;padding:0 12px;color:var(--color-text);background:var(--color-surface);box-shadow:none;font-size:13px;font-weight:800}.header-command:hover,.dialog-close:hover{color:var(--color-primary-ink);background:var(--color-primary)}.floating-surface{border:1px solid var(--color-border);border-radius:var(--radius-frame);background:var(--color-surface);box-shadow:var(--shadow-popover)}.command-dialog{width:min(560px,calc(100vw - 32px));max-width:none;padding:clamp(20px,4vw,30px)}.command-dialog::backdrop{background:#0f172a6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.command-dialog-content{display:grid;gap:18px}.command-dialog-dismiss{margin:0}.command-dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:18px}.command-dialog-heading h2{margin:0}.command-dialog .eyebrow{margin:0 0 6px;color:var(--color-focus);font-size:11px;font-weight:900;text-transform:uppercase}.command-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;color:var(--color-text)}.command-links li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px;align-items:center;min-height:48px;border:1px solid var(--color-border);border-radius:6px;padding:8px 10px;font-size:13px;font-weight:800;list-style:none}.command-links span{color:var(--color-focus);font-size:11px;font-variant-numeric:tabular-nums}.menu{width:220px;padding:10px}.menu a{display:block;border-radius:6px;padding:10px}.menu a:hover{background:var(--color-surface-selected)}@supports (anchor-name: --profile-menu-trigger){button[popovertarget=profile-menu]{anchor-name:--profile-menu-trigger}#profile-menu:popover-open{position-anchor:--profile-menu-trigger;inset:auto;top:anchor(bottom);left:anchor(left);margin:8px 0 0}button[popovertarget=email-help]{anchor-name:--email-help-trigger}#email-help:popover-open{position-anchor:--email-help-trigger;inset:auto;top:anchor(bottom);right:anchor(right);margin:8px 0 0}}.file-card{--component-flow-gap: 18px}.file-card h3{margin:0}.component-kicker{margin:0 0 6px;color:var(--color-focus);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.file-field{gap:10px}.file-input{width:100%;min-height:60px;border-style:dashed;padding:8px;color:var(--color-muted);background:var(--color-surface-muted);cursor:pointer;transition:border-color var(--motion-standard),background var(--motion-standard)}.file-input:hover{border-color:var(--color-focus);background:var(--color-surface-selected)}.file-input::file-selector-button{min-height:42px;margin-right:12px;border:0;border-radius:6px;padding:0 14px;color:var(--color-primary-ink);background:var(--color-primary);font:inherit;font-weight:800;cursor:pointer;transition:background var(--motion-standard)}.file-input:hover::file-selector-button{background:var(--color-primary-hover)}.file-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.file-context div{border:1px solid var(--color-border);border-radius:var(--radius-frame);padding:12px;background:var(--color-surface-muted)}.file-context dt{margin-bottom:4px;font-size:13px;font-weight:900}.file-context dd{margin:0;color:var(--color-muted);font-size:13px;line-height:1.55}.matrix-card{--component-flow-gap: 16px}.interaction-matrix{width:100%;border-collapse:collapse;font-size:13px}.interaction-matrix caption{margin-bottom:10px;color:var(--color-text);text-align:left;font-size:16px;font-weight:900}.interaction-matrix th,.interaction-matrix td{border-bottom:1px solid var(--color-border);padding:11px 8px;text-align:left;vertical-align:middle}.interaction-matrix thead th{color:var(--color-muted);font-size:11px}.interaction-matrix tbody th{color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}kbd{display:inline-grid;min-width:28px;place-items:center;border:1px solid var(--color-border-strong);border-bottom-width:2px;border-radius:4px;padding:2px 5px;color:var(--color-text);background:var(--color-surface-muted);font-family:var(--font-ui);font-size:11px;font-weight:800}.matrix-note{background:var(--color-surface-muted)}.matrix-note p{margin:10px 0 0;color:var(--color-muted);font-size:14px;line-height:1.6}.form-card button{justify-self:start}.form-note{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-frame);padding:12px 14px;background:var(--color-surface-muted);color:var(--color-muted);font-size:14px;line-height:1.6}label{display:grid;gap:8px;color:var(--color-text);font-weight:700}.field-hint{margin:-6px 0 0;color:var(--color-muted);font-size:14px;line-height:1.6}.field-group{display:grid;gap:8px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-heading label{display:block}.help-trigger{width:32px;min-width:32px;min-height:32px;padding:0;border-radius:50%;font-weight:900;line-height:1}.help-popover{width:min(280px,calc(100vw - 32px));padding:14px 16px}.help-popover p{margin:8px 0 0;color:var(--color-muted);font-size:14px;line-height:1.6}.validation-message{display:none;margin:-2px 0 0;font-size:14px;font-weight:800;line-height:1.55}.validation-message-invalid{color:var(--color-invalid)}.validation-message-valid{color:var(--color-valid)}@supports selector(.field-group:has(input:user-invalid)){.field-group:has(input:user-invalid) .validation-message-invalid,.field-group:has(input:user-valid) .validation-message-valid{display:block}}input:not([type=radio]):not([type=checkbox]):not([type=file]),select{min-height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-frame);padding:0 12px;background:var(--color-surface)}input[type=color]{min-width:72px;padding:4px}input[type=radio],input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-focus)}input:user-invalid:not([type=radio]):not([type=checkbox]){border-color:var(--color-invalid)}input:user-valid:not([type=radio]):not([type=checkbox]){border-color:var(--color-valid)}fieldset{display:grid;gap:10px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-frame);padding:16px}legend{padding:0 6px;font-weight:800}.choice-line{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-frame);padding:8px 10px;background:var(--color-surface-muted);cursor:pointer;font-weight:600;transition:background var(--motion-standard),border-color var(--motion-standard),box-shadow var(--motion-standard)}.choice-line:hover{background:var(--color-surface-muted-hover)}@supports selector(.choice-line:has(input:checked)){.choice-line:has(input:checked){border-color:color-mix(in srgb,var(--color-focus) 42%,var(--color-border));background:var(--color-surface-selected);box-shadow:inset 0 0 0 1px #2563eb14}.choice-line:has(input:focus-visible){border-color:var(--color-focus);box-shadow:0 0 0 3px #2563eb24}}.picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}details{overflow:clip;border:1px solid var(--color-border);border-radius:var(--radius-frame);padding:14px 16px;background-color:var(--color-surface);transition:border-color var(--motion-standard),background-color var(--motion-standard),box-shadow var(--motion-standard)}details:hover{border-color:var(--color-border-strong)}details[open]{border-color:color-mix(in srgb,var(--color-focus) 32%,var(--color-border));background-color:color-mix(in srgb,var(--color-surface-selected) 42%,var(--color-surface));box-shadow:inset 3px 0 0 var(--color-focus)}summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:24px;cursor:pointer;font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}summary:after{width:22px;height:22px;border:1px solid var(--color-border-strong);border-radius:50%;background:linear-gradient(currentcolor 0 0) center / 8px 2px no-repeat,linear-gradient(currentcolor 0 0) center / 2px 8px no-repeat,var(--color-surface-muted);color:var(--color-muted);content:"";transition:color var(--motion-standard),background var(--motion-standard),transform var(--motion-standard)}summary:hover:after{color:var(--color-focus)}details[open] summary:after{border-color:var(--color-focus);background:linear-gradient(currentcolor 0 0) center / 8px 2px no-repeat,var(--color-focus);color:var(--color-primary-ink);transform:rotate(180deg)}details>p{margin-bottom:0;border-top:1px solid var(--color-border);padding-top:14px;color:var(--color-muted);line-height:1.6}dialog{max-width:420px;border:1px solid var(--color-border);border-radius:var(--radius-frame);padding:24px}dialog::backdrop{background:#0f172a73}.native-dialog{width:min(420px,calc(100vw - 32px));max-width:none;padding:0}.native-dialog form{display:grid;gap:16px;padding:clamp(22px,5vw,30px)}.native-dialog h2,.native-dialog p{margin:0}.native-dialog h2{font-size:clamp(24px,6vw,30px);line-height:1.2}.native-dialog p{color:var(--color-muted);line-height:1.65}.native-dialog button{justify-self:start}}@media(max-width:820px){.component-grid{grid-template-columns:1fr}.site-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:10px}nav{width:100%;gap:8px 14px}h1{font-size:56px;line-height:1}.hero{min-height:52vh}}@media(max-width:520px){h1{font-size:44px}.picker-grid,.command-links,.file-context{grid-template-columns:1fr}}