:root{--paper: oklch(.972 .008 84);--paper-2: oklch(.955 .01 84);--surface: oklch(.992 .006 84);--surface-2: oklch(.978 .008 84);--ink: oklch(.255 .012 70);--ink-soft: oklch(.405 .012 70);--ink-muted: oklch(.565 .012 75);--ink-faint: oklch(.7 .01 80);--line: oklch(.885 .012 80);--line-strong: oklch(.83 .014 78);--green: oklch(.535 .085 142);--green-deep: oklch(.455 .082 142);--green-soft: oklch(.93 .035 142);--green-tint: oklch(.965 .02 142);--clay: oklch(.585 .105 47);--clay-soft: oklch(.93 .04 55);--good: oklch(.585 .1 150);--warn: oklch(.7 .12 75);--bad: oklch(.575 .16 28);--bad-soft: oklch(.93 .05 28);--sq-light: #eeeed2;--sq-dark: #769656;--sq-light-hl: #f6f680;--sq-dark-hl: #bbcb45;--serif: "Spectral", Georgia, "Times New Roman", serif;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px oklch(.4 .02 70 / .06), 0 1px 1px oklch(.4 .02 70 / .04);--shadow-md: 0 4px 14px oklch(.4 .02 70 / .08), 0 2px 6px oklch(.4 .02 70 / .05);--shadow-lg: 0 18px 50px oklch(.35 .02 70 / .16), 0 6px 18px oklch(.35 .02 70 / .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100vh}::selection{background:var(--green-soft)}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}p{margin:0}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit}.serif{font-family:var(--serif)}.mono{font-family:var(--mono)}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--r-md);font-size:14px;font-weight:500;padding:11px 18px;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .04s ease,box-shadow .16s ease;white-space:nowrap;text-decoration:none}.btn:active{transform:translateY(.5px)}.btn--lg{padding:14px 24px;font-size:15px}.btn--sm{padding:8px 13px;font-size:13px}.btn--block{width:100%}.btn--primary{background:var(--green);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--green-deep)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:hover{background:#37322c}.btn--ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn--quiet{background:transparent;color:var(--ink-soft)}.btn--quiet:hover{background:var(--paper-2);color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:7px}.field>label{font-size:12.5px;font-weight:500;color:var(--ink-soft)}.input{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:var(--r-md);padding:12px 14px;font-size:14.5px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--ink-faint)}.input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.input--row{display:flex;gap:8px}.hint{font-size:12px;color:var(--ink-muted)}.error-text{font-size:12px;color:var(--bad)}.switch{--w: 42px;--h: 24px;position:relative;width:var(--w);height:var(--h);border-radius:999px;background:var(--line-strong);border:none;transition:background .18s ease;flex:none}.switch[data-on=true]{background:var(--green)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.switch[data-on=true]:after{transform:translate(18px)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}button.card{font:inherit;color:inherit;text-align:left;cursor:pointer}button.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.gamerow{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:11px 10px;border-radius:10px;cursor:pointer;transition:background .12s ease;font:inherit;color:inherit}.gamerow:hover{background:var(--paper-2)}@media (max-width: 820px){.home-lower{grid-template-columns:1fr}}.acct-tab{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 14px;border-radius:var(--r-md);border:none;background:none;cursor:pointer;font-size:14px;color:var(--ink-soft);transition:background .12s ease,color .12s ease}.acct-tab:hover{background:var(--paper-2);color:var(--ink)}.acct-tab[data-active=true]{background:var(--green-tint);color:var(--green-deep);font-weight:600}@media (max-width: 760px){.acct-body{grid-template-columns:1fr}}.qdot{width:9px;height:9px;border-radius:50%;display:inline-block}.q-brill{background:#00999f;background:oklch(.62 .13 200)}.q-best{background:var(--green)}.q-good{background:#648d60}.q-inacc{background:var(--warn)}.q-mist{background:#c56a3e}.q-blun{background:var(--bad)}.ana-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(340px,1fr);gap:28px;align-items:start}@media (max-width: 860px){.ana-grid{grid-template-columns:1fr}}.ana-chat{display:grid;grid-template-columns:minmax(360px,1fr) minmax(340px,420px);gap:28px;align-items:start}@media (max-width: 1160px){.ana-chat{grid-template-columns:1fr}}.ana-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}@media (max-width: 880px){.puzzle-grid{grid-template-columns:1fr!important}}.tutor-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line)}.tutor-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font:inherit;font-size:13.5px;font-weight:500;color:var(--ink-muted);padding:11px 10px;margin-bottom:-1px;border-bottom:2px solid transparent;transition:color .12s ease,border-color .12s ease}.tutor-tab:hover{color:var(--ink)}.tutor-tab[data-active=true]{color:var(--green-deep);border-bottom-color:var(--green)}.vbadge{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:999px;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.vbadge[data-tone=brill]{background:#c2f3f5;color:#006267;color:oklch(.45 .11 200)}.vbadge[data-tone=best]{background:var(--green-soft);color:var(--green-deep)}.vbadge[data-tone=good]{background:var(--green-tint);color:#3e5f3a}.vbadge[data-tone=inacc]{background:#ffeccd;background:oklch(.95 .05 80);color:#8a5600;color:oklch(.5 .11 70)}.vbadge[data-tone=mist]{background:#ffe1d3;background:oklch(.93 .07 45);color:#9f4325}.vbadge[data-tone=blun]{background:var(--bad-soft);color:var(--bad)}.coach-card{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:12px 13px}.coach-card[data-tone=inacc],.coach-card[data-tone=mist],.coach-card[data-tone=blun]{border-left:3px solid var(--warn)}.coach-card[data-tone=mist],.coach-card[data-tone=blun]{border-left-color:var(--bad)}.coach-engine-line{font-size:12.5px;color:var(--ink-muted);padding:2px 4px}.moves-flow{display:flex;flex-wrap:wrap;gap:4px 5px;align-items:center;font-family:var(--mono);font-size:13px}.moves-pair{display:inline-flex;gap:4px;align-items:center}.moves-pair .pgn-num{color:var(--ink-faint)}.ply-chip{padding:1px 5px;border-radius:5px;color:var(--ink-soft)}.ply-chip[data-active=true]{background:var(--green-soft);color:var(--green-deep);font-weight:600}.ply-chip:hover{background:var(--surface-2)}.km-step{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:600;color:#fff;flex:0 0 auto}.line-chip{font-family:var(--mono);font-size:12.5px;padding:2px 8px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer}.line-chip:hover{border-color:var(--line-strong)}.line-chip[data-active=true]{background:var(--green-soft);border-color:var(--green-soft);color:var(--green-deep);font-weight:600}.shake{animation:shake .42s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.sq--ring{position:relative}.sq--ring:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:3px solid var(--green);border-radius:50%;animation:hintPulse 1.1s ease-in-out infinite;pointer-events:none}@keyframes hintPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(.88);opacity:.55}}.lib-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.lib-pill:hover{border-color:var(--line-strong)}.lib-pill[data-active=true]{background:var(--green-tint);border-color:var(--green-soft);color:var(--green-deep)}.lib-row{padding:12px 10px}.lib-badge{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:600;flex:none}.lib-badge[data-tone=good]{background:var(--green-soft);color:var(--green-deep)}.lib-badge[data-tone=bad]{background:var(--bad-soft);color:var(--bad)}.lib-badge[data-tone=warn]{background:#ffeccd;background:oklch(.95 .05 80);color:#8a5600;color:oklch(.5 .11 70)}@media (max-width: 720px){.lib-hide-sm{display:none}}.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:99px;border:2px solid var(--paper)}.scroll::-webkit-scrollbar-track{background:transparent}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fdfaf4d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand__mark{width:34px;height:34px;border-radius:9px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:21px;flex:none}.brand__name{font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.01em}.brand__name em{font-style:normal;color:var(--green)}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;border-radius:var(--r-md);font-size:14px;color:var(--ink-soft);background:none;border:none;transition:background .14s ease,color .14s ease}.nav-link:hover{background:var(--paper-2);color:var(--ink)}.nav-link[data-active=true]{color:var(--ink);background:var(--paper-2);font-weight:500}.avatar{width:38px;height:38px;border-radius:50%;background:var(--green-soft);color:var(--green-deep);display:grid;place-items:center;font-weight:600;font-size:14px;border:1px solid var(--line);cursor:pointer}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#25211d6b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;z-index:100;animation:fade .18s ease}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:pop .22s cubic-bezier(.2,.9,.3,1)}.board-wrap{position:relative}.board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);aspect-ratio:1;width:100%;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none}.sq{position:relative;display:grid;place-items:center}.sq--light{background:var(--sq-light)}.sq--dark{background:var(--sq-dark)}.sq--lastmove.sq--light{background:var(--sq-light-hl)}.sq--lastmove.sq--dark{background:var(--sq-dark-hl)}.sq--selected.sq--light{background:var(--sq-light-hl)}.sq--selected.sq--dark{background:var(--sq-dark-hl)}.sq--clickable{cursor:pointer}.sq__coord{position:absolute;font-family:var(--mono);font-size:10px;font-weight:600;opacity:.6}.sq__coord--file{right:3px;bottom:1px}.sq__coord--rank{left:3px;top:1px}.sq--light .sq__coord{color:var(--sq-dark)}.sq--dark .sq__coord{color:var(--sq-light)}.piece{font-size:clamp(22px,6.2vw,52px);line-height:1;position:relative;z-index:2}.piece--w{color:#fbfaf4;text-shadow:0 0 1px #4a463d,.6px .6px 0 #4a463d,-.6px .6px 0 #4a463d,.6px -.6px 0 #4a463d,-.6px -.6px 0 #4a463d,0 1.5px 2px rgba(0,0,0,.28)}.piece--b{color:#322f2a;text-shadow:0 1px 1px rgba(0,0,0,.22)}.dot{position:absolute;width:26%;height:26%;border-radius:50%;background:#41392f38;z-index:1}.dot--capture{width:86%;height:86%;background:none;border:5px solid oklch(.35 .02 70 / .22);border-radius:50%}.sq--threat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px #c64a40b3;background:#c64a4029;z-index:1}.arrow-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.evalbar{width:22px;border-radius:6px;overflow:hidden;background:#322f2a;position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.evalbar__white{background:#fbfaf4;width:100%;transition:height .5s cubic-bezier(.3,.9,.3,1)}.evalbar__num{position:absolute;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9px;font-weight:600}.chat-msg{max-width:88%;padding:11px 14px;border-radius:14px;font-size:14px;line-height:1.5}.chat-msg--ai{background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.chat-msg--me{background:var(--green);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chip{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-soft);border-radius:999px;padding:7px 13px;font-size:12.5px;transition:background .14s ease,border-color .14s ease,color .14s ease;text-align:left}.chip:hover{background:var(--green-tint);border-color:var(--green);color:var(--green-deep)}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.divider{height:1px;background:var(--line);border:none;margin:0}.tag{font-family:var(--mono);font-size:11px;padding:3px 8px;border-radius:6px;background:var(--paper-2);color:var(--ink-soft);letter-spacing:.03em;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.tag--good{background:var(--green-soft);color:var(--green-deep)}.tag--bad{background:var(--bad-soft);color:var(--bad)}.tag--warn{background:#ffeccd;background:oklch(.95 .05 80);color:#8a5600;color:oklch(.5 .11 70)}.linkbtn{background:none;border:none;color:var(--green-deep);font:inherit;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.colorpick,.diffpick{display:flex;flex-direction:column;align-items:center;flex:1;gap:0;padding:16px 10px;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:var(--r-md);cursor:pointer;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}.colorpick[data-active=true],.diffpick[data-active=true]{border-color:var(--green);background:var(--green-tint);box-shadow:0 0 0 3px var(--green-soft)}.colorpick>span:first-child{width:46px;height:46px;border-radius:10px;display:grid;place-items:center;background:var(--paper-2)}.colorpick[data-active=true]>span:first-child{background:var(--surface)}.diffpick{align-items:flex-start;gap:7px}.segbtn{display:flex;align-items:center;justify-content:center;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:var(--r-md);cursor:pointer;color:var(--ink);transition:border-color .14s ease,background .14s ease}.segbtn[data-active=true]{border-color:var(--green);background:var(--green-tint);color:var(--green-deep)}.advrow{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:9px}.advrow:hover{background:var(--paper-2)}@media (max-width: 520px){.colorpick span.hint{display:none}}.clock{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:9px;background:var(--paper-2);font-size:16px;font-weight:600;color:var(--ink-soft);border:1.5px solid transparent}.clock[data-active=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.clock[data-active=true] svg{opacity:.8!important}.pgnrow{display:grid;grid-template-columns:34px 1fr 1fr;align-items:center;gap:4px}.pgn-num{font-family:var(--mono);font-size:12.5px;color:var(--ink-muted);text-align:right;padding-right:6px}.pgn-move{font-family:var(--mono);font-size:13.5px;text-align:left;background:none;border:none;padding:5px 9px;border-radius:6px;cursor:pointer;color:var(--ink);transition:background .1s}.pgn-move:hover:not(:disabled){background:var(--paper-2)}.pgn-move[data-active=true]{background:var(--green-soft);color:var(--green-deep);font-weight:600}.pgn-move:disabled{cursor:default}.typing{display:inline-flex;gap:4px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink-faint);animation:typing 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (max-width: 880px){.game-layout{grid-template-columns:1fr!important;height:auto!important}.game-right{border-left:none!important;border-top:1px solid var(--line);height:70vh!important}}@media (max-width: 820px){.auth-grid{grid-template-columns:1fr!important}.auth-aside{display:none!important}}