:root{--bg:oklch(100% 0 0);--surface:oklch(97.5% .004 353);--surface-2:oklch(94.5% .007 353);--ink:oklch(24% .015 353);--muted:oklch(47% .012 353);--faint:oklch(51% .01 353);--line:oklch(90% .006 353);--primary:oklch(42% .15 350);--primary-strong:oklch(35% .14 350);--primary-soft:oklch(96% .021 350);--primary-on-ink:oklch(60% .16 350);--on-primary:oklch(100% 0 0);--accent:oklch(35% .1 170);--accent-soft:oklch(95% .028 170);--danger:oklch(49% .17 29);--danger-soft:oklch(96% .02 29);--ink-surface:oklch(18% .01 353);--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--font-sans:"Hanken Grotesk Variable", system-ui, sans-serif;--sans:var(--font-sans);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-h1:22px;--text-h2:17px;--text-body-lg:16px;--text-body:15px;--text-body-sm:14px;--text-meta:13px;--text-micro:12px;--text-pill:11px;--track-wordmark:-.035em;--track-display:-.02em;--nums-tabular:tabular-nums;--r-card:12px;--r-ctl:10px;--r-pill:999px;--r-icon:22%;--shadow-sm:0 1px 2px oklch(42% .05 350/.05);--shadow-pop:0 6px 16px oklch(42% .15 350/.35);--ease-out:cubic-bezier(.23, 1, .32, 1);--press:scale(.97);--dur-press:.16s}body{background:var(--bg);font-family:var(--font-sans);color:var(--ink);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-strong)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.wordmark{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--track-wordmark);color:var(--ink);line-height:1}.wordmark .dot{color:var(--primary)}.wordmark.reverse{color:var(--on-primary)}.wordmark.reverse .dot{color:var(--primary-on-ink)}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:16px;padding:20px}.card h2{font-size:var(--text-meta);font-weight:var(--fw-semibold);letter-spacing:.01em;color:var(--muted);margin:0 0 12px}label{gap:4px;display:grid}label>span{font-size:var(--text-micro);font-weight:var(--fw-medium);color:var(--muted)}input,select,textarea{font-family:var(--font-sans);font-size:var(--text-body);border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--bg);color:var(--ink);box-sizing:border-box;width:100%;min-height:44px;padding:10px 12px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}input[type=checkbox],input[type=radio]{width:16px;height:16px;min-height:0;accent-color:var(--primary);padding:0}input::placeholder{color:var(--faint)}button,.btn{font-family:var(--font-sans);font-size:var(--text-body-sm);font-weight:var(--fw-medium);border-radius:var(--r-ctl);cursor:pointer;white-space:nowrap;min-height:44px;transition:transform var(--dur-press) var(--ease-out), background .15s ease, border-color .15s ease;box-sizing:border-box;border:1px solid #0000;padding:11px 16px}button:not(:disabled):active,.btn:not(:disabled):active{transform:var(--press)}button:disabled{cursor:default;opacity:.55}.primary{background:var(--primary);color:var(--on-primary)}.primary:not(:disabled):hover{background:var(--primary-strong)}.accent{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.accent:not(:disabled):hover{background:var(--primary);color:var(--on-primary)}.ghost{border-color:var(--line);color:var(--muted);background:0 0}.ghost:not(:disabled):hover{border-color:var(--muted);color:var(--ink)}.danger{background:var(--danger);color:var(--on-primary)}.linkish{min-height:0;font-size:var(--text-micro);color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.linkish:hover{color:var(--ink)}.note{font-size:var(--text-body-sm);border-radius:var(--r-ctl);margin:0 0 16px;padding:10px 12px}.note.ok{background:var(--accent-soft);color:var(--accent)}.note.warn{background:var(--danger-soft);color:var(--danger)}.note.info{background:var(--primary-soft);color:var(--primary-strong)}.hint{font-size:var(--text-meta);color:var(--muted);margin:0;line-height:1.5}.pill{font-size:var(--text-pill);font-weight:var(--fw-semibold);letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border-radius:var(--r-pill);padding:2px 8px}.pill.brand{color:var(--primary);background:var(--primary-soft)}@media (prefers-reduced-motion:reduce){button:not(:disabled):active{transform:none}}