@import "https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700;900&family=Noto+Sans+KR:wght@300;400;500;600;700&display=swap";:root{--c-espresso:#2d241e;--c-espresso-mid:#3d322a;--c-kaya:#d4a373;--c-kaya-br:#e9c46a;--c-jade:#527853;--c-jade-br:#8ea68e;--c-cream:#fefae0;--c-cream-dark:#faedcd;--c-gold:#bc6c25;--c-text-main:#2d241e;--c-text-muted:#6b5e55;--color-bg:var(--c-cream);--color-ink:var(--c-espresso);--color-board:#e9c46a;--color-board-line:#2d241eb3;--color-nav:var(--c-espresso);--color-nav-text:var(--c-cream);--color-panel:#faedcdd9;--color-panel-border:#bc6c2533;--color-panel-inner:#ffffff4d;--color-accent:var(--c-jade);--color-accent-dark:#3a5a40;--color-text:var(--c-text-main);--color-text-muted:var(--c-text-muted);--color-danger:#bc4749;--color-recommend:var(--c-jade);--side-panel-width:340px;--navbar-height:52px;--glass-bg:#faedcdb3;--glass-border:#bc6c2526;--glass-blur:blur(12px);--shadow-premium:0 10px 30px -10px #2d241e26}[data-theme=dark]{--color-bg:#1a120b;--color-ink:var(--c-espresso);--color-board:#3d2b1f;--color-board-line:#e9c46a33;--color-nav:#120b06;--color-nav-text:var(--c-cream-dark);--color-panel:#1a120bd9;--color-panel-border:#e9c46a1a;--color-panel-inner:#0003;--color-accent:var(--c-jade-br);--color-accent-dark:var(--c-jade);--color-text:var(--c-cream-dark);--color-text-muted:#8e7d73;--glass-bg:#1a120bbf;--glass-border:#e9c46a1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:var(--c-ink);--color-ink:var(--c-ink);--color-nav:#0a1008f7;--color-nav-text:var(--c-text-dark);--color-panel:#12190ef7;--color-panel-border:#5eac7826;--color-panel-inner:#00000040;--color-text:var(--c-text-dark);--color-text-muted:var(--c-text-sub)}}#shadow-canvas,#board-canvas,canvas.ShadowLayer,canvas.StoneLayer{top:0;left:0;position:absolute!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:Noto Sans KR,system-ui,sans-serif;overflow:hidden}button{cursor:pointer;font-family:inherit}.btn-recommend:active:not(:disabled){opacity:.85;transform:scale(.95)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes tsumego-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes tsumego-correct-flash{0%{box-shadow:0 0 #4ade8099}50%{box-shadow:0 0 0 16px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes streak-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.tsumego-shake{animation:.6s ease-in-out tsumego-shake}.tsumego-correct-glow{animation:1.2s ease-out tsumego-correct-flash}.streak-bounce{animation:.4s ease-in-out streak-bounce}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7fcca233;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7fcca266}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1a}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3}