:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang TC","Noto Sans TC",system-ui,sans-serif;--bg:#f2f2f7;--surface:#fff;--seg:#e3e3e8;--seg-on:#fff;--fill:#e5e5ea;--label:#1c1c1e;--label2:#3a3a3c;--sec:#6c6c70;--chev:#a1a1a6;--grab:#c7c7cc;--glass:#ffffffd9;--ring:#00000014;--sep:#3c3c4329;--dim:#00000047;--danger:#d70015;--warn:#b8520a;--switch-on:#34c759;--tint:#1e6b52;--on-tint:#fff;--soft-mix:12%;--sq-l:#ede5d0;--sq-d:#7d9e86;--hl-l:#f3e3a4;--hl-d:#c6c07a;--sel-l:#f1d46e;--sel-d:#cdb94e;--hint-dot:#142c2052;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}:root[data-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#1c1c1e;--seg:#2c2c2e;--seg-on:#636366;--fill:#2c2c2e;--label:#fff;--label2:#e5e5ea;--sec:#aeaeb2;--chev:#636366;--grab:#48484a;--glass:#2c2c2ed9;--ring:#ffffff1f;--sep:#54545899;--dim:#0000008c;--danger:#ff453a;--warn:#ff9f43;--switch-on:#30d158;--soft-mix:20%;--hl-l:#d9c98a;--hl-d:#a9a360;--sel-l:#d8bc5c;--sel-d:#b09f40;--hint-dot:#00000061}:root[data-theme=ocean]{--tint:#0a5cc2}:root[data-theme=walnut]{--tint:#8a4b14}:root[data-theme=ink]{--tint:#1c1c1e}:root[data-mode=dark][data-theme=forest],:root[data-mode=dark]:not([data-theme]){--tint:#4cc29a;--on-tint:#062a1d}:root[data-mode=dark][data-theme=ocean]{--tint:#5aa6ff;--on-tint:#04213f}:root[data-mode=dark][data-theme=walnut]{--tint:#e3a15f;--on-tint:#2e1703}:root[data-mode=dark][data-theme=ink]{--tint:#f2f2f7;--on-tint:#1c1c1e}:root[data-board=ocean]{--sq-l:#e4eaf2;--sq-d:#7e98ba}:root[data-board=walnut]{--sq-l:#f0d9b5;--sq-d:#b58863}:root[data-board=ink]{--sq-l:#e3e6ea;--sq-d:#8a96a3}:root[data-mode=dark][data-board=forest],:root[data-mode=dark]:not([data-board]){--sq-l:#c9c2ae;--sq-d:#5c7b66}:root[data-mode=dark][data-board=ocean]{--sq-l:#bcc6d4;--sq-d:#5a7294}:root[data-mode=dark][data-board=walnut]{--sq-l:#cdb592;--sq-d:#8e6644}:root[data-mode=dark][data-board=ink]{--sq-l:#b9bec5;--sq-d:#646e7a}:root{--soft:color-mix(in srgb,var(--tint) var(--soft-mix),transparent);--soft-solid:color-mix(in srgb,var(--tint) var(--soft-mix),var(--surface))}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--label);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0}body{overscroll-behavior-y:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}button:disabled{cursor:default;opacity:.4}a{color:var(--tint)}:focus-visible{outline:3px solid var(--tint);outline-offset:2px}h1,h2,h3,p{margin:0}.icon{flex-shrink:0;width:22px;height:22px}.muted{color:var(--sec)}.tint-text{color:var(--tint)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);box-shadow:0 8px 30px #0000001f,0 0 0 .5px var(--ring)}.app{min-height:100dvh}.sidebar{display:none}.content{max-width:760px;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 112px);margin:0 auto}.content.pushed{padding-top:8px}.large-title{flex-direction:column;gap:2px;padding:24px 4px 14px;display:flex}.large-title small{color:var(--sec);font-size:.765rem;font-weight:600}.large-title h1{letter-spacing:.3px;font-size:2rem;font-weight:700}.large-title.with-action{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px}.large-title.with-action>div{flex-direction:column;gap:2px;display:flex}.section-title{padding:26px 4px 8px;font-size:1.294rem;font-weight:700}.home-grid .col{flex-direction:column;gap:12px;display:flex}.home-grid .col .section-title{padding-bottom:0}.spread{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.nav-bar{z-index:15;padding:calc(var(--safe-top) + 8px) 16px 8px;background:var(--bg);align-items:center;gap:12px;display:flex;position:sticky;top:0}.nav-title{text-align:center;flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.nav-title b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:1rem;font-weight:600;overflow:hidden}.nav-title small{color:var(--sec);font-size:.706rem}.nav-spacer{flex-shrink:0;width:44px}.icon-btn{width:44px;height:44px;color:var(--label);background:0 0;border:0;border-radius:22px;flex-shrink:0;place-items:center;padding:0;display:grid}.icon-btn .icon{width:20px;height:20px}.icon-btn.surface{background:var(--surface);box-shadow:0 0 0 .5px var(--ring)}.close-btn{background:var(--fill);width:32px;height:32px;color:var(--label2);border:0;border-radius:16px;flex-shrink:0;place-items:center;padding:0;display:grid}.close-btn .icon{stroke-width:2.6px;width:15px;height:15px}.tab-bar{z-index:20;width:min(100% - 40px,460px);left:50%;bottom:calc(var(--safe-bottom) + 10px);border-radius:32px;gap:2px;height:64px;padding:4px;display:flex;position:fixed;transform:translate(-50%)}.tab-bar button{color:var(--label2);background:0 0;border:0;border-radius:28px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.tab-bar button .icon{width:24px;height:24px}.tab-bar button[aria-current=page]{background:var(--soft);color:var(--tint)}.btn{white-space:nowrap;border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn .icon{width:20px;height:20px}.btn.primary{background:var(--tint);color:var(--on-tint)}.btn.soft{background:var(--soft);color:var(--tint)}.btn.plain{background:var(--surface);color:var(--tint)}.btn.sm{min-height:36px;padding:0 16px;font-size:.882rem}.btn.block{border-radius:26px;width:100%;min-height:52px}.card{background:var(--surface);color:var(--label);text-align:left;border:0;border-radius:22px;padding:16px}.group{background:var(--surface);border-radius:22px;overflow:hidden}.group.spaced{margin-top:22px}.group-label{color:var(--sec);margin:22px 16px 8px;font-size:.765rem;font-weight:600}.group-footer{color:var(--sec);margin:8px 16px 0;font-size:.765rem;line-height:1.45}.row{text-align:left;width:100%;min-height:52px;color:var(--label);background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:10px 16px;font-size:1rem;text-decoration:none;display:flex;position:relative}.row+.row:before{content:"";background:var(--sep);height:1px;position:absolute;top:0;left:16px;right:0}.row.has-icon+.row.has-icon:before{left:58px}.row.has-big+.row.has-big:before{left:72px}.row-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-sub{color:var(--sec);font-size:.765rem}.row-value{color:var(--sec);white-space:nowrap}.row .chev,.card .chev{width:14px;height:14px;color:var(--chev);stroke-width:3px}.row.danger{color:var(--danger)}.row.tint{color:var(--tint)}.row.center{justify-content:center;font-size:1.059rem}.row.bold{font-weight:600}.row[role=radio] .icon{stroke-width:2.8px;width:20px;height:20px}.tile{color:#fff;background:var(--sec);border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.tile .icon{width:18px;height:18px}.tile.tint{background:var(--tint);color:var(--on-tint)}.tile.orange{background:#b8520a}.tile.blue{background:#0a5cc2}.tile.purple{background:#5b3fa8}.tile.gray{background:#8e8e93}.tile.red{background:#d70015}.tile.big{background:var(--soft);border-radius:12px;width:44px;height:44px}.tile.huge{background:var(--soft);border-radius:16px;width:56px;height:56px}.tile .piece{width:78%;height:78%}.done-check{background:var(--tint);width:24px;height:24px;color:var(--on-tint);border-radius:12px;place-items:center;display:grid}.done-check .icon{stroke-width:3px;width:14px;height:14px}.swatch-dot{background:var(--tint);width:14px;height:14px;box-shadow:0 0 0 1px var(--ring);border-radius:7px}.eyebrow{color:var(--tint);font-size:.765rem;font-weight:600}.segmented{background:var(--seg);border-radius:20px;gap:2px;min-height:40px;padding:3px;display:flex}.segmented button{color:var(--label);background:0 0;border:0;border-radius:17px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.882rem;font-weight:500;display:flex}.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--seg-on);font-weight:600;box-shadow:0 2px 6px #0000001f}.segmented.compact{flex:none;min-height:34px}.segmented.compact button{white-space:nowrap;padding:0 10px;font-size:13px}.seg-piece{width:22px;height:22px;display:inline-grid}.switch{background:var(--seg);border:0;border-radius:16px;flex-shrink:0;width:51px;height:31px;padding:2px;transition:background .2s;display:flex}.switch span{background:#fff;border-radius:14px;width:27px;height:27px;transition:transform .2s;box-shadow:0 2px 4px #0003}.switch[aria-checked=true]{background:var(--switch-on)}.switch[aria-checked=true] span{transform:translate(20px)}.continue-card{align-items:center;gap:14px;display:flex}.mini-board{flex-shrink:0;width:124px}.mini-board .board{border-radius:12px}.mini-board .rank-label,.mini-board .file-label,.mini-board .board-arrows{display:none}.continue-card .info,.theme-preview .info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.continue-card h2{font-size:1.294rem;font-weight:700}.continue-card p{color:var(--sec);font-size:.882rem}.continue-card .btn{align-self:flex-start;margin-top:6px}.welcome-card{align-items:center;gap:14px;display:flex}.welcome-card h2{font-size:1.176rem}.welcome-card p{color:var(--sec);margin-top:4px;font-size:.882rem}.lesson-feature{align-items:center;gap:14px;width:100%;display:flex}.lesson-feature small{color:var(--sec);font-size:.765rem;font-weight:600}.lesson-feature b{font-size:1rem}.progress-card{flex-direction:column;gap:10px;display:flex}.progress{background:var(--fill);border-radius:4px;height:8px;overflow:hidden}.progress span{background:var(--tint);border-radius:4px;height:100%;display:block}.learn-hub-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;margin-top:18px;display:grid}.course-column,.knowledge-library{min-width:0}.section-heading-inline{justify-content:space-between;align-items:center;gap:12px;margin:22px 2px 10px;display:flex}.section-heading-inline .eyebrow{color:var(--sec);letter-spacing:.08em;margin-bottom:4px;font-size:.647rem;display:block}.section-heading-inline h2{font-size:1.294rem}.section-heading-inline>.icon{width:24px;height:24px;color:var(--tint)}.course-module{margin-bottom:24px}.module-heading{align-items:center;gap:12px;margin:0 2px 10px;display:flex}.module-heading h2{font-size:1.059rem}.module-heading p{color:var(--sec);margin-top:2px;font-size:.824rem}.module-heading small{color:var(--tint);font-size:.706rem;font-weight:650}.lesson-order{background:var(--soft);width:38px;height:38px;color:var(--tint);border-radius:12px;flex-shrink:0;place-items:center;font-size:.765rem;font-weight:750;display:grid}.knowledge-library{position:sticky;top:84px}.knowledge-search{background:var(--surface);height:46px;box-shadow:0 0 0 1px var(--sep);border-radius:15px;align-items:center;gap:10px;margin-bottom:10px;padding:0 14px;display:flex}.knowledge-search>.icon{width:19px;height:19px;color:var(--sec)}.knowledge-search input{color:var(--label);font:inherit;background:0 0;border:0;outline:0;width:100%;min-width:0}.knowledge-search input::placeholder{color:var(--sec)}.knowledge-results .row{align-items:flex-start}.knowledge-categories{flex-wrap:wrap;gap:7px;margin-top:10px;display:flex}.knowledge-categories span,.term-chip{background:var(--soft);color:var(--tint);border:0;border-radius:999px;padding:7px 10px;font-size:.765rem;font-weight:650}.knowledge-sheet{flex-direction:column;gap:14px;display:flex}.knowledge-sheet .sheet-nav{background:var(--bg);z-index:1;position:sticky;top:-14px}.knowledge-english{background:var(--soft);color:var(--tint);border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:.765rem}.knowledge-lead{font-size:1.059rem;font-weight:650;line-height:1.5}.knowledge-section{border-top:1px solid var(--sep);padding-top:14px}.knowledge-section h3{margin-bottom:6px;font-size:1rem}.knowledge-section p,.knowledge-sheet>p{color:var(--label2);font-size:.882rem;line-height:1.65}html[data-layout=regular] .learn-hub-grid,html[data-layout=expanded] .learn-hub-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px}.empty-card{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 20px;display:flex}.empty-card .icon{width:40px;height:40px;color:var(--tint)}.empty-card p{color:var(--sec)}.theme-preview{align-items:center;gap:16px;display:flex}.theme-preview .mini-board{width:140px}.theme-preview .info{gap:10px}.theme-preview .status-chip,.theme-preview .info .btn{align-self:flex-start}.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.theme-option{background:var(--surface);text-align:left;color:var(--label);border:0;border-radius:20px;flex-direction:column;gap:6px;padding:12px;display:flex;position:relative}.theme-option[aria-checked=true]{box-shadow:0 0 0 2.5px var(--opt)}.theme-option b{margin-top:4px;font-size:.941rem}.theme-option small{color:var(--sec);font-size:.706rem}.swatches{align-items:center;gap:4px;display:flex}.swatches span{width:20px;height:20px;box-shadow:0 0 0 1px var(--ring);border-radius:5px}.swatches span:first-child{border-radius:14px;width:28px;height:28px}.opt-check{background:var(--opt);width:22px;height:22px;color:var(--opt-on);border-radius:11px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.opt-check .icon{stroke-width:3.2px;width:13px;height:13px}.board-wrap{width:100%;max-width:600px;margin:0 auto;position:relative}.board{aspect-ratio:1;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid;overflow:hidden}.square{aspect-ratio:1;background:var(--sq-l);border:0;place-items:center;min-width:0;margin:0;padding:0;display:grid;position:relative}.square.dark{background:var(--sq-d)}.square.recent{background:var(--hl-l)}.square.dark.recent{background:var(--hl-d)}.square.selected{background:var(--sel-l)}.square.dark.selected{background:var(--sel-d)}.square:disabled{opacity:1;cursor:default}.square:focus-visible{outline-offset:-3px}.piece{pointer-events:none;filter:drop-shadow(0 1px 1px #00000040);width:88%;height:88%;overflow:visible}.square,.tile,.promo,.brand-mark,.seg-piece{container-type:size}.piece.glyph{text-align:center;filter:drop-shadow(0 .02em .02em #00000040);-webkit-user-select:none;user-select:none;width:auto;height:auto;font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,serif;font-size:82cqmin;line-height:1;display:grid}.piece.glyph>span{grid-area:1/1}.piece.glyph.w .g-fill{color:#fff;-webkit-text-stroke:.05em #fff}.piece.glyph.w .g-line{color:#1c1c1e}.piece.glyph.b .g-fill{color:#1c1c1e;-webkit-text-stroke:.05em #1c1c1e}.piece.glyph.b .g-line{color:#ffffffd1}.piece-defs{width:0;height:0;position:absolute;overflow:hidden}.sf{fill:var(--pf);stroke:var(--ps);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round}.sd{fill:none;stroke:var(--pd);stroke-width:1.5px;stroke-linecap:round}.sdot{fill:var(--pd);stroke:none}.tf{fill:var(--pf);stroke:var(--ps);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.te{fill:#fff;stroke:var(--ps);stroke-width:1.2px}.tp{fill:#1c1c1e}.tk{fill:var(--pk);opacity:.75}.td{fill:none;stroke:var(--pd);stroke-width:1.5px;stroke-linecap:round}.xf{fill:var(--pf)}.xd{fill:var(--pd)}.set-classic.w{--pf:#fff;--ps:#1c1c1e;--pd:#1c1c1e}.set-classic.b{--pf:#1c1c1e;--ps:#000;--pd:#ededf0}.set-flat.w{--pf:#fff;--ps:#6c6c70;--pd:transparent;filter:drop-shadow(0 1.5px 1.5px #00000059)}.set-flat.b{--pf:#2c2c2e;--ps:#2c2c2e;--pd:transparent;filter:drop-shadow(0 1.5px 1.5px #00000059)}.set-medieval.w{--pf:#f3e6c8;--ps:#5b3a1e;--pd:#b8862b}.set-medieval.b{--pf:#3b2616;--ps:#1a0f07;--pd:#d4af55}.set-gothic.w{--pf:#ece8e1;--ps:#2a2530;--pd:#8e1b2c}.set-gothic.b{--pf:#17141b;--ps:#000;--pd:#c7303f}.set-cartoon.w{--pf:#fff6df;--ps:#2b2b2b;--pd:#2b2b2b;--pk:#ff9aa2}.set-cartoon.b{--pf:#4a4466;--ps:#1e1b2e;--pd:#f4f1ff;--pk:#ff8fb0}.set-pixel{shape-rendering:crispedges;width:80%;height:80%}.set-pixel.w{--pf:#fff;--pd:#9cb7c9;filter:drop-shadow(1.5px 0 #1b1a2a)drop-shadow(-1.5px 0 #1b1a2a)drop-shadow(0 1.5px #1b1a2a)drop-shadow(0 -1.5px #1b1a2a)}.set-pixel.b{--pf:#2b2940;--pd:#7c83fd;filter:drop-shadow(1.5px 0 #0b0a14)drop-shadow(-1.5px 0 #0b0a14)drop-shadow(0 1.5px #0b0a14)drop-shadow(0 -1.5px #0b0a14)}.set-crystal.w{--pf:url(#cgw);--ps:#5e97c6;--pd:#ffffffe6;filter:drop-shadow(0 2px 3px #285a8c59)}.set-crystal.b{--pf:url(#cgb);--ps:#1c0b3a;--pd:#fff9;filter:drop-shadow(0 2px 3px #280a5073)}.pieces-preview{flex-direction:column;gap:12px;display:flex}.piece-strip{border-radius:12px;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;max-width:336px;margin:0 auto;display:grid;overflow:hidden}.set-thumb{border-radius:8px;flex-shrink:0;display:flex;overflow:hidden}.set-thumb .square{width:38px;height:38px}.row.has-thumb+.row.has-thumb:before{left:104px}.rank-label,.file-label{color:var(--sq-d);pointer-events:none;font-size:10px;font-weight:700;line-height:1;position:absolute}.square.dark .rank-label,.square.dark .file-label{color:var(--sq-l)}.rank-label{top:3px;left:3px}.file-label{bottom:3px;right:3px}.target{background:var(--hint-dot);border-radius:50%;width:32%;height:32%;position:absolute}.capture-target{border:4px solid var(--hint-dot);border-radius:50%;position:absolute;inset:5%}.board-arrows{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lesson-overlay{pointer-events:none;z-index:7;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lesson-overlay marker path{fill:var(--warn)}.annotation-arrow{fill:none;stroke:var(--warn);stroke-width:2.2px;stroke-linecap:round;opacity:.92}.lesson-mark.alternative .annotation-arrow{stroke:var(--label2);stroke-dasharray:3 2;opacity:.8}.annotation-target{fill:none;stroke:#d34a43;stroke-width:1.7px;stroke-dasharray:2.2 1.2}.annotation-benefit{fill:#31a66a29;stroke:#218653;stroke-width:1.4px}.annotation-label-bg{fill:var(--label)}.annotation-label{fill:var(--bg);text-anchor:middle;dominant-baseline:middle;font-size:3.7px;font-weight:800}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.game-screen{min-height:100dvh;padding-bottom:calc(var(--safe-bottom) + 100px)}.game-layout{max-width:640px;margin:0 auto}.board-column{flex-direction:column;display:flex}.player-row{align-items:center;gap:10px;min-height:56px;padding:10px 16px;display:flex}.avatar{background:var(--fill);width:36px;height:36px;color:var(--label2);border-radius:18px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.avatar .icon{width:20px;height:20px}.avatar.me{background:var(--tint);color:var(--on-tint)}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who b{font-size:.882rem;font-weight:600}.who small{color:var(--sec);font-size:.765rem}.status-chip{background:var(--soft);height:28px;color:var(--tint);white-space:nowrap;border-radius:14px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.status-chip.quiet{background:var(--fill);color:var(--label2)}.move-chips{scrollbar-width:none;gap:6px;padding:6px 16px 0;display:flex;overflow-x:auto}.move-chips::-webkit-scrollbar{display:none}.move-chips span{background:var(--surface);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:.882rem;display:inline-flex}.move-chips small{color:var(--sec)}.move-chips .last{color:var(--tint);font-weight:700}.move-chips em{color:var(--sec);padding:6px 0;font-size:.882rem;font-style:normal}.think-card{align-items:flex-start;gap:12px;margin:12px 16px 0;display:flex}.think-card>.icon{color:var(--warn)}.think-card b{font-size:.882rem}.questions{color:var(--label2);margin:4px 0 0;padding-left:20px;font-size:.882rem;line-height:1.5}.lesson-panel{flex-direction:column;gap:10px;margin:12px 16px 0;display:flex}.lesson-panel h2{align-items:center;gap:8px;font-size:1rem;display:flex}.lesson-panel h2 .icon{color:var(--warn)}.lesson-panel p{line-height:1.45}.theme-box{background:var(--bg);border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.lesson-prompt{background:var(--soft);border-radius:16px;flex-direction:column;gap:5px;padding:14px 16px;display:flex}.lesson-prompt.observe{background:var(--bg)}.lesson-prompt>span{letter-spacing:.05em;color:var(--tint);font-size:.706rem;font-weight:800}.lesson-prompt p{color:var(--label);margin:0;font-size:.941rem}.term-list{flex-wrap:wrap;gap:8px;display:flex}.term-chip{background:var(--fill);min-height:34px;color:var(--tint);border:0;border-radius:17px;padding:0 12px;font-size:.824rem;font-weight:650}.lesson-hint-button{align-self:flex-start}.lesson-hint{border-left:3px solid var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);color:var(--label2);border-radius:4px 12px 12px 4px;padding:12px 14px}.lesson-result{flex-direction:column;gap:10px;display:flex}.lesson-verdict{background:var(--soft);border:1px solid color-mix(in srgb,var(--tint) 25%,transparent);border-radius:16px;padding:14px 16px}.lesson-verdict b{color:var(--tint);font-size:.941rem}.lesson-verdict p{color:var(--label2);margin-top:4px}.lesson-verdict.retry,.lesson-verdict.illegal{background:color-mix(in srgb,var(--warn) 11%,var(--surface));border-color:color-mix(in srgb,var(--warn) 35%,transparent)}.lesson-verdict.retry b,.lesson-verdict.illegal b{color:color-mix(in srgb,var(--warn) 76%,var(--label))}.lesson-analysis-section{background:var(--bg);border-radius:14px;flex-direction:column;gap:6px;padding:13px 14px;display:flex}.lesson-analysis-section h3{color:var(--label);font-size:.882rem}.lesson-analysis-section h4{color:var(--tint);font-size:.824rem}.lesson-analysis-section p{color:var(--label2);margin:0}.lesson-analysis-section.takeaway{background:color-mix(in srgb,var(--tint) 10%,var(--surface));box-shadow:inset 3px 0 0 var(--tint)}.lesson-evidence-list{flex-direction:column;gap:8px;display:flex}.lesson-evidence-card{background:var(--surface);box-shadow:0 0 0 .5px var(--ring);border-radius:12px;padding:10px 12px}.lesson-evidence-card h4{margin-bottom:3px}.demo-bar{background:var(--soft);color:var(--tint);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;margin:10px 16px 0;padding:8px 8px 8px 16px;font-size:.882rem;font-weight:600;display:flex}.feedback{background:var(--soft);color:var(--label);border-radius:14px;padding:12px 14px;font-size:.882rem;line-height:1.45}.error{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin:12px 16px 0;padding:10px 10px 10px 14px;font-size:.882rem;display:flex}.game-toolbar{z-index:20;left:16px;right:16px;bottom:calc(var(--safe-bottom) + 10px);gap:10px;max-width:608px;margin:0 auto;display:flex;position:fixed}.tool-group{border-radius:30px;align-items:center;gap:2px;height:60px;padding:0 6px;display:flex}.tool-group .icon-btn{border-radius:24px;width:48px;height:48px}.tool-group .icon-btn .icon{width:22px;height:22px}.coach-cta{background:var(--tint);min-height:60px;color:var(--on-tint);border:0;border-radius:30px;flex:1;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 8px 24px #00000029}.coach-cta span{text-align:left;flex-direction:column;line-height:1.2;display:flex}.coach-cta b{font-size:1rem}.coach-cta small{opacity:.9;font-size:12px}.coach{z-index:30;background:var(--surface);max-height:min(52dvh,560px);padding:8px 16px calc(var(--safe-bottom) + 16px);visibility:hidden;border-radius:34px 34px 0 0;flex-direction:column;gap:10px;transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility .34s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -8px 30px #00000024}.coach.open{visibility:visible;transform:none}.grabber{background:var(--grab);border-radius:3px;flex-shrink:0;align-self:center;width:36px;height:5px}.coach-head{justify-content:space-between;align-items:center;gap:12px;padding:0 4px;display:flex}.coach-head h2{font-size:1.294rem;font-weight:700}.coach-head small{color:var(--sec);font-size:.765rem}.coach-body{overscroll-behavior:contain;flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.candidate{background:var(--soft-solid);border-radius:20px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.candidate-top{align-items:center;gap:8px;display:flex}.candidate-top b{font-size:1.176rem}.badge{background:var(--tint);height:22px;color:var(--on-tint);border-radius:11px;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.purpose{font-size:1rem;line-height:1.4}.facts{grid-template-columns:auto minmax(0,1fr);gap:6px 10px;margin:0;font-size:.882rem;line-height:1.45;display:grid}.facts dt{color:var(--label2);font-weight:600}.facts dd{margin:0}.evidence{background:var(--surface);border-radius:14px;overflow:hidden}.evidence-toggle{width:100%;min-height:44px;color:var(--label);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 14px;font-size:.882rem;font-weight:600;display:flex}.evidence-toggle>.icon{width:18px;height:18px;color:var(--tint)}.evidence-toggle span{flex:1}.evidence-toggle small{color:var(--sec);font-size:.765rem;font-weight:500}.evidence-toggle .chev{width:12px;height:12px;transition:transform .2s}.evidence-toggle[aria-expanded=true] .chev{transform:rotate(180deg)}.evidence-list{flex-direction:column;gap:8px;margin:0;padding:0 14px 10px;list-style:none;display:flex}.evidence-list li{color:var(--label2);border-top:1px solid var(--sep);align-items:baseline;gap:10px;padding-top:8px;font-size:.824rem;line-height:1.4;display:flex}.evidence-squares{min-width:52px;color:var(--tint);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.706rem;font-weight:700}.square.marked:after{content:"";box-shadow:inset 0 0 0 3px var(--tint);pointer-events:none;position:absolute;inset:0}.candidate-actions{background:var(--soft-solid);border-radius:0 0 20px 20px;gap:8px;margin:0 -16px -14px;padding:10px 16px 14px;display:flex;position:sticky;bottom:-1px}.candidate-actions .btn{flex:1}.candidate-row{text-align:left;background:var(--bg);width:100%;min-height:60px;color:var(--label);border:0;border-radius:18px;align-items:center;gap:10px;padding:10px 16px;display:flex}.candidate-row b{min-width:48px;font-size:1rem}.candidate-row span{color:var(--label2);flex:1;font-size:.882rem}.candidate-row small{color:var(--sec);font-size:.706rem;font-weight:600}.candidate-row .chev{width:12px;height:12px}.coach-empty{flex-direction:column;gap:10px;padding:4px 4px 8px;display:flex}.coach-empty h3{font-size:1rem}.coach-empty .btn{align-self:flex-start}.coach-empty[role=status]{color:var(--sec);align-items:center;padding:24px}.spinner{border:3px solid var(--fill);border-top-color:var(--tint);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.row-link{color:var(--tint);text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:12px 4px;font-size:.882rem;display:flex}.row-link .icon{width:20px;height:20px}.row-link .chev{width:12px;height:12px;margin-left:auto}.sheet-backdrop{z-index:40;background:var(--dim);justify-content:center;align-items:flex-end;animation:.2s ease-out fade;display:flex;position:fixed;inset:0}.page-sheet{width:100%;max-width:560px;max-height:calc(100dvh - var(--safe-top) - 12px);background:var(--bg);padding:14px 16px calc(var(--safe-bottom) + 24px);border-radius:36px 36px 0 0;animation:.34s cubic-bezier(.2,.8,.2,1) sheet-up;overflow-y:auto}.sheet-nav{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.sheet-nav h2{font-size:1rem;font-weight:600}.promo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.promo{aspect-ratio:1;place-items:center;padding:10px;display:grid}.action-sheet{width:100%;max-width:420px;padding:0 8px calc(var(--safe-bottom) + 8px);flex-direction:column;gap:8px;animation:.3s cubic-bezier(.2,.8,.2,1) sheet-up;display:flex}.action-sheet .group{border-radius:16px}@keyframes sheet-up{0%{opacity:0;transform:translateY(48px)}}@keyframes fade{0%{opacity:0}}.notice{z-index:50;left:50%;top:calc(var(--safe-top) + 12px);background:var(--surface);border-radius:20px;padding:10px 16px;font-size:.882rem;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #00000024}.legacy .panel{background:var(--surface);border-radius:22px;flex-direction:column;gap:12px;padding:18px;display:flex}.legacy .eyebrow{letter-spacing:.4px}.legacy h2{font-size:1.294rem}.legacy h3{margin-top:8px;font-size:1rem}.legacy p{color:var(--label2);line-height:1.45}.legacy .primary,.legacy .secondary,.legacy .danger{border:0;border-radius:22px;min-height:44px;padding:0 18px;font-size:.941rem;font-weight:600}.legacy .primary{background:var(--tint);color:var(--on-tint)}.legacy .secondary{background:var(--soft);color:var(--tint)}.legacy .danger{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.legacy .full{width:100%}.legacy .price-line{background:var(--bg);text-align:left;width:100%;color:var(--label);border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:.882rem;display:flex}.legacy .credit-status{background:var(--soft);border-radius:16px;flex-direction:column;gap:2px;padding:14px;display:flex}.legacy .credit-status b{color:var(--tint);font-size:1.647rem}.legacy .credit-status small{color:var(--sec)}.legacy .consent-row{align-items:flex-start;gap:10px;font-size:.824rem;line-height:1.45;display:flex}.legacy .consent-row input{width:20px;height:20px;accent-color:var(--tint);flex-shrink:0}.legacy .shop{flex-direction:column;gap:8px;display:flex}.legacy .account-actions{flex-wrap:wrap;gap:8px;display:flex}.legacy .lesson-card{background:var(--bg);text-align:left;color:var(--label);border:0;border-radius:14px;padding:12px 14px;font-size:.882rem}@media (width<=599px){.game-screen .board{border-radius:0}}@media (width>=600px){.game-screen .board{border-radius:16px}.game-screen .board-wrap{padding:0 16px}}.sidebar{z-index:25;left:10px;top:calc(var(--safe-top) + 10px);bottom:calc(var(--safe-bottom) + 10px);border-radius:26px;flex-direction:column;gap:4px;width:260px;padding:14px 12px;position:fixed;overflow-y:auto}.sidebar-head{align-items:center;gap:10px;padding:6px 10px 14px;display:flex}.sidebar-head b{font-size:1.294rem}.brand-mark{background:var(--tint);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.brand-mark .piece{width:80%;height:80%}.side-nav{flex-direction:column;gap:2px;display:flex}.side-nav button{height:44px;color:var(--label);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:1rem;display:flex}.side-nav button .icon{color:var(--tint)}.side-nav button[aria-current=page]{background:var(--tint);color:var(--on-tint);font-weight:600}.side-nav button[aria-current=page] .icon{color:inherit}.side-label{color:var(--sec);margin:18px 12px 4px;font-size:.765rem;font-weight:600}.side-recent{flex-direction:column;gap:2px;display:flex}.side-recent button{text-align:left;color:var(--label);background:0 0;border:0;border-radius:12px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.side-recent button[aria-current=true]{background:var(--fill)}.side-recent b{font-size:.882rem;font-weight:600}.side-recent small{color:var(--sec);font-size:.765rem}.side-foot{background:var(--soft);border-radius:18px;flex-direction:column;gap:2px;margin-top:auto;padding:14px;display:flex}.side-foot b{color:var(--tint);font-size:.882rem}.side-foot small{color:var(--label2);font-size:.765rem}.sidebar-toggle{z-index:21;left:16px;top:calc(var(--safe-top) + 13px);position:fixed}.sidebar-scrim{z-index:24;background:var(--dim);animation:.2s ease-out fade;position:fixed;inset:0}[data-layout=regular] .sidebar.open{animation:.3s cubic-bezier(.2,.8,.2,1) slide-in;display:flex}[data-layout=expanded] .sidebar{z-index:20;display:flex}@keyframes slide-in{0%{opacity:0;transform:translate(-24px)}}:root:is([data-layout=regular],[data-layout=expanded]) .coach{left:12px;right:12px;bottom:calc(var(--safe-bottom) + 12px);border-radius:34px;max-width:796px;margin:0 auto;padding-bottom:16px}:root:is([data-layout=regular],[data-layout=expanded]) .sheet-backdrop{align-items:center}:root:is([data-layout=regular],[data-layout=expanded]) .page-sheet{border-radius:32px;padding-bottom:24px}[data-layout=regular] .tab-bar{top:calc(var(--safe-top) + 10px);border-radius:25px;width:auto;height:50px;padding:4px;bottom:auto}[data-layout=regular] .tab-bar button{border-radius:21px;flex-direction:row;flex:none;gap:6px;padding:0 16px;font-size:15px}[data-layout=regular] .tab-bar button .icon{width:20px;height:20px}[data-layout=regular] .content{max-width:720px;padding:calc(var(--safe-top) + 70px) 24px calc(var(--safe-bottom) + 40px)}[data-layout=regular] .content.pushed{padding-top:8px}[data-layout=regular] .game-screen .board-wrap{max-width:min(632px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 330px))}[data-layout=regular] .game-screen .player-row,[data-layout=regular] .game-screen .move-chips{max-width:min(600px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 362px));width:100%;margin:0 auto;padding-left:0;padding-right:0}[data-layout=regular] .lesson-mode .game-layout{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:16px;max-width:none;padding:0 16px;display:grid}[data-layout=regular] .lesson-mode .board-wrap{max-width:min(100%,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 230px));padding:0}[data-layout=regular] .lesson-mode .lesson-panel{top:calc(var(--safe-top) + 72px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 88px);margin:0;position:sticky;overflow-y:auto}[data-layout=expanded] .tab-bar,[data-layout=expanded] .sidebar-toggle{display:none}[data-layout=expanded] .app-main{margin-left:280px}[data-layout=expanded] .content{max-width:960px;padding:calc(var(--safe-top) + 16px) 28px 40px}[data-layout=expanded] .nav-bar{padding-left:16px;padding-right:20px}[data-layout=expanded] .game-screen{padding-bottom:24px}[data-layout=expanded] .game-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;max-width:none;padding:0 16px 0 4px;display:grid}[data-layout=expanded] .lesson-mode .lesson-panel{top:calc(var(--safe-top) + 72px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 88px);margin-top:0;position:sticky;overflow-y:auto}[data-layout=expanded] .game-screen .board-wrap{max-width:min(620px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 270px));padding:0}[data-layout=expanded] .player-row,[data-layout=expanded] .move-chips{max-width:min(620px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 270px));width:100%;margin:0 auto;padding-left:0;padding-right:0}[data-layout=expanded] .think-card{display:none}[data-layout=expanded] .demo-bar,[data-layout=expanded] .error,[data-layout=expanded] .lesson-panel{margin-left:0;margin-right:0}[data-layout=expanded] .game-toolbar{max-width:min(620px,calc(100dvh - var(--safe-top) - var(--safe-bottom) - 270px));width:100%;margin:14px auto 0;position:static}[data-layout=expanded] .tool-group{box-shadow:0 0 0 .5px var(--ring)}[data-layout=expanded] .coach-cta{box-shadow:none}[data-layout=expanded] .coach{top:calc(var(--safe-top) + 72px);visibility:visible;max-width:none;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 88px);box-shadow:none;border-radius:26px;margin:0;padding:16px;transition:none;position:sticky;bottom:auto;left:auto;right:auto;transform:none}[data-layout=expanded] .coach .grabber,[data-layout=expanded] .coach .close-btn{display:none}[data-layout=expanded] .home-grid .mini-board{width:220px}[data-layout=expanded] .home-grid .continue-card{flex-direction:column;align-items:stretch}[data-layout=expanded] .home-grid .continue-card .mini-board{align-self:center}.game-screen{--sheet-h:min(44dvh,400px)}:root[data-layout=regular] .game-screen{--sheet-h:min(36dvh,400px)}:root:not([data-layout=expanded]) .coach.open{height:var(--sheet-h);max-height:none}:root:not([data-layout=expanded]) .game-screen.coach-open .board-wrap{max-width:min(632px,calc(100dvh - var(--sheet-h) - var(--safe-top) - 72px));transition:max-width .34s cubic-bezier(.2,.8,.2,1)}:root:not([data-layout=expanded]) .game-screen.coach-open .board-column>:not(.board-wrap):not(.error){display:none}:root:not([data-layout=expanded]) .game-screen.coach-open .board{border-radius:14px}:root[data-layout=regular] .coach.open{bottom:calc(var(--safe-bottom) + 12px)}.content{container:content/inline-size}.coach{container:coach/inline-size}@container content (width>=640px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.home-grid .col>.section-title:first-child{padding-top:0}.home-grid .mini-board{width:160px}.learn-sections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:16px;display:grid}}@container coach (width>=620px){.coach-body{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-content:start;gap:10px 12px;display:grid}.coach-body>.candidate{grid-area:1/1/span 6}.coach-body>.candidate-row,.coach-body>.row-link{grid-column:2}.coach-body>.coach-empty{grid-column:1/-1}}@media (hover:hover) and (pointer:fine){button.row:hover,a.row:hover,.candidate-row:hover,.side-recent button:hover,.side-nav button:not([aria-current]):hover,.tab-bar button:not([aria-current]):hover,.theme-option:hover{background:var(--fill)}.btn:not(:disabled):hover,.coach-cta:not(:disabled):hover{filter:brightness(1.07)}.square:not(:disabled):hover{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--tint) 45%,transparent)}}.warn-text{color:var(--danger)}.square.warn:after{content:"";box-shadow:inset 0 0 0 3px var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent);pointer-events:none;z-index:2;position:absolute;inset:0}.square.hinted:before{content:"";border:3px solid var(--tint);opacity:.85;pointer-events:none;z-index:2;border-radius:22%;animation:1.4s ease-in-out infinite hint-pulse;position:absolute;inset:8%}@keyframes hint-pulse{50%{opacity:.3;transform:scale(.92)}}.stage-panel .issue-card,.stage-panel .loose-card{margin:0}.square.quiz-picked:after{content:"";box-shadow:inset 0 0 0 3px var(--tint);background:var(--soft);pointer-events:none;z-index:2;position:absolute;inset:0}.square.quiz-correct:after,.square.quiz-missed:after,.square.quiz-wrong:after{content:"";pointer-events:none;z-index:2;position:absolute;inset:0}.square.quiz-correct:after{background:#31a66a6b}.square.quiz-missed:after{background:#d9a10038;box-shadow:inset 0 0 0 3px #d9a100}.square.quiz-wrong:after{box-shadow:inset 0 0 0 3px var(--danger);background:color-mix(in srgb,var(--danger) 20%,transparent)}.star-mark{fill:#f2b705;stroke:#8a5a00;stroke-width:1.2px;filter:drop-shadow(0 1px 1px #0000004d);pointer-events:none;width:62%;height:62%;animation:.4s ease-out star-in;position:absolute}@keyframes star-in{0%{opacity:0;transform:scale(.4)}}.attack-lines path{fill:none;stroke:var(--danger);stroke-width:1.6px;stroke-dasharray:2.4 1.6;stroke-linecap:round;opacity:.9}.issue-card{border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);background:color-mix(in srgb,var(--danger) 7%,var(--surface));flex-direction:column;gap:4px;margin:10px 16px 0;padding:14px;display:flex}.issue-head{align-items:flex-start;gap:10px;display:flex}.issue-head>div{flex-direction:column;flex:1;gap:3px;display:flex}.issue-head b{color:var(--danger);font-size:1rem}.issue-head p{color:var(--label2);line-height:1.45}.issue-icon{background:var(--danger);color:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.issue-icon .icon{stroke-width:3px;width:14px;height:14px}.loose-card{border:1px solid color-mix(in srgb,var(--warn) 35%,transparent);background:color-mix(in srgb,var(--warn) 8%,var(--surface));flex-direction:column;gap:4px;margin:10px 16px 0;padding:14px;display:flex}.loose-card b{color:color-mix(in srgb,var(--warn) 80%,var(--label))}.loose-card p{color:var(--label2)}.stage-panel{gap:12px}.stage-intro{color:var(--label);font-size:1rem;line-height:1.45}.stage-question{font-size:1.06rem;line-height:1.4}.demo-step{background:var(--soft);border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.demo-step p{font-size:1rem;line-height:1.5}.stage-actions{gap:10px;display:flex}.stage-actions .btn{flex:1}.stage-status{color:var(--sec);justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;font-weight:600;display:flex}.stage-feedback{border-radius:14px;padding:12px 14px;font-size:.94rem;line-height:1.45}.stage-feedback.good{background:color-mix(in srgb,#31a66a 14%,var(--surface));color:var(--label)}.stage-feedback.bad{background:color-mix(in srgb,var(--danger) 10%,var(--surface));color:var(--label)}.stage-feedback.info{background:var(--bg);color:var(--label2)}.choice-group .row.choice.right{background:#31a66a24}.choice-group .row.choice.wrong{background:color-mix(in srgb,var(--danger) 10%,transparent)}.quiz-legend{color:var(--sec);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.quiz-legend .lg{border-radius:3px;width:12px;height:12px;margin-left:6px}.lg.correct{background:#31a66a}.lg.missed{background:#d9a100}.lg.wrong{background:var(--danger)}.hint-ladder{flex-direction:column;gap:8px;display:flex}.hint-level{letter-spacing:.04em;color:var(--warn);margin-bottom:2px;font-size:.72rem;font-weight:800;display:block}.lesson-hint.answer{border-left-color:var(--tint)}.promo-inline{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.stage-done{background:var(--soft);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:14px;display:flex}.stage-done .stars,.mastery{gap:2px;display:inline-flex}.stage-done .stars svg{width:34px;height:34px;fill:var(--fill);stroke:none;animation:.4s ease-out star-in}.stage-done .stars svg.on{fill:#f2b705}.mastery svg{width:14px;height:14px;fill:var(--fill)}.mastery svg.on{fill:#f2b705}.stage-done .btn{align-self:stretch}.academy{margin-top:18px}.academy p.muted{margin-top:4px;font-size:.88rem}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.course-card{align-items:flex-start;gap:10px;padding:12px;display:flex}.course-card-main{flex-direction:column;gap:3px;min-width:0;display:flex}.course-card-main b{font-size:1rem}.course-card-main>small{color:var(--sec);font-size:.76rem;line-height:1.35}.course-card-meta{justify-content:space-between;align-items:center;gap:6px;margin-top:4px;display:flex}.course-card-meta small{color:var(--sec);font-size:.76rem}@container content (width>=640px){.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.course-hero{align-items:center;gap:14px;margin-bottom:12px;display:flex}.course-hero h1{font-size:1.65rem}.course-hero p{color:var(--sec);margin-top:2px}.course-meta{align-items:center;gap:10px;margin-top:8px;display:flex}.review-due{border:1px solid color-mix(in srgb,var(--tint) 30%,transparent);align-items:center;gap:14px;width:100%;margin-bottom:12px;display:flex}.review-due small{color:var(--tint);font-size:.76rem;font-weight:600}.review-due .tile .icon{color:var(--tint);width:28px;height:28px}.review-controls{justify-content:center;align-items:center;gap:10px;padding:12px 16px 0;display:flex}.review-position{text-align:center;font-variant-numeric:tabular-nums;min-width:120px;font-weight:700}.review-panel{gap:10px}.review-flag{background:color-mix(in srgb,var(--warn) 9%,var(--surface));border-radius:16px;flex-direction:column;gap:6px;padding:14px;display:flex}.review-flag p{color:var(--label2);line-height:1.45}.review-flag .btn{align-self:flex-start}.group-label.flush{margin:6px 0 0}.review-moves{flex-direction:column;gap:2px;max-height:260px;display:flex;overflow-y:auto}.review-pair{grid-template-columns:32px 1fr 1fr;align-items:center;gap:4px;display:grid}.review-pair small{color:var(--sec)}.review-move{text-align:left;color:var(--label);background:0 0;border:0;border-radius:8px;padding:6px 8px;font-size:.94rem;position:relative}.review-move.current{background:var(--soft);color:var(--tint);font-weight:700}.review-move.flagged:after{content:"";background:var(--warn);border-radius:4px;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;right:6px}.term-chip.practice{background:var(--soft)}html{font-size:1rem}@supports (font:-apple-system-body){html{font:-apple-system-body;font-family:var(--font)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}