.learn-shell{max-width:1320px;margin:auto;padding:40px 28px 70px}.learn-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.learn-head h1{font-size:42px;margin:10px 0;letter-spacing:-1px}.learn-head p{margin:0;max-width:720px;line-height:1.65;color:#5e7385}.language-switch{display:flex;gap:8px;flex-shrink:0;margin-top:12px}.language-switch a{border:1px solid #d3dfe8;padding:10px 14px;border-radius:10px;color:#08243e;font-size:14px}.language-switch .active{background:#08243e;color:white}.learn-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0 22px}.metric{background:#08243e;color:white;border-radius:16px;padding:18px 20px}.metric strong{display:block;font-size:28px;line-height:1.3}.metric span{color:#c4d9e9;font-size:14px}.learn-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid #dbe4ec;padding-bottom:12px}.learn-tabs button{border:0;background:#eff4f8;color:#193b53;border-radius:9px;padding:12px 17px;font:inherit;font-size:14px;cursor:pointer}.learn-tabs button[aria-pressed=true]{background:#08243e;color:white}.learn-options{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.learn-options label{font-size:14px}.learn-options input,.learn-options select{width:100%;margin-top:5px;padding:11px 13px;border:1px solid #ccd9e4;border-radius:9px;font:inherit;background:white}.learn-options .search-label{flex:1;min-width:220px}.learn-options .control-label{min-width:160px}.learn-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:#526b7e;margin:20px 0}.learn-status button{padding:8px 14px;background:#eef4f8;border:1px solid #cddbe6;border-radius:8px;font:inherit;cursor:pointer}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.lesson-card{padding:24px;border:1px solid #d8e3ec;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:13px}.lesson-card small{font-size:12px;color:#607b90;letter-spacing:.7px}.lesson-card h2{font-size:23px;margin:0;line-height:1.3;letter-spacing:-.4px}.lesson-card p{margin:0;color:#5c7285;font-size:15px;line-height:1.6}.lesson-card .action-row{margin:5px 0 0;margin-top:auto}.completed-badge{display:inline-block;color:#17613d;font-size:13px;font-weight:600}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;margin-top:24px}.lesson-content{padding:32px;border:1px solid #dbe4ec;border-radius:20px;background:white;min-width:0}.lesson-content h2{font-size:32px;margin:8px 0 18px;letter-spacing:-.6px}.lesson-content h3{font-size:21px;margin:28px 0 10px}.lesson-content p{font-size:16px;line-height:1.85;color:#2c4a60;margin:10px 0}.lesson-content ul{padding-left:22px;line-height:1.8}.patterns{display:grid;gap:10px;padding:20px;background:#eff5fa;border-radius:13px}.patterns code{font:15px/1.7 system-ui;color:#123e5d;overflow-wrap:anywhere}.example,.dialogue-turn{padding:16px 0;border-bottom:1px solid #e3ebf1}.example>div,.dialogue-turn>div{display:flex;justify-content:space-between;align-items:start;gap:14px}.example strong,.dialogue-turn strong{font-size:18px;line-height:1.6;color:#102f48}.example p,.dialogue-turn p{margin:6px 0 0;font-size:15px;color:#617789}.reading{display:block;color:#758596;font-size:14px;margin-top:4px}.listen,.bookmark{flex-shrink:0;border:1px solid #d2e0ea;border-radius:8px;padding:8px 12px;background:white;color:#194762;font:14px system-ui;cursor:pointer;min-height:38px}.bookmark[aria-pressed=true]{background:#ecdc8c;border-color:#c6ae48}.study-side{background:#f0f5f9;border-radius:16px;padding:22px;align-self:start;position:sticky;top:100px}.study-side h3{font-size:18px;margin:0 0 14px}.study-side p{font-size:14px;line-height:1.8;color:#526e83}.study-side button{width:100%;margin:6px 0}.word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vocab-card{padding:22px;border:1px solid #d9e4ec;border-radius:15px;background:white;min-width:0}.vocab-card h2{font-size:24px;margin:0 0 6px;overflow-wrap:anywhere;letter-spacing:0}.vocab-card p{margin:8px 0;color:#546e83;font-size:15px;line-height:1.6}.vocab-card small{font-size:12px;color:#768a9a}.vocab-card .word-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.quiz-wrap{max-width:850px;margin:28px auto}.quiz-panel{padding:32px;background:#0d2f4a;color:white;border-radius:23px}.quiz-panel h2{font-size:26px;line-height:1.6;letter-spacing:0;margin:16px 0}.quiz-panel p{color:#c7dceb;font-size:15px;line-height:1.7}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.quiz-choices button{padding:18px;border:1px solid #7495ae;border-radius:12px;background:#ffffff0a;color:white;font:16px/1.5 system-ui;text-align:left;cursor:pointer}.quiz-choices button.correct{background:#25634d;border-color:#89d1ad}.quiz-choices button.wrong{background:#813d49;border-color:#e8a5af}.quiz-panel input{width:100%;padding:14px;border:1px solid #6b8ca7;background:#fff;color:#12384f;border-radius:10px;font-size:17px}.quiz-feedback{padding:18px;background:#ffffff0d;border-radius:12px;margin:18px 0;line-height:1.8}.quiz-feedback[hidden]{display:none}.quiz-panel .button{border:0;cursor:pointer}.quiz-panel .button.outline{background:white;color:#08243e}.alphabet-select{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.alphabet-select button{border:1px solid #d2dfe9;background:#f2f7fa;border-radius:10px;padding:12px 16px;color:#173e59;font:15px system-ui;cursor:pointer}.alphabet-select button[aria-pressed=true]{background:#0d2f4a;color:white}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kana-tile{padding:18px 10px;background:white;border:1px solid #d4e2ed;border-radius:13px;color:#08243e;cursor:pointer;position:relative}.kana-tile strong{display:block;font:34px/1.4 'Yu Gothic',sans-serif}.kana-tile span{font-size:15px;display:block;margin-top:6px}.kana-tile.learned{background:#eaf7ef;border-color:#80b798}.alphabet-group{margin:30px 0}.alphabet-group h3{font-size:20px;margin:18px 0}.learn-dialog{max-width:650px;width:calc(100% - 32px);border:1px solid #c8d9e5;border-radius:22px;padding:26px;color:#163b55}.learn-dialog::backdrop{background:#071a2ec9}.learn-dialog h2{font:64px 'Yu Gothic',sans-serif;margin:15px 0;text-align:center}.learn-dialog p{font-size:16px;line-height:1.7}.draw-wrap{position:relative;border:1px solid #c7d9e5;border-radius:14px;overflow:hidden;max-width:350px;margin:15px auto;background:#f8fbff}.draw-wrap canvas{display:block;width:100%;height:300px;touch-action:none}.draw-guide{position:absolute;inset:0;display:grid;place-items:center;font:150px 'Yu Gothic',sans-serif;color:#cedce8;pointer-events:none}.learn-empty{padding:36px;border:1px dashed #b9ccdc;border-radius:16px;font-size:16px;line-height:1.7;color:#536e84}.save-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:30px}.save-tools label{font-size:14px}.save-tools input{font-size:14px}.print-lesson{display:none}@media(max-width:950px){.lesson-grid,.word-grid{grid-template-columns:1fr 1fr}.lesson-layout{grid-template-columns:1fr}.study-side{position:static}.learn-head{flex-direction:column}.learn-head h1{font-size:36px}.learn-shell{padding:30px 22px}}@media(max-width:600px){.learn-metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:24px}.lesson-grid,.word-grid{grid-template-columns:1fr}.lesson-content,.quiz-panel{padding:23px 18px}.lesson-content h2{font-size:27px}.quiz-choices{grid-template-columns:1fr}.kana-grid{gap:6px}.kana-tile{padding:14px 4px}.kana-tile strong{font-size:27px}.kana-tile span{font-size:13px}.learn-tabs button{padding:10px 12px}.learn-options .control-label{flex:1}.example strong,.dialogue-turn strong{font-size:17px}.language-switch{flex-wrap:wrap}}@media print{header,footer,.learn-head,.learn-metrics,.learn-tabs,.learn-options,.learn-status,.study-side,.save-tools,.lesson-content>.action-row,.listen,.bookmark{display:none!important}.learn-shell{padding:0}.lesson-layout{display:block}.lesson-content{border:0;padding:0}.example,.dialogue-turn{break-inside:avoid}.lesson-content h3{break-after:avoid}@page{size:A4;margin:16mm}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}