.learning-field-group[hidden]{display:none}.learning-field-group{border-top:1px solid var(--line);padding-top:8px;margin-top:12px}.learning-readout{padding:16px 18px;margin:14px 0;background:#f4f7fa;border:1px solid #e0e9f0;border-radius:12px;line-height:1.7}.learning-readout p{margin:8px 0}.kanji-readout{display:flex;gap:10px;flex-wrap:wrap}.kanji-readout span{padding:7px 10px;background:#fff;border-radius:8px;font-size:12px}.lesson-audio,.audio-entry audio{max-width:100%;width:min(440px,100%);margin:12px 0}.study-focus{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 26px;margin:20px 0;background:linear-gradient(120deg,#eaf2f8,#f2f7fa);border:1px solid #d8e6ef;border-radius:16px}.study-focus .eyebrow{margin:0 0 8px}.study-focus h2{font-size:21px}.study-focus p,.study-focus-actions span{font-size:12px;color:#6f8496;margin:8px 0 0;line-height:1.7}.study-focus-actions{display:grid;gap:10px;justify-items:start;flex-shrink:0}.course-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.course-summary progress{display:block;width:min(480px,60vw);height:9px;margin:12px 0;accent-color:#315d83}.course-level{margin:30px 0}.course-units{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.course-unit{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fff}.course-unit.completed{background:#f1f7ec;border-color:#cedfbd}.course-unit.learning{background:#f0f5f9;border-color:#d4e2ec}.course-unit-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.course-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9f0f6;color:#315d83;font-weight:700}.course-status{font-size:9px;color:#718399;text-align:right}.course-unit h3{margin:12px 0 5px}.course-unit p,.course-unit small{font-size:11px;color:#8291a0;line-height:1.6}.course-unit-actions{display:grid;gap:7px;margin-top:12px}.course-unit-actions button{padding:8px 9px;font-size:10px}.kanji-card{padding:22px}.kanji-main{display:flex;align-items:center;gap:18px}.kanji-main>span{font-size:62px;line-height:1;color:#315d83}.kanji-main h3{margin:0}.kanji-main p{font-size:11px;color:#8493a0;margin:5px 0}.schedule-form{display:grid;gap:4px}.schedule-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.schedule-day{min-height:100px;padding:12px 9px;background:#fff;border:1px solid var(--line);border-radius:11px}.schedule-day.today{background:#edf4f8;border-color:#cbdde9}.schedule-day strong{font-size:11px;color:#315d83}.schedule-day p,.schedule-day small{font-size:10px;line-height:1.5;color:#7d8b96;overflow-wrap:anywhere}.skill-progress{display:grid;gap:18px}.skill-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(100px,2fr);gap:18px;align-items:center}.skill-row>div{display:flex;justify-content:space-between;gap:10px;font-size:12px}.skill-row>div span{font-size:11px;color:#81909b}.skill-row progress{width:100%;height:9px;accent-color:#527c9d}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.achievement-grid>div{display:grid;gap:9px;padding:16px;background:#f3f7fa;border-radius:11px}.achievement-grid span{font-size:24px}.achievement-grid strong{font-size:12px}.dialogue-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.dialogue-scenarios .topic-card{grid-template-columns:30px 1fr}.dialogue-scenarios button{grid-column:1/-1}.dialogue-prompt{text-align:center;padding:25px 20px;margin:20px 0;background:#edf4f8;border:1px solid #dbe8ef;border-radius:14px}.dialogue-prompt h2{font-size:28px;margin:12px 0}.dialogue-prompt p{font-size:13px;color:#72869a}.dialogue-prompt small{color:#8495a3}.dialogue-model{padding:15px;background:#f0f6ea;border:1px solid #dce9d1;border-radius:10px}.dialogue-model p{font-size:24px}.audio-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,440px);gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.audio-entry:last-child{border:0}.audio-entry h3{margin:6px 0}.audio-entry p{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.audio-entry details{grid-column:1/-1}.audio-entry details p{line-height:1.8}#scan-preview-wrap{max-width:560px;max-height:420px;overflow:auto;margin:15px 0;border:1px solid var(--line);border-radius:10px}#scan-preview{display:block;max-width:100%;height:auto}#scan-progress{width:100%;height:8px;accent-color:#315d83}.full-import-preview{padding:17px;margin-top:18px;background:#f1f6fa;border:1px solid #dce7ef;border-radius:12px}.text-button{background:none;border:0;color:#637f96;text-decoration:underline;padding:8px;cursor:pointer}.install-app{margin-top:14px;width:100%;font-size:11px}.install-app[hidden]{display:none}#kanji-canvas{display:block;width:100%;height:230px;background:linear-gradient(90deg,transparent calc(50% - .5px),#dce4e9 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#dce4e9 50%,transparent calc(50% + .5px)),#fbfcfd;border:1px solid #dce5eb;border-radius:12px;touch-action:none}.empty-state{padding:28px}.empty-state h3{margin-top:0}@media(max-width:1100px){.course-units{grid-template-columns:repeat(4,minmax(0,1fr))}.schedule-week{grid-template-columns:repeat(4,minmax(0,1fr))}.dialogue-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.study-focus,.course-summary{display:block;padding:20px}.study-focus-actions{margin-top:15px}.course-summary progress{width:100%}.course-units{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.course-unit{padding:12px}.schedule-week{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-row{grid-template-columns:1fr;gap:6px}.achievement-grid{grid-template-columns:repeat(2,1fr)}.dialogue-scenarios{grid-template-columns:1fr}.audio-entry{grid-template-columns:1fr}.audio-entry details{grid-column:auto}.kanji-main>span{font-size:50px}.srs-due-row{align-items:flex-start}.course-unit-actions button{font-size:9px;padding:8px 5px}aside{max-height:52vh;overflow:hidden}aside nav{max-height:calc(52vh - 100px);overflow:auto;overscroll-behavior:contain}}
.header-actions{display:flex;align-items:center;gap:8px}.header-actions #back-navigation{border:1px solid #d6e2eb;background:#fff;border-radius:30px;font-size:11px;padding:10px 14px;color:#315d83}.header-actions #back-navigation:disabled{opacity:.5;cursor:default}@media(max-width:700px){header{gap:8px}.header-actions{gap:6px}.header-actions #back-navigation,.header-actions #sound{padding:9px 10px;font-size:10px}}
.kanji-readout .kanji-mnemonic{flex-basis:100%;background:#edf5ec;line-height:1.7}