:root{--bg:#071018;--bg-2:#0b1620;--surface:#101c27;--surface-2:#132433;--surface-3:#172b3c;--border:rgba(148,163,184,0.22);--border-strong:rgba(45,212,191,0.55);--text:#f8fafc;--muted:#9aa9ba;--soft:#cbd5e1;--teal:#2dd4bf;--teal-2:#0891b2;--blue:#4f8cff;--amber:#f59e0b;--danger:#fb7185;--good:#34d399;--shadow:0 20px 60px rgba(0,0,0,0.34)}*{box-sizing:border-box}html{background:var(--bg);-webkit-text-size-adjust:100%}body,html{min-height:100%;overflow-x:hidden}body{margin:0;background:radial-gradient(circle at 35% -10%,rgba(45,212,191,.12),transparent 32rem),linear-gradient(135deg,#071018,#0a111a 48%,#08141d);color:var(--text);font-family:Noto Sans Thai,Noto Sans JP,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;letter-spacing:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;border-right:1px solid var(--border);background:rgba(6,14,22,.92);padding:24px 16px;display:flex;flex-direction:column;gap:26px}.brand,.course-heading,.date-pill,.language-switch,.mobile-brand,.panel-title-row,.question-head,.stat-row,.streak,.tool-row,.top-actions,.topbar-right{display:flex;align-items:center}.brand{gap:12px;font-size:19px;font-weight:800}.brand svg,.course-heading svg,.mobile-brand svg{color:var(--teal)}.side-nav,.tool-list{display:grid;grid-gap:8px;gap:8px}.eyebrow,.nav-label{color:var(--muted);font-size:12px;font-weight:700;margin:0}.mobile-nav button,.side-nav button{border:1px solid transparent;background:transparent}.side-nav button{min-height:66px;display:grid;grid-template-columns:30px 1fr;grid-gap:14px;gap:14px;align-items:center;text-align:left;padding:12px 14px;border-radius:8px;color:var(--soft)}.side-nav button.active,.side-nav button:hover{background:linear-gradient(135deg,rgba(45,212,191,.24),rgba(8,145,178,.1));border-color:var(--border-strong);color:var(--text)}.side-nav strong,.tool-row strong{display:block;font-size:15px}.side-nav small,.tool-row small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.kanji-icon{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:22px;line-height:1;color:var(--teal)}.tool-row{gap:14px;min-height:48px;padding:8px;color:var(--soft)}button.tool-row{width:100%;border:1px solid transparent;background:transparent;border-radius:8px;text-align:left}button.tool-row.active,button.tool-row:hover{background:rgba(45,212,191,.12);border-color:var(--border);color:var(--text)}.tool-row svg{color:var(--soft)}.study-goal{margin-top:auto;border:1px solid var(--border);background:linear-gradient(180deg,rgba(19,36,51,.9),rgba(10,20,30,.9));border-radius:8px;padding:16px;display:grid;grid-gap:8px;gap:8px}.study-goal svg{color:var(--teal)}.study-goal span{color:var(--muted);font-size:12px}.study-goal strong{font-size:24px}.meter,.mini-progress{height:6px;border-radius:99px;background:rgba(148,163,184,.16);overflow:hidden}.meter i,.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue))}.workspace{min-width:0;overflow-x:hidden}.topbar{min-height:68px;border-bottom:1px solid var(--border);background:rgba(8,16,24,.82);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-brand{display:none;gap:8px}.course-heading{gap:14px}.course-heading h1{margin:0;font-size:22px;line-height:1.1}.course-heading p,.top-actions span{margin:2px 0 0;color:var(--muted);font-size:13px}.top-actions{gap:14px}.topbar-right{gap:12px;margin-left:auto}.language-switch{border:1px solid var(--border);border-radius:8px;background:rgba(11,22,32,.72);display:grid;grid-template-columns:repeat(2,minmax(38px,1fr));overflow:hidden}.language-switch button{min-height:36px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);font-size:12px;font-weight:800;padding:0 10px}.language-switch button:last-child{border-right:0}.language-switch button.active{background:rgba(45,212,191,.18);color:var(--teal)}.date-pill,.streak{gap:8px;min-height:38px;padding:0 12px;border-left:1px solid var(--border)}.streak svg{color:var(--amber)}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#20344b;color:var(--text);font-weight:800}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;grid-gap:18px;gap:18px;padding:22px;align-items:start}.study-surface{min-width:0;max-width:100%}.mode-tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));width:100%;max-width:860px;min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:rgba(16,28,39,.78);margin-bottom:18px}.mode-tabs button{min-width:0;min-height:56px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--soft);display:flex;align-items:center;justify-content:center;gap:12px}.mode-tabs button:last-child{border-right:0}.mode-tabs button.active{background:linear-gradient(135deg,rgba(20,184,166,.85),rgba(8,145,178,.72));color:var(--text)}.mode-tabs strong{display:block;font-size:14px}.mode-tabs span{min-width:0}.mode-tabs small{display:block;color:currentColor;opacity:.72;font-size:11px;margin-top:2px}.info-panel,.kanji-detail,.lesson-panel,.practice-panel,.rail-card,.stroke-panel,.vocab-panel{border:1px solid var(--border);background:linear-gradient(180deg,rgba(18,32,45,.92),rgba(12,22,32,.92));border-radius:8px;box-shadow:var(--shadow)}.lesson-panel{padding:16px;min-width:0;max-width:100%;overflow:hidden}.panel-title-row{justify-content:space-between;gap:12px}.panel-title-row h2,.panel-title-row h3{margin:4px 0 0}.panel-title-row p:not(.eyebrow){color:var(--muted);margin:6px 0 0}.lesson-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.lesson-picker.compact{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));flex:1 1;margin-bottom:0}.canvas-toolbar button,.continue button,.flash-actions button,.icon-button,.lesson-picker button,.mock-toolbar button,.quiz-actions button,.segmented button,.stroke-controls button,.topic-tabs button{border:1px solid var(--border);background:rgba(9,18,28,.68);border-radius:7px;min-height:40px;color:var(--soft);padding:8px 12px}.canvas-toolbar button.active,.icon-button.active,.lesson-picker button.active,.quiz-actions button.active,.segmented button.active,.topic-tabs button.active{border-color:var(--border-strong);background:rgba(45,212,191,.18);color:var(--teal)}.icon-button{width:42px;height:42px;display:grid;place-items:center;padding:0}.canvas-toolbar,.flash-tools,.mock-toolbar,.quiz-actions,.segmented,.stroke-controls,.topic-tabs{display:flex;gap:8px;flex-wrap:wrap}.topic-tabs{margin:14px 0}.convo-grid,.kanji-bottom,.kanji-workbench,.two-column{display:grid;grid-gap:14px;gap:14px}.kanji-workbench,.two-column{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.kanji-bottom{grid-template-columns:minmax(360px,1.35fr) minmax(280px,.8fr);margin-top:14px}.convo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-panel,.kanji-detail,.practice-panel,.stroke-panel,.vocab-panel{padding:16px;min-width:0}.info-panel.warm{background:linear-gradient(180deg,rgba(57,40,18,.66),rgba(18,32,45,.88))}.info-panel.full{margin-top:14px}.info-panel h3{color:var(--teal);margin:0 0 12px}.hint-line,.info-panel li,.info-panel p{color:var(--soft)}.info-panel strong{color:var(--text);white-space:pre-wrap}.example-row small,.info-panel small,.vocab-list small{color:var(--muted)}.dialogue,.drill-row,.example-row{border-top:1px solid var(--border);padding:11px 0;margin:0;display:grid;grid-gap:3px;gap:3px}.drill-row{grid-template-columns:1fr auto;align-items:center}.drill-row strong{color:var(--teal)}.genki-vocab-panel .panel-title-row{align-items:flex-start}.genki-vocab-grid{display:grid;grid-gap:14px;gap:14px}.genki-vocab-section{border-top:1px solid var(--border);padding-top:14px}.genki-vocab-section h4{color:var(--text);font-size:14px;margin:0 0 10px}.genki-vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:8px;gap:8px}.genki-vocab-item{min-width:0;border:1px solid var(--border);border-radius:7px;background:rgba(7,16,24,.58);display:grid;grid-template-columns:minmax(86px,.88fr) minmax(74px,.72fr);grid-gap:4px 10px;gap:4px 10px;padding:10px 11px}.genki-vocab-item strong{color:var(--text);font-size:16px;overflow-wrap:anywhere}.genki-vocab-item span{color:var(--teal);font-size:13px;overflow-wrap:anywhere}.genki-vocab-item small{grid-column:1/-1;color:var(--soft)}.genki-vocab-item em{justify-self:start;grid-column:1/-1;border:1px solid rgba(45,212,191,.28);border-radius:999px;color:var(--teal);font-size:11px;font-style:normal;padding:3px 7px}.grammar-list-panel .panel-title-row{align-items:flex-start;margin-bottom:12px}.grammar-list{display:grid;grid-gap:18px;gap:18px}.grammar-lesson-group{border-top:1px solid var(--border);padding-top:16px}.grammar-lesson-heading{display:grid;grid-gap:4px;gap:4px;margin-bottom:12px}.grammar-lesson-heading span{color:var(--teal);font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.grammar-lesson-heading h3{margin:0;font-size:18px}.grammar-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grammar-card,.grammar-card-grid{display:grid;grid-gap:12px;gap:12px}.grammar-card{align-content:start;border:1px solid var(--border);border-radius:8px;background:rgba(7,16,24,.58);padding:14px}.grammar-card h4{margin:0;color:var(--text);font-size:16px}.grammar-form-grid{display:grid;grid-gap:7px;gap:7px}.grammar-form-row{display:grid;grid-template-columns:minmax(86px,.36fr) minmax(0,1fr);grid-gap:10px;gap:10px;align-items:start;border:1px solid rgba(148,163,184,.12);border-radius:7px;background:rgba(3,10,16,.45);padding:9px 10px}.grammar-form-row span{color:var(--muted);font-size:12px;font-weight:800}.grammar-form-row strong{color:var(--teal);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.grammar-card p{color:var(--soft);margin:0}.grammar-card ul{color:var(--muted);margin:0;padding-left:18px}.grammar-card li+li{margin-top:5px}.dialogue{grid-template-columns:32px 1fr}.fallback-kanji,.kanji-large,.writing-ghost{font-family:Hiragino Mincho ProN,Yu Mincho,"Noto Serif JP",serif}.kanji-large{font-size:clamp(88px,12vw,148px);line-height:.95;margin-top:10px}.kanji-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:18px}.kanji-meta span,.stat-chip{border:1px solid var(--border);border-radius:7px;padding:10px;color:var(--muted);min-width:0}.kanji-meta strong{display:block;color:var(--text);margin-top:4px;overflow-wrap:anywhere}.stroke-stage{min-height:244px;display:grid;place-items:center;position:relative}.hanzi-target{width:236px;height:236px}.status-dot{border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--muted);font-size:11px}.status-dot.ready{color:var(--good);border-color:rgba(52,211,153,.36)}.fallback-stroke{width:236px;height:236px;display:grid;place-items:center;position:relative}.fallback-kanji{font-size:170px;color:var(--text);animation:inkReveal 2s ease-in-out infinite}.fallback-stroke i{position:absolute;left:calc(50% + cos(var(--i) * 31deg) * 88px);top:calc(50% + sin(var(--i) * 31deg) * 88px);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(45,212,191,.16);border:1px solid var(--teal);color:var(--teal);font-style:normal;font-size:11px}.kanjivg-stroke-order{width:236px;height:236px}.kanjivg-stroke-order svg{width:100%;height:100%;overflow:visible}.kanjivg-stroke-order path{fill:none;stroke-linecap:round;stroke-linejoin:round}.kanjivg-outline path{stroke:rgba(148,163,184,.32);stroke-width:3.1}.kanjivg-draw path{stroke:#f8fafc;stroke-width:3.2;stroke-dasharray:1;stroke-dashoffset:1;animation:drawKanjiStroke .42s ease-out forwards;animation-delay:calc(var(--stroke-index) * .28s)}.kanjivg-stroke-order.looping .kanjivg-draw path{animation:drawKanjiStrokeLoop calc(var(--stroke-count) * .34s + 1.5s) linear infinite;animation-delay:calc(var(--stroke-index) * .28s)}@keyframes drawKanjiStroke{to{stroke-dashoffset:0}}@keyframes drawKanjiStrokeLoop{0%{stroke-dashoffset:1}16%{stroke-dashoffset:0}78%{stroke-dashoffset:0}to{stroke-dashoffset:1}}.stroke-controls{align-items:center;justify-content:center}.canvas-toolbar button,.stroke-controls button{display:inline-flex;align-items:center;gap:7px}.pencil-only-toggle{min-height:40px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;background:rgba(9,18,28,.68);color:var(--soft);padding:8px 12px;font-size:14px}.pencil-only-toggle input{accent-color:var(--teal)}.stroke-controls button:disabled{opacity:.45;cursor:not-allowed}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));grid-gap:8px;gap:8px;margin-top:14px}.kanji-grid button{min-height:62px;border:1px solid var(--border);background:rgba(7,16,24,.72);border-radius:7px;display:grid;place-items:center}.kanji-grid button.active{border-color:var(--teal);background:rgba(45,212,191,.15)}.kanji-grid strong{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:24px}.kanji-grid span{font-size:10px;color:var(--muted)}.writing-board{height:min(58vh,430px);min-height:330px;border:1px solid var(--border);border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px),rgba(5,12,19,.82);background-size:25% 25%}.writing-board canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.writing-ghost{position:absolute;inset:0;display:grid;place-items:center;font-size:min(250px,48vw);color:rgba(248,250,252,.16);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ghost-toggle{display:inline-flex;gap:8px;align-items:center;color:var(--muted);font-size:13px}.ghost-toggle input{accent-color:var(--teal)}.hint-line{font-size:13px;margin:12px 0 0}.vocab-list{display:grid;grid-gap:8px;gap:8px;margin-top:12px}.vocab-list div{display:grid;grid-template-columns:1fr auto;grid-gap:3px 10px;gap:3px 10px;border:1px solid var(--border);border-radius:7px;padding:11px 12px;background:rgba(7,16,24,.58)}.vocab-list small{grid-column:1/-1}.flash-card{width:100%;min-height:280px;margin:14px 0;border:1px solid var(--border-strong);border-radius:8px;background:radial-gradient(circle at 20% 15%,rgba(45,212,191,.15),transparent 20rem),rgba(8,18,27,.95);display:grid;place-items:center;grid-gap:10px;gap:10px;padding:24px;text-align:center}.flash-card small,.flash-card span{color:var(--muted)}.flash-card strong{white-space:pre-wrap;font-size:clamp(26px,5vw,64px)}.flash-card.flipped strong{font-size:clamp(20px,3vw,34px)}.flash-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.flash-actions .primary,.primary{border-color:var(--border-strong);background:linear-gradient(135deg,rgba(45,212,191,.9),rgba(8,145,178,.76));color:var(--text)}.timer-card{border:1px solid var(--border);border-radius:8px;padding:12px;min-width:112px;display:grid;place-items:center}.timer-card strong{font-size:24px}.timer-card span{color:var(--muted);font-size:12px}.question-list{display:grid;grid-gap:12px;gap:12px;margin-top:14px}.mock-lesson-control{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;margin:14px 0 10px}.mock-lesson-control>span,.mock-section-label{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.question-block{display:grid;grid-gap:8px;gap:8px}.mock-section-label{border:1px solid var(--border);border-radius:7px;background:rgba(45,212,191,.1);color:var(--teal);padding:8px 10px}.question{border:1px solid var(--border);border-radius:8px;background:rgba(7,16,24,.62);padding:14px}.question.correct{border-color:rgba(52,211,153,.5)}.question.incorrect{border-color:rgba(251,113,133,.5)}.question-head{gap:10px;align-items:flex-start;margin-bottom:12px}.question-head span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:rgba(45,212,191,.15);color:var(--teal);flex:none}.answer-input,.question textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:rgba(3,10,16,.8);color:var(--text);padding:12px;outline:none}.question textarea{resize:vertical}.choice-list{display:grid;grid-gap:8px;gap:8px}.choice-list label{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:7px;padding:10px 12px}.choice-list input{accent-color:var(--teal)}.feedback{display:grid;grid-gap:3px;gap:3px;margin-top:12px;color:var(--soft)}.score-card{margin-top:14px;border:1px solid var(--border-strong);border-radius:8px;background:rgba(45,212,191,.12);padding:14px}.score-card h2{margin:4px 0}.kanji-paper-panel{overflow:visible}.kanji-paper-panel .quiz-actions{justify-content:flex-end;align-items:center}.quiz-actions button{display:inline-flex;align-items:center;gap:8px}.quiz-paper{max-width:920px;margin:18px auto 0;border:1px solid rgba(226,232,240,.78);border-radius:4px;background:#fff;color:#111827;padding:clamp(18px,3vw,34px);box-shadow:0 24px 80px rgba(0,0,0,.28)}.quiz-paper-header{display:grid;grid-template-columns:minmax(170px,auto) 1fr;grid-gap:18px;gap:18px;align-items:end;border-bottom:2px solid #111827;padding-bottom:12px}.quiz-paper-header p{margin:0;font-size:clamp(20px,3vw,30px);font-weight:800}.quiz-paper-header h1,.quiz-paper-header p{font-family:Courier New,monospace;letter-spacing:0}.quiz-paper-header h1{margin:2px 0 0;font-size:18px}.quiz-student-fields{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,1.3fr);grid-gap:14px;gap:14px}.quiz-student-fields label{display:grid;grid-template-columns:auto 1fr;grid-gap:8px;gap:8px;align-items:end;font-family:Courier New,monospace;font-size:14px;font-weight:700}.quiz-student-fields i{display:block;border-bottom:2px solid #111827;min-height:24px}.quiz-paper-meta{display:flex;justify-content:space-between;gap:12px;color:#4b5563;font-size:12px;margin:10px 0 18px}.paper-section{margin-top:20px}.paper-section h3{display:flex;gap:8px;align-items:baseline;margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,2vw,21px);line-height:1.25}.paper-section h3 span{font-family:Courier New,monospace}.paper-reading-list,.paper-writing-list{display:grid;grid-gap:13px;gap:13px;margin:0;padding-left:28px}.paper-section.compact .paper-writing-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.paper-reading-list li,.paper-writing-list li{padding-left:4px}.paper-reading-question{display:grid;grid-template-columns:minmax(110px,max-content) minmax(160px,1fr) auto;grid-gap:14px;gap:14px;align-items:end}.paper-kanji-term{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:24px;line-height:1.2;border-bottom:2px solid #111827}.paper-answer-line{display:block;min-height:28px;border-bottom:1.5px solid #111827}.paper-writing-question{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center}.paper-writing-prompt{display:grid;grid-gap:2px;gap:2px}.paper-japanese{font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(18px,2vw,22px);line-height:1.45}.paper-hiragana-target{border-bottom:2px solid #111827;padding:0 2px}.paper-writing-prompt small{color:#6b7280;font-size:11px}.paper-answer-boxes{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0;max-width:260px}.paper-answer-boxes span{width:34px;height:34px;border:1.5px solid #111827;margin-left:-1.5px;margin-top:-1.5px;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(17,24,39,.18) calc(50% - .5px),rgba(17,24,39,.18) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),rgba(17,24,39,.18) calc(50% - .5px),rgba(17,24,39,.18) calc(50% + .5px),transparent calc(50% + .5px))}.paper-answer-key{color:#b91c1c;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:18px;white-space:nowrap}.quiz-score-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));margin-top:24px;border:1.5px solid #111827}.quiz-score-grid span{min-height:42px;border-right:1.5px solid #111827;display:grid;align-items:end;justify-items:center;padding-bottom:4px}.quiz-score-grid span:last-child{border-right:0}.quiz-score-grid b{color:#4b5563;font-size:11px;font-weight:600}.progress-rail{display:grid;grid-gap:14px;gap:14px;position:-webkit-sticky;position:sticky;top:90px}.rail-card{padding:14px;box-shadow:none}.rail-card h3{margin:0 0 14px}.progress-row{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:10px 0}.progress-row span{color:var(--muted);display:block;font-size:12px}.mini-progress{grid-column:1/-1}.stat-row{justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:11px 0}.stat-row svg{color:var(--blue)}.stat-row span{flex:1 1;color:var(--muted)}.continue{display:grid;grid-gap:9px;gap:9px}.continue button{display:grid;grid-template-columns:22px 1fr 18px;align-items:center;text-align:left}.sync-card p{color:var(--muted);margin:0 0 8px}.sync-card small{color:var(--teal)}.mobile-nav{display:none}@keyframes inkReveal{0%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);opacity:.95}50%{-webkit-clip-path:inset(0 0 0 44%);clip-path:inset(0 0 0 44%);opacity:.55}}@media (max-width:760px){.kanji-paper-panel>.panel-title-row{display:grid;grid-template-columns:1fr}.kanji-paper-panel .quiz-actions{justify-content:flex-start}.quiz-actions button{white-space:nowrap}.quiz-paper{padding:16px}.paper-reading-question,.paper-section.compact .paper-writing-list,.paper-writing-question,.quiz-paper-header,.quiz-student-fields{grid-template-columns:1fr}.paper-answer-boxes{justify-content:flex-start;max-width:100%}.paper-answer-boxes span{width:31px;height:31px}.quiz-paper-meta{display:grid}}@media (max-width:1180px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-brand{display:flex}.course-heading{display:none}.content-grid{grid-template-columns:1fr;padding-bottom:92px}.progress-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:8px;background:rgba(10,20,30,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;box-shadow:var(--shadow)}.mobile-nav button{min-height:60px;display:grid;place-items:center;grid-gap:2px;gap:2px;color:var(--muted)}.mobile-nav button.active{background:rgba(45,212,191,.14);color:var(--teal)}.mobile-nav span{font-size:11px;font-weight:700}}@media (max-width:840px){.topbar{padding:12px 14px}.topbar-right{gap:8px}.top-actions .date-pill{display:none}.content-grid{padding:14px 12px 92px}.mode-tabs{max-width:none;width:100%}.mode-tabs button{overflow:hidden;min-height:54px;gap:6px;padding-inline:6px}.mode-tabs strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-tabs small{display:none}.content-grid>*,.kanji-bottom,.kanji-workbench,.lesson-panel,.practice-panel,.vocab-panel{min-width:0;max-width:100%}.convo-grid,.kanji-bottom,.kanji-meta,.kanji-workbench,.progress-rail,.two-column{grid-template-columns:1fr}.writing-board{min-height:300px;height:54vh}.flash-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.drill-row,.genki-vocab-list,.grammar-card-grid{grid-template-columns:1fr}}@media (max-width:520px){body{font-size:15px}.top-actions{display:none}.language-switch{grid-template-columns:repeat(2,minmax(34px,1fr))}.grammar-form-row,.mode-tabs{grid-template-columns:1fr}.mode-tabs button{justify-content:flex-start;min-height:46px;border-right:0;border-bottom:1px solid var(--border);padding-inline:14px}.mode-tabs button:last-child{border-bottom:0}.lesson-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.info-panel,.kanji-detail,.lesson-panel,.practice-panel,.rail-card,.stroke-panel,.vocab-panel{padding:12px}.kanji-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.flash-card{min-height:230px}}@media print{@page{margin:12mm}body,html{min-height:auto;background:#fff!important;color:#111827!important}body{font-size:12pt}.mobile-nav,.mode-tabs,.no-print,.progress-rail,.sidebar,.topbar{display:none!important}.app-shell,.content-grid,.study-surface,.workspace{display:block!important;padding:0!important;margin:0!important;min-height:auto!important;width:100%!important}.kanji-paper-panel,.lesson-panel,.mock-panel{border:0!important;background:#fff!important;box-shadow:none!important;padding:0!important;overflow:visible!important}.quiz-paper{max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;padding:0}.paper-section{break-inside:avoid;page-break-inside:avoid}.paper-section.compact .paper-writing-list{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-answer-boxes span{width:30px;height:30px}}