:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e2e5ea;--fg: #1c1f23;--muted: #5f6b7a;--accent: #2f6f8f;--on-accent: #ffffff;--accent-subtle: #e3eef4;--ok: #14773a;--on-ok: #ffffff;--ok-subtle: #e3f3e8;--warning: #b45309;--on-warning: #ffffff;--warning-subtle: #fdf4e6;--danger: #c92a2a;--danger-subtle: #fbe9e9;--cat-1: #2a78d6;--cat-2: #d95d1e;--cat-3: #0f8f77;--cat-4: #b8860b;--cat-5: #d2497e;--cat-6: #178a17;--cat-7: #6b4fd0;--cat-8: #d63a3a;--cat-9: #1a8bab;--cat-10: #a85c1e;--cat-11: #9a3f8f;--cat-12: #6f8a10;--lift-1: 0 1px 2px rgb(15 23 42 / .06), 0 1px 1px rgb(15 23 42 / .04);--lift-2: 0 2px 6px rgb(15 23 42 / .09), 0 1px 2px rgb(15 23 42 / .05);--dur-press: 90ms;--dur-quick: .14s;--dur-base: .22s;--dur-slow: .32s;--stagger: 36ms;--rise-distance: 8px;--press-scale: .97;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-pop: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light dark}[data-theme=light]{--bg: #f6f7f9;--surface: #ffffff;--border: #e2e5ea;--fg: #1c1f23;--muted: #5f6b7a;--accent: #2f6f8f;--on-accent: #ffffff;--accent-subtle: #e3eef4;--ok: #14773a;--on-ok: #ffffff;--ok-subtle: #e3f3e8;--warning: #b45309;--on-warning: #ffffff;--warning-subtle: #fdf4e6;--danger: #c92a2a;--danger-subtle: #fbe9e9;--cat-1: #2a78d6;--cat-2: #d95d1e;--cat-3: #0f8f77;--cat-4: #b8860b;--cat-5: #d2497e;--cat-6: #178a17;--cat-7: #6b4fd0;--cat-8: #d63a3a;--cat-9: #1a8bab;--cat-10: #a85c1e;--cat-11: #9a3f8f;--cat-12: #6f8a10;--lift-1: 0 1px 2px rgb(15 23 42 / .06), 0 1px 1px rgb(15 23 42 / .04);--lift-2: 0 2px 6px rgb(15 23 42 / .09), 0 1px 2px rgb(15 23 42 / .05);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16181d;--surface: #1e2127;--border: #2f333b;--fg: #e8eaed;--muted: #9aa1ad;--accent: #7fb6d3;--on-accent: #10151c;--accent-subtle: #1f2f3a;--ok: #4ade80;--on-ok: #10151c;--ok-subtle: #16321f;--warning: #fbbf24;--on-warning: #10151c;--warning-subtle: #3a2c10;--danger: #f87171;--danger-subtle: #3b2224;--cat-1: #3987e5;--cat-2: #d95926;--cat-3: #199e70;--cat-4: #bf7f00;--cat-5: #d55181;--cat-6: #2f9e2f;--cat-7: #8579e6;--cat-8: #e66767;--cat-9: #2394b8;--cat-10: #bf7a3d;--cat-11: #b85cad;--cat-12: #7f9820;--lift-1: 0 1px 2px rgb(0 0 0 / .5), 0 1px 1px rgb(0 0 0 / .35);--lift-2: 0 2px 6px rgb(0 0 0 / .55), 0 1px 2px rgb(0 0 0 / .4);color-scheme:dark}}[data-theme=dark]{--bg: #16181d;--surface: #1e2127;--border: #2f333b;--fg: #e8eaed;--muted: #9aa1ad;--accent: #7fb6d3;--on-accent: #10151c;--accent-subtle: #1f2f3a;--ok: #4ade80;--on-ok: #10151c;--ok-subtle: #16321f;--warning: #fbbf24;--on-warning: #10151c;--warning-subtle: #3a2c10;--danger: #f87171;--danger-subtle: #3b2224;--cat-1: #3987e5;--cat-2: #d95926;--cat-3: #199e70;--cat-4: #bf7f00;--cat-5: #d55181;--cat-6: #2f9e2f;--cat-7: #8579e6;--cat-8: #e66767;--cat-9: #2394b8;--cat-10: #bf7a3d;--cat-11: #b85cad;--cat-12: #7f9820;--lift-1: 0 1px 2px rgb(0 0 0 / .5), 0 1px 1px rgb(0 0 0 / .35);--lift-2: 0 2px 6px rgb(0 0 0 / .55), 0 1px 2px rgb(0 0 0 / .4);color-scheme:dark}:root[data-accent=forest]{--accent: #2d6a4f;--on-accent: #ffffff;--accent-subtle: #e3f0e9}:root[data-accent=mono]{--accent: #1c1f23;--on-accent: #ffffff;--accent-subtle: #e9ebee}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=forest]{--accent: #74c69d;--on-accent: #10151c;--accent-subtle: #1d3328}:root:not([data-theme=light])[data-accent=mono]{--accent: #e8eaed;--on-accent: #10151c;--accent-subtle: #2b2f36}}:root[data-theme=dark][data-accent=forest]{--accent: #74c69d;--on-accent: #10151c;--accent-subtle: #1d3328}:root[data-theme=dark][data-accent=mono]{--accent: #e8eaed;--on-accent: #10151c;--accent-subtle: #2b2f36}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100dvh;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;color:var(--fg);background:var(--bg);-webkit-text-size-adjust:100%}.notice{padding:.6rem .85rem;font-size:.85rem;line-height:1.5;border:1px solid;border-left-width:4px;border-radius:.6rem}.notice-accent{color:var(--accent);background:var(--accent-subtle);border-color:var(--accent)}.notice-ok{color:var(--ok);background:var(--ok-subtle);border-color:var(--ok)}.notice-warning{color:var(--warning);background:var(--warning-subtle);border-color:var(--warning)}.notice-danger{color:var(--danger);background:var(--danger-subtle);border-color:var(--danger)}@keyframes rise-in{0%{opacity:0;transform:translateY(var(--rise-distance))}}@keyframes pop-in{0%{opacity:0;transform:scale(.86)}}@keyframes fade-in{0%{opacity:0}}@keyframes shake-x{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}:where(button,[role=button],summary,a.tab):not(:disabled){transition:transform var(--dur-press) var(--ease-out),background-color var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out),opacity var(--dur-quick) var(--ease-out)}:where(button,[role=button],summary,a.tab):not(:disabled):active{transform:scale(var(--press-scale))}.view-slot>*{animation:rise-in var(--dur-base) var(--ease-out) backwards;animation-delay:min(var(--stagger) * var(--i, 0),calc(var(--stagger) * 6))}.view-slot>:nth-child(1){--i: 0}.view-slot>:nth-child(2){--i: 1}.view-slot>:nth-child(3){--i: 2}.view-slot>:nth-child(4){--i: 3}.view-slot>:nth-child(5){--i: 4}.view-slot>:nth-child(6){--i: 5}.view-slot>:nth-child(n+7){--i: 6}.reveal{animation:rise-in var(--dur-base) var(--ease-out) backwards;animation-delay:min(var(--stagger) * var(--i, 0),calc(var(--stagger) * 6))}[role=alert]{animation:shake-x var(--dur-slow) var(--ease-in-out)}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){:root{--dur-press: 1ms;--dur-quick: 1ms;--dur-base: 1ms;--dur-slow: 1ms;--stagger: 0ms}}