@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;color:#e8ede8;background:#0c110e;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e8ede8;--muted: #879188;--panel: #141b16;--panel-soft: #18211a;--line: rgba(235, 241, 235, .09);--lesson-accent: #d7a84b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--lesson-accent);outline-offset:2px}body{min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% 15%,rgba(52,83,61,.16),transparent 28rem),#0c110e}.app{min-height:100vh}.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0c110eeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand-lockup,.brand-lockup>div,.top-actions,.dialog-actions,.move-meta{display:flex;align-items:center}.brand-lockup{gap:12px}.brand-mark{width:38px;height:38px;justify-content:center;border-radius:12px;color:#111812;background:var(--lesson-accent);box-shadow:0 8px 24px color-mix(in srgb,var(--lesson-accent) 25%,transparent)}.brand-mark img{width:29px;height:29px;object-fit:contain}.brand-lockup>div:last-child{align-items:flex-start;flex-direction:column;line-height:1.05}.brand-lockup strong{font-size:15px;letter-spacing:-.02em}.brand-lockup small{color:#717c73;font-size:10px;margin-top:5px;text-transform:uppercase;letter-spacing:.13em}.top-actions{gap:8px}button{border:0;cursor:pointer}button:disabled{cursor:default;opacity:.35}.primary-button,.ghost-button,.text-button{min-height:38px;padding:0 15px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600}.primary-button{color:#101611;background:var(--lesson-accent)}.primary-button:hover{filter:brightness(1.08)}.primary-button:disabled{filter:grayscale(.5)}.ghost-button{color:#adb6ae;background:transparent;border:1px solid var(--line)}.ghost-button:hover{color:var(--ink);background:#ffffff0a}.text-button{color:#aeb7af;background:transparent;padding-left:0}.icon-button,.mobile-menu-button{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;background:transparent}.icon-button:hover{background:#ffffff0f}.mobile-menu-button{display:none}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 72px)}.lesson-nav{padding:28px 18px 22px;border-right:1px solid var(--line);background:#0f1511a8;display:flex;flex-direction:column;min-height:calc(100vh - 72px)}.nav-label{display:flex;align-items:center;gap:7px;color:#6f796f;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin:0 8px 13px}.lesson-identity{display:flex;gap:11px;align-items:center;padding:0 8px 25px;border-bottom:1px solid var(--line)}.lesson-cover{width:42px;height:50px;flex:none;display:grid;place-items:center;color:#1a221b;border-radius:4px 9px 9px 4px;position:relative;background:linear-gradient(145deg,#e0b657,#ac7732);box-shadow:inset 3px 0 #241d0f40,0 8px 20px #00000040}.lesson-cover span{position:absolute;right:5px;bottom:3px;font-size:8px;font-weight:700;opacity:.65}.lesson-identity>div:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}.lesson-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.lesson-identity small{color:#778178;font-size:11px}.chapter-label{margin-top:27px}.chapter-list{display:flex;flex-direction:column;gap:4px}.chapter-list button{width:100%;min-height:56px;border-radius:10px;background:transparent;padding:8px 10px;display:flex;align-items:center;gap:12px;text-align:left}.chapter-list button:hover{background:#ffffff06}.chapter-list button.active{background:#1a251d;box-shadow:inset 2px 0 var(--lesson-accent)}.chapter-list button>span{color:#59635b;font-family:Newsreader,serif;font-size:13px}.chapter-list button.active>span{color:var(--lesson-accent)}.chapter-list button div{display:flex;min-width:0;flex-direction:column;gap:4px}.chapter-list strong{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-list small{font-size:10px;color:#69736b}.nav-footer{margin-top:auto;padding:18px 8px 0;border-top:1px solid var(--line);display:grid;gap:10px}.nav-footer div{color:#6f7971;display:flex;align-items:center;gap:8px;font-size:10px}.mobile-nav-heading{display:none}.lesson-stage{min-width:0;padding:42px clamp(28px,5vw,82px) 34px;max-width:1420px;width:100%;margin:0 auto}.lesson-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.eyebrow{color:var(--lesson-accent);display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.lesson-heading h1{font:600 clamp(34px,4vw,50px)/.98 "Newsreader",Georgia,serif;letter-spacing:-.035em;margin:10px 0 8px;color:#edf1ec}.lesson-heading p{margin:0;color:#7f8981;font-size:13px}.evaluation-pill{min-width:78px;padding:9px 13px;border:1px solid var(--line);border-radius:10px;background:#ffffff05;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.evaluation-pill span{color:#69736b;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.evaluation-pill strong{color:#a8c8ae;font:600 15px Newsreader,serif}.study-grid{display:grid;grid-template-columns:minmax(360px,610px) minmax(300px,1fr);gap:clamp(34px,5vw,76px);align-items:center}.board-topline{display:flex;justify-content:space-between;align-items:center;color:#6e786f;font-size:10px;margin:0 2px 10px;text-transform:uppercase;letter-spacing:.08em}.board-action{color:#758077;background:transparent;font-size:10px;display:flex;align-items:center;gap:6px}.board-action:hover{color:#cbd2cb}.board-shell{position:relative;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:7px;background:#111713;box-shadow:0 30px 70px #0000005c,0 3px 10px #0000004d}.chess-board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);overflow:hidden;border-radius:3px;position:relative}.board-square{position:relative;display:grid;place-items:center;font-size:clamp(29px,5vw,64px);line-height:1}.board-square.light{background:#d4c7a5;color:#4f664e}.board-square.dark{background:#58705a;color:#d5c8a7}.piece{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(10,16,11,.28));-webkit-user-select:none;user-select:none;pointer-events:none}.rank-label,.file-label{z-index:3;position:absolute;font-size:clamp(7px,.75vw,10px);font-weight:700;opacity:.72}.rank-label{top:4px;left:5px}.file-label{bottom:3px;right:5px}.board-square.highlight-gold:after,.board-square.highlight-green:after,.board-square.highlight-red:after,.board-square.highlight-blue:after{content:"";position:absolute;inset:7%;border-radius:9%;z-index:1}.board-square.highlight-gold:after{background:#f2be4c8f}.board-square.highlight-green:after{background:#44b9797a}.board-square.highlight-red:after{background:#de4f4a7a}.board-square.highlight-blue:after{background:#4393d280}.board-arrows{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}.move-error{color:#e18a82;background:#c249411a;border:1px solid rgba(218,91,82,.24);border-radius:8px;padding:10px 12px;font-size:11px;margin-top:10px}.teaching-panel{max-width:560px;padding:12px 0}.moment-counter{display:flex;align-items:center;gap:12px;margin-bottom:25px}.moment-counter span{color:var(--lesson-accent);font:600 12px Newsreader,serif}.moment-counter i{height:1px;width:45px;background:var(--lesson-accent);opacity:.55}.move-meta{gap:8px;min-height:26px;margin-bottom:15px}.move-chip,.annotation-chip{display:inline-flex;align-items:center;border-radius:6px;font-size:11px;font-weight:700}.move-chip{color:#1c231d;background:var(--lesson-accent);padding:5px 9px}.annotation-chip{color:#9fa9a1;border:1px solid var(--line);padding:4px 9px}.teaching-panel h2{font:600 clamp(28px,3vw,42px)/1.05 "Newsreader",Georgia,serif;letter-spacing:-.025em;margin:0 0 17px}.narration{color:#b5bdb6;font:500 clamp(16px,1.55vw,20px)/1.65 "Newsreader",Georgia,serif;margin:0}blockquote{margin:28px 0 0;padding:17px 18px;border:1px solid var(--line);border-left:2px solid var(--lesson-accent);border-radius:4px 10px 10px 4px;background:#ffffff05;display:flex;gap:13px;color:#838d85}blockquote>svg{flex:none;color:var(--lesson-accent);margin-top:1px}blockquote span{display:block;color:#687269;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}blockquote p{font:500 13px/1.5 Newsreader,Georgia,serif;margin:0}.step-dots{display:flex;gap:6px;margin-top:31px;flex-wrap:wrap}.step-dots button{width:18px;height:3px;border-radius:4px;background:#2a342c;padding:0;transition:width .2s,background .2s}.step-dots button.complete{background:#5f6b61}.step-dots button.active{width:36px;background:var(--lesson-accent)}.transport{margin-top:34px;border-top:1px solid var(--line);padding-top:18px}.progress-track{height:2px;background:#263028;position:relative}.progress-track span{position:absolute;inset:0 auto 0 0;background:var(--lesson-accent);transition:width .25s}.transport-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:68px}.time-readout{font-size:11px}.time-readout strong{color:#c9d0ca}.time-readout span{color:#5e6860;margin-left:5px}.main-controls,.secondary-controls{display:flex;align-items:center}.main-controls{gap:9px}.main-controls>button,.secondary-controls>button{width:38px;height:38px;border-radius:50%;background:transparent;display:grid;place-items:center;color:#8e9890}.main-controls>button:not(:disabled):hover,.secondary-controls>button:hover{color:#e7ece7;background:#ffffff0a}.main-controls .play-button{width:48px;height:48px;background:var(--lesson-accent);color:#151b16;box-shadow:0 8px 22px color-mix(in srgb,var(--lesson-accent) 16%,transparent)}.main-controls .play-button:hover{color:#111711;background:var(--lesson-accent);filter:brightness(1.08)}.secondary-controls{justify-self:end;gap:3px}.secondary-controls .speed-button{width:auto;padding:0 7px;border-radius:8px;display:flex;gap:5px;font-size:10px}.import-dialog{width:min(680px,calc(100vw - 30px));padding:0;color:var(--ink);border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#131a15;box-shadow:0 30px 100px #000000a6}.import-dialog::backdrop{background:#040805bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-heading{padding:25px 26px 20px;display:flex;justify-content:space-between;gap:20px}.dialog-heading h2{font:600 30px Newsreader,Georgia,serif;margin:10px 0 5px}.dialog-heading p{color:#7c867e;font-size:12px;margin:0}.file-drop{margin:0 26px;min-height:74px;border:1px dashed rgba(255,255,255,.17);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8c968e;cursor:pointer}.file-drop:hover{background:#ffffff06;border-color:var(--lesson-accent)}.file-drop>span{display:flex;flex-direction:column;gap:2px;font-size:12px}.file-drop small{color:#626d64;font-size:10px}.file-drop input{position:absolute;opacity:0;pointer-events:none}.or-divider{display:flex;align-items:center;gap:10px;margin:17px 26px;color:#5d675f;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.import-dialog textarea{display:block;margin:0 26px;width:calc(100% - 52px);height:220px;resize:vertical;padding:15px;color:#bdc6be;background:#0d130f;border:1px solid var(--line);border-radius:10px;font:11px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.import-dialog textarea::placeholder{color:#465047}.import-error{margin:10px 26px 0;color:#e08b83;font-size:11px}.dialog-actions{justify-content:space-between;padding:18px 26px 24px}.mobile-scrim{display:none}@media(max-width:980px){.workspace{grid-template-columns:210px minmax(0,1fr)}.lesson-stage{padding:32px 28px 28px}.study-grid{gap:30px}.board-square{font-size:clamp(29px,5.7vw,54px)}blockquote{display:none}}@media(max-width:760px){.topbar{height:64px;padding:0 16px}.workspace{display:block;min-height:calc(100vh - 64px)}.mobile-menu-button{display:inline-grid;width:34px;height:34px;margin-left:-8px}.brand-mark{width:34px;height:34px}.brand-lockup small{display:none}.lesson-nav{position:fixed;z-index:50;inset:0 auto 0 0;width:min(290px,84vw);min-height:100vh;transform:translate(-105%);transition:transform .25s ease;box-shadow:20px 0 60px #00000080;background:#111813}.lesson-nav.mobile-open{transform:translate(0)}.mobile-nav-heading{display:flex;align-items:center;justify-content:space-between;margin:-10px 0 22px 8px;color:#8e988f;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.mobile-scrim{display:block;position:fixed;z-index:45;inset:0;background:#0000008c}.lesson-stage{padding:28px 18px 22px}.lesson-heading{align-items:flex-start;margin-bottom:22px}.lesson-heading h1{font-size:36px}.lesson-heading p{max-width:270px;line-height:1.5}.evaluation-pill{min-width:auto}.evaluation-pill span{display:none}.study-grid{display:flex;flex-direction:column;align-items:stretch;gap:29px}.board-column{width:100%;max-width:580px;margin:0 auto}.board-square{font-size:clamp(30px,10vw,65px)}.teaching-panel{padding:0 3px 78px;min-height:348px}.moment-counter{margin-bottom:15px}.teaching-panel h2{font-size:31px;margin-bottom:11px}.narration{font-size:17px;line-height:1.55}.step-dots{margin-top:22px}.transport{margin-top:25px;position:sticky;bottom:0;padding:12px 0 4px;background:linear-gradient(180deg,#0c110e00,#0c110e 14px);z-index:10}.transport-row{min-height:62px}.time-readout span{display:none}.main-controls>button{width:32px}.main-controls .play-button{width:45px;height:45px}.secondary-controls>button{width:32px}.speed-button svg{display:none}}@media(max-width:430px){.hide-mobile{display:none}.top-actions .primary-button{padding:0 12px}.top-actions .primary-button span{display:none}.lesson-heading h1{font-size:32px}.lesson-heading p{font-size:11px}.board-topline{font-size:9px}.teaching-panel{min-height:360px}.dialog-actions{align-items:stretch;flex-direction:column-reverse;gap:8px}.dialog-actions .text-button{justify-content:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}