:root{--bg:#f5f5f7;--surface:#fff;--surface-elevated:#fff;--border:#d2d2d7;--border-subtle:rgba(60,60,67,.13);--text-primary:#1d1d1f;--text-secondary:#6e6e73;--accent:#0071e3;--accent-hover:#0077ed;--accent-bg:#e8f2fd;--success:#1a7f37;--success-bg:#e6f6ea;--danger:#c0392b;--radius:14px;--radius-sm:10px;--radius-pill:980px;--shadow-sm:0 1px 3px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 8px 24px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.04);--header-bg:hsla(0,0%,100%,.75)}@media (prefers-color-scheme:dark){:root{--bg:#000;--surface:#1c1c1e;--surface-elevated:#2c2c2e;--border:#3a3a3c;--border-subtle:hsla(0,0%,100%,.1);--text-primary:#f5f5f7;--text-secondary:#98989d;--accent:#0a84ff;--accent-hover:#409cff;--accent-bg:rgba(10,132,255,.18);--success:#32d74b;--success-bg:rgba(50,215,75,.16);--danger:#ff453a;--shadow-sm:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);--shadow-md:0 10px 28px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.4);--header-bg:rgba(28,28,30,.75)}}*{box-sizing:border-box}html{color-scheme:light dark}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}h1,h2,h3{letter-spacing:-.02em}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;padding:14px 24px;border-bottom:1px solid var(--border-subtle);background:var(--header-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.brand{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);text-decoration:none}main{max-width:760px;margin:0 auto;padding:32px 20px 80px}button{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font-family:inherit}::selection{background:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease,background-color .25s ease,border-color .25s ease}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.btn{font-family:inherit;font-size:14px;font-weight:590;border-radius:var(--radius-pill);padding:9px 18px;border:none;cursor:pointer;transition:transform .12s ease,opacity .12s ease,background-color .18s ease,color .18s ease,border-color .18s ease;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{cursor:default;opacity:.45}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background:var(--accent-bg);border-color:transparent;color:var(--accent)}.btn-danger-ghost{background:none;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-danger-ghost:hover:not(:disabled){background:rgba(255,59,48,.1);color:var(--danger);border-color:transparent}.btn-ghost{background:none;color:var(--accent);padding:4px 6px;border-radius:8px}.btn-ghost:hover:not(:disabled){opacity:.65}.btn-sm{padding:6px 13px;font-size:13px}.btn-xs{padding:5px 11px;font-size:12px}.btn-xs,.pill{border-radius:var(--radius-pill)}.pill{font-family:inherit;font-size:13px;font-weight:590;padding:7px 15px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all .16s ease}.pill:hover{border-color:var(--accent);color:var(--accent)}.pill-active{background:var(--accent-bg);color:var(--accent)}.pill-active,.pill-active:hover{border-color:transparent}.tag{font-size:12px;font-weight:590;padding:4px 11px;border-radius:var(--radius-pill);background:var(--accent-bg);color:var(--accent);display:inline-block;text-align:center}.segmented{display:inline-flex;gap:2px;background:var(--border-subtle);padding:3px;border-radius:12px}.segmented-item{font-family:inherit;font-size:13px;font-weight:590;padding:7px 16px;border-radius:9px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.segmented-item-active{box-shadow:var(--shadow-sm)}.input,.segmented-item-active{background:var(--surface);color:var(--text-primary)}.input{font-family:inherit;font-size:15px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-bg)}.input-sm{font-size:13px;padding:7px 11px;border-radius:8px}.icon-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary);font-size:15px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;padding:0}.icon-btn:hover{background:var(--accent-bg);border-color:transparent;color:var(--accent)}.icon-btn:active{transform:scale(.88)}.icon-btn-sm{width:24px;height:24px;font-size:13px}