:root,[data-theme=light]{--wall:radial-gradient(90% 80% at 75% 5%,#efe0c8,transparent 55%),linear-gradient(160deg,#e6d4b8,#cbb188);--menu-bar:hsla(0,0%,100%,.36);--menu-fg:rgba(38,30,20,.9);--winborder:rgba(0,0,0,.16);--winhi:hsla(0,0%,100%,.6);--toolbar:hsla(36,24%,96%,.8);--sidebar:hsla(40,21%,95%,.72);--hover:rgba(60,45,25,.06);--content:#fff;--rail:#f7f5f1;--card:#fff;--sunk:rgba(60,45,25,.05);--btnface:hsla(0,0%,100%,.9);--zebra:rgba(60,45,25,.028);--ink:#221d17;--body:#4a443c;--muted:#8a8175;--faint:#b0a89b;--line:rgba(60,45,25,.1);--line2:rgba(60,45,25,.14);--accent:#8f6b43;--accent-deep:#6f5233;--accent-soft:rgba(143,107,67,.15);--on-accent:#fbf6ee;--good:#3f9d5a;--good-soft:rgba(63,157,90,.13);--move-fg:#7a5a34;--move-bg:rgba(143,107,67,.15);--sq-fg:#3f8a49;--sq-bg:rgba(63,140,70,.13);--user-bubble:rgba(143,107,67,.12);--user-line:rgba(143,107,67,.24);--board-light:#e3c79f;--board-dark:#a9803f;--board-lastmove-light:#d8c07a;--board-lastmove-dark:#bda05a;--board-sel-light:#9fb374;--board-sel-dark:#889854;--board-dot:rgba(26,20,16,.22);--board-coach:#3f8a49;--board-frame:#5a4632;--shadow-window:0 36px 80px -18px rgba(0,0,0,.52),0 12px 26px -12px rgba(0,0,0,.34),inset 0 1px 0 var(--winhi);--shadow-glass:inset 0 0 0 0.5px var(--line2),0 1px 1.5px rgba(0,0,0,.07);--shadow-card:0 1px 2px rgba(0,0,0,.05);--shadow-lift:0 1px 2px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.08)}[data-theme=dark]{--wall:radial-gradient(90% 80% at 75% 5%,rgba(140,105,60,.42),transparent 55%),linear-gradient(160deg,#241c14,#100c08);--menu-bar:rgba(20,15,10,.4);--menu-fg:hsla(35,46%,93%,.92);--winborder:hsla(0,0%,100%,.12);--winhi:hsla(0,0%,100%,.06);--toolbar:rgba(46,42,37,.76);--sidebar:rgba(40,36,31,.62);--hover:hsla(38,57%,86%,.07);--content:#1e1b18;--rail:#242019;--card:#2c2823;--sunk:rgba(0,0,0,.3);--btnface:hsla(0,0%,100%,.07);--zebra:rgba(255,245,225,.03);--ink:#f4efe6;--body:#c7bfb2;--muted:#988f82;--faint:#726c62;--line:hsla(38,52%,88%,.1);--line2:hsla(38,52%,88%,.15);--accent:#c99a63;--accent-deep:#dcb37e;--accent-soft:rgba(201,154,99,.2);--on-accent:#2a1e12;--good:#7cc47f;--good-soft:rgba(124,196,127,.16);--move-fg:#dcb37e;--move-bg:rgba(201,154,99,.2);--sq-fg:#8fd08a;--sq-bg:rgba(124,196,127,.16);--user-bubble:rgba(201,154,99,.16);--user-line:rgba(201,154,99,.28);--board-light:#e3c79f;--board-dark:#a9803f;--board-lastmove-light:#d8c07a;--board-lastmove-dark:#bda05a;--board-sel-light:#9fb374;--board-sel-dark:#889854;--board-coach:#8fd08a;--shadow-window:0 36px 80px -18px rgba(0,0,0,.66),0 12px 26px -12px rgba(0,0,0,.5),inset 0 1px 0 var(--winhi);--shadow-glass:inset 0 0 0 0.5px var(--line2),0 1px 1.5px rgba(0,0,0,.3);--shadow-card:0 1px 2px rgba(0,0,0,.25);--shadow-lift:0 1px 2px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.4)}:root{--font-ui:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--font-serif:"Newsreader",Georgia,"Times New Roman",serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-display:var(--font-ui);--font-body:var(--font-ui);--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.3125rem;--text-xl:1.75rem;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.7;--tracking-caps:0.16em;--s-1:0.25rem;--s-2:0.5rem;--s-3:0.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:11px;--r-window:13px;--r-pill:999px;--r-xl:11px;--ease:cubic-bezier(0.2,0.9,0.2,1);--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-piece:cubic-bezier(0.65,0,0.35,1);--dur-fast:110ms;--dur:200ms;--dur-slow:280ms;--z-base:0;--z-overlay:40;--z-modal:50;--z-toast:60;--paper:var(--content);--paper-tint:var(--rail);--surface:var(--card);--surface-raised:var(--card);--surface-sunken:var(--sunk);--ink-secondary:var(--body);--line-strong:var(--line2);--line-faint:var(--line);--accent-strong:var(--accent-deep);--accent-bright:var(--accent);--accent-line:var(--line2);--danger:#c25d5d;--danger-soft:rgba(194,93,93,.13);--danger-line:rgba(194,93,93,.28);--warn:#b8881f;--warn-soft:rgba(184,136,31,.13);--neutral:var(--muted);--cls-brilliant:#26c6da;--cls-great:#5c9ae6;--cls-best:#81b64c;--cls-excellent:#86a65a;--cls-good:#6b8e5a;--cls-book:#a68a64;--cls-inaccuracy:#e6b84d;--cls-mistake:#e68a3e;--cls-blunder:#c25d5d;--cls-forced:#8b8b8b;--cls-missed:#e05555;--shadow-xs:var(--shadow-card);--shadow-sm:var(--shadow-card);--shadow-md:var(--shadow-lift);--shadow-lg:var(--shadow-window);--shadow-focus:0 0 0 3px var(--accent-soft),0 0 0 1.5px var(--accent);--board-shadow:0 2px 8px rgba(26,20,16,.15)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-snug);color:var(--ink);background:var(--content);min-height:100vh;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}::selection{background:var(--accent-soft);color:var(--accent-deep)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}a{color:inherit;text-decoration:none}svg{display:block}.eyebrow{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted);font-weight:500}.display{font-family:var(--font-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--ink)}.mono{font-family:var(--font-mono);font-feature-settings:none;font-variant-ligatures:none;letter-spacing:0}.muted{color:var(--muted)}.panel{box-shadow:var(--shadow-sm)}.panel,.panel-flush{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}.divider{height:1px;border:0}.divider,.divider-v{background:var(--line)}.divider-v{width:1px;align-self:stretch}.btn{--btn-bg:var(--surface-raised);--btn-fg:var(--ink);--btn-bd:var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);height:38px;padding:0 var(--s-4);border-radius:var(--r-md);border:1px solid var(--btn-bd);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--text-sm);font-weight:550;letter-spacing:var(--tracking-snug);white-space:nowrap;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.btn:hover{border-color:var(--muted)}.btn:active{transform:translateY(.5px) scale(.992)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{--btn-bg:var(--accent);--btn-fg:var(--on-accent);--btn-bd:var(--accent-strong);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),var(--shadow-xs)}.btn-primary:hover{--btn-bg:var(--accent-bright);border-color:var(--accent-strong)}.btn-ghost{--btn-bg:transparent;--btn-bd:transparent}.btn-ghost:hover{--btn-bg:var(--paper-tint);border-color:var(--line)}.btn-sm{height:30px;padding:0 var(--s-3);font-size:var(--text-xs)}.btn-icon{width:34px;height:34px;padding:0}.chip{display:inline-flex;align-items:center;gap:var(--s-2);height:28px;padding:0 var(--s-3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface-raised);color:var(--ink-secondary);font-size:var(--text-xs);font-weight:500;transition:all var(--dur-fast) var(--ease)}button.chip:hover{border-color:var(--accent-line);color:var(--accent-strong);background:var(--accent-soft)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-snug);color:var(--ink-secondary)}.input,.select,.textarea{width:100%;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:var(--s-3) var(--s-3);font-size:var(--text-sm);color:var(--ink);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-focus)}.input-mono{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0}.textarea{resize:none;line-height:var(--leading-snug)}.seg{display:inline-flex;padding:3px;gap:2px;background:var(--paper-tint);border:1px solid var(--line);border-radius:var(--r-md)}.seg-item{height:28px;padding:0 var(--s-3);border-radius:var(--r-sm);font-size:var(--text-xs);font-weight:550;color:var(--muted);transition:all var(--dur-fast) var(--ease)}.seg-item[data-active=true]{background:var(--surface-raised);color:var(--ink);box-shadow:var(--shadow-xs)}.tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.01em;border:1px solid var(--line);color:var(--ink-secondary);background:var(--surface-raised)}.tag-good{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-line)}.tag-bad{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-line)}.tag-warn{color:var(--warn);background:var(--warn-soft);border-color:#e7d6ab}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.scroll::-webkit-scrollbar{width:9px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--r-pill);border:3px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.rise{animation:rise var(--dur-slow) var(--ease-out) both}.fade{animation:fade var(--dur) var(--ease) both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}