:root,.theme-preview{--radius-card: 1.15rem;--radius-control: .65rem;--bg: #f7f5f0;--surface-soft: #f4f7f8;--hero: #244d60;--hero-decor: #ecd0b1;--on-hero: #ffffff;--hero-muted: #d8e5e9;--hero-danger: #ffd1ca;--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],[data-theme=light] .theme-preview{--bg: #f7f5f0;--surface-soft: #f4f7f8;--hero: #244d60;--hero-decor: #ecd0b1;--on-hero: #ffffff;--hero-muted: #d8e5e9;--hero-danger: #ffd1ca;--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]),:root:not([data-theme=light]) .theme-preview{--bg: #131c22;--surface-soft: #252e35;--hero: #234353;--hero-decor: #ecd0b1;--on-hero: #ffffff;--hero-muted: #d8e5e9;--hero-danger: #ffd1ca;--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],[data-theme=dark] .theme-preview{--bg: #131c22;--surface-soft: #252e35;--hero: #234353;--hero-decor: #ecd0b1;--on-hero: #ffffff;--hero-muted: #d8e5e9;--hero-danger: #ffd1ca;--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],.theme-preview[data-accent=forest]{--bg: #f2f5ef;--surface-soft: #f4f7f3;--hero: #294d3e;--hero-decor: #ecd0b1;--accent: #2d6a4f;--on-accent: #ffffff;--accent-subtle: #e3f0e9}:root[data-accent=mono],.theme-preview[data-accent=mono]{--bg: #f4f3f1;--surface-soft: #f7f6f4;--hero: #30343a;--hero-decor: #d6dce0;--accent: #1c1f23;--on-accent: #ffffff;--accent-subtle: #e9ebee}@media(prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=forest],:root:not([data-theme=light]) .theme-preview[data-accent=forest]{--bg: #151d18;--surface-soft: #263029;--hero: #264737;--hero-decor: #ecd0b1;--accent: #74c69d;--on-accent: #10151c;--accent-subtle: #1d3328}:root:not([data-theme=light])[data-accent=mono],:root:not([data-theme=light]) .theme-preview[data-accent=mono]{--bg: #17191d;--surface-soft: #292d33;--hero: #32373f;--hero-decor: #d6dce0;--accent: #e8eaed;--on-accent: #10151c;--accent-subtle: #2b2f36}}:root[data-theme=dark][data-accent=forest],:root[data-theme=dark] .theme-preview[data-accent=forest]{--bg: #151d18;--surface-soft: #263029;--hero: #264737;--hero-decor: #ecd0b1;--accent: #74c69d;--on-accent: #10151c;--accent-subtle: #1d3328}:root[data-theme=dark][data-accent=mono],:root[data-theme=dark] .theme-preview[data-accent=mono]{--bg: #17191d;--surface-soft: #292d33;--hero: #32373f;--hero-decor: #d6dce0;--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%}.theme-card{padding:1.1rem;margin-bottom:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card)}.theme-button{min-height:44px;font:inherit;font-weight:600;color:var(--on-accent);background:var(--accent);border:0;border-radius:var(--radius-control);cursor:pointer}.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}}