.learn-page{padding:32px 0 72px}.learn-heading,.learn-section-head,.learn-summary,.learn-drawing-tools,.learn-selection-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.learn-heading{flex-wrap:nowrap;margin-bottom:26px}.learn-heading h1,.learn-login h1{margin:8px 0 0;font-size:34px;line-height:1.2}.learn-heading h1>span,.learn-login h1>span{color:var(--accent)}.learn-heading .icon-button{flex-shrink:0;width:44px;height:44px}.learn-eyebrow{color:var(--muted);font-size:11px;font-weight:650}.learn-tabs{border-bottom:1px solid var(--line);gap:20px;display:flex}.learn-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:12px 4px;display:flex}.learn-tabs button>span{font-size:24px}.learn-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.learn-summary{justify-content:flex-start;gap:12px 28px;padding:18px 0;font-size:12px}.learn-summary>span{align-items:center;gap:7px;display:flex}.learn-summary>span:first-child{color:#83cbb4}.learn-summary>span:last-child{margin-left:auto}.learn-basics{border-block:1px solid var(--line-soft);color:var(--muted);padding:12px 0}.learn-basics summary{cursor:pointer;color:var(--text);align-items:center;gap:9px;min-height:30px;display:flex}.learn-basics summary:after{content:"+";color:var(--accent);margin-left:auto;font-size:20px}.learn-basics[open] summary:after{content:"−"}.learn-basics p{max-width:85ch}.learn-basics a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.learn-section-head h2{margin:4px 0 0;font-size:23px;line-height:1.3}.learn-practice{padding:28px 0 36px}.learn-segment{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px;display:flex}.learn-segment button{min-height:38px;color:var(--muted);background:0 0;border:none;border-radius:3px;align-items:center;gap:7px;padding:8px 12px;display:flex}.learn-segment button[aria-pressed=true]{background:var(--surface-soft);color:var(--text)}.learn-segment button[aria-pressed=true] svg{color:var(--accent)}.learn-exercise-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;min-height:310px;margin-top:24px;display:grid}.learn-prompt{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.learn-glyph,.learn-reference-glyph,.learn-character-glyph,.learn-trace{font-family:Yu Gothic,Hiragino Kaku Gothic ProN,Noto Sans CJK JP,Meiryo,sans-serif;font-weight:500}.learn-glyph{min-height:174px;font-size:116px;line-height:1.5}.learn-draw-prompt{overflow-wrap:anywhere;color:#f6c778;max-width:100%;padding:22px 0;font-size:44px;line-height:1.3}.learn-group{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px}.learn-solution{max-width:100%;padding:12px 0}.learn-solution>strong{color:#83cbb4;font-size:22px}.learn-solution p{margin:6px 0}.learn-reference-glyph{font-size:88px;line-height:1.4}.learn-answer-area{justify-self:center;width:100%;max-width:470px}.learn-answer-area form>label,.learn-login form>label{align-items:center;gap:8px;margin-bottom:9px;display:flex}.learn-page input:not([type=checkbox]):not([type=radio]),.learn-login input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:48px;color:var(--text);border-radius:6px;padding:12px 14px;font-size:16px}.learn-actions{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.learn-feedback{border-top:1px solid var(--line);flex-direction:column;gap:6px;margin:10px 0;padding:16px 0;display:flex}.learn-feedback.is-correct>strong{color:#83cbb4}.learn-feedback.is-wrong>strong{color:#f6c778}.learn-feedback>span{color:var(--muted)}.learn-drawing{max-width:340px;margin-bottom:14px}.learn-drawing-surface{aspect-ratio:1;border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;position:relative;overflow:hidden}.learn-drawing-surface:before,.learn-drawing-surface:after{content:"";pointer-events:none;position:absolute}.learn-drawing-surface:before{border-left:1px dashed #41414b;height:100%;left:50%}.learn-drawing-surface:after{border-top:1px dashed #41414b;width:100%;top:50%}.learn-drawing canvas{touch-action:none;cursor:crosshair;z-index:1;width:100%;height:100%;display:block;position:relative}.learn-trace{color:var(--accent);opacity:.5;pointer-events:none;justify-content:center;align-items:center;font-size:108px;display:flex;position:absolute;inset:0}.learn-drawing-tools{justify-content:flex-end;gap:6px;min-height:40px;margin-top:5px;font-size:12px}.learn-drawing-tools>span{margin-right:auto}.learn-drawing-tools label{align-items:center;gap:6px;display:flex}.learn-page input[type=checkbox],.learn-page input[type=radio]{accent-color:var(--accent)}.learn-catalog{border-top:1px solid var(--line);padding-top:28px}.learn-search{width:260px;max-width:100%;font-size:12px}.learn-search input{margin-top:5px}.learn-selection-tools{justify-content:flex-start;gap:8px;padding:18px 0 10px}.learn-selection-tools>span{color:var(--muted);margin-right:auto}.learn-selection-tools .btn{min-height:36px;padding:6px 10px;font-size:12px}.learn-character-group{border-bottom:1px solid var(--line-soft);grid-template-columns:160px minmax(0,1fr);align-items:start;gap:24px;padding:22px 0;display:grid}.learn-character-group h3{color:var(--muted);margin:10px 0;font-size:13px;font-weight:500}.learn-character-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.learn-character{cursor:pointer;border:1px solid var(--line);text-align:center;background:var(--surface);border-radius:6px;flex-direction:column;align-items:center;gap:2px;min-height:126px;padding:20px 5px 8px;display:flex;position:relative}.learn-character:hover{border-color:var(--muted)}.learn-character.is-selected{border-color:var(--accent);background:#261b23}.learn-character input{width:14px;height:14px;margin:0;position:absolute;top:6px;right:6px}.learn-character:focus-within{outline:2px solid var(--accent);outline-offset:2px}.learn-character-glyph{font-size:29px;line-height:1.5}.learn-character-reading{overflow-wrap:anywhere;max-width:100%;font-size:12px}.learn-character small{color:var(--muted);margin-top:auto;font-size:10px}.learn-empty{text-align:center;color:var(--muted);padding:60px 16px}.learn-empty h2{color:var(--text);font-size:22px}.learn-grammar-layout{grid-template-columns:260px minmax(0,1fr);gap:40px;padding-top:16px;display:grid}.learn-grammar-layout>aside{border-right:1px solid var(--line);padding-right:18px}.learn-topic{margin-bottom:20px}.learn-topic h3{color:var(--muted);font-size:12px;font-weight:500}.learn-topic button{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-left:2px solid #0000;border-radius:0;align-items:center;gap:8px;min-height:40px;padding:10px 8px;font-size:12px;display:flex}.learn-topic button[aria-current]{background:var(--surface);border-left-color:var(--accent)}.learn-topic button svg{flex-shrink:0}.learn-topic-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin:0 5px}.learn-complete{color:#83cbb4}.learn-lesson h2{margin:8px 0 20px;font-size:28px}.learn-pattern{color:#f6c778;border-block:1px solid var(--line);overflow-wrap:anywhere;padding:18px 0;font-size:20px}.learn-explanation{font-size:16px;line-height:1.9}.learn-lesson blockquote{border-left:2px solid var(--accent);margin:24px 0;padding:4px 0 4px 18px}.learn-lesson blockquote p{margin:6px 0}.learn-lesson blockquote p:first-child{font-size:24px}.learn-lesson fieldset{border:0;min-width:0;margin:28px 0 16px;padding:0}.learn-lesson legend{margin-bottom:12px;font-weight:600}.learn-quiz-option{border-bottom:1px solid var(--line-soft);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:12px 0;display:flex}.learn-quiz-option input{flex-shrink:0;width:18px;height:18px}.learn-quiz-option span{overflow-wrap:anywhere}.learn-next-lesson{margin-top:30px}.learn-login{max-width:600px;margin:60px auto}.learn-login-symbol{color:var(--accent);border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin:28px 0;padding:24px 0;font-size:80px;display:flex}.learn-login-symbol span{color:#83cbb4}.learn-login form{max-width:360px}.learn-login form>button{width:100%;margin-top:16px}.learn-loading{padding:40px 0}.learn-page select{background:var(--surface);width:100%;min-height:44px;color:var(--text);border:1px solid var(--line);border-radius:6px;margin-top:8px;padding:10px;font-size:14px}.learn-kanji-reference{border-bottom:1px solid var(--line);padding:26px 0}.learn-kanji-reference-body{grid-template-columns:150px minmax(0,1fr);align-items:center;gap:24px;margin:20px 0;display:grid}.learn-kanji-reference-body>div:first-child{text-align:center}.learn-readings{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:100%;display:grid}.learn-readings>div{border-top:2px solid var(--accent);min-width:0;padding-top:12px}.learn-readings>div:nth-child(2){border-top-color:#83cbb4}.learn-readings dt{font-size:14px;font-weight:600}.learn-readings dt small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.learn-readings dd{overflow-wrap:anywhere;flex-direction:column;gap:7px;margin:12px 0 0;font-size:16px;display:flex}.learn-reading-sound{justify-content:space-between;align-items:center;gap:8px;display:flex}.learn-reading-sound>span:first-child{min-width:0}.learn-romaji{color:#a9d1c5;overflow-wrap:anywhere}.learn-kanji-reference .muted{font-size:12px;line-height:1.8}.learn-kanji-reference a{text-decoration:underline}.learn-kanji-example{border-top:1px solid var(--line-soft);padding-top:12px}.learn-level-tabs{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:12px 0;display:flex}.learn-level-tabs>button{border:0;border-left:3px solid var(--accent);background:var(--surface);color:var(--text);padding:8px 16px;font-size:17px;font-weight:700}.learn-level-tabs>button span{color:var(--muted);margin-left:10px;font-size:12px;font-weight:400}.learn-level-tabs>span{font-size:12px}.learn-topic-select{color:var(--muted);font-size:12px;display:block}.learn-topic-select select{font-size:12px}.learn-course-note{border-top:1px solid var(--line);padding-top:14px;font-size:12px;line-height:1.8}.learn-goal{color:var(--muted);margin-top:-8px}.learn-lesson-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:22px 0;display:grid}.learn-lesson-tabs button{min-height:44px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 4px;font-size:13px}.learn-lesson-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.learn-guide-section{margin:20px 0 28px}.learn-guide-section h3,.learn-quiz-heading{margin:0 0 18px;font-size:17px}.learn-steps{margin:0;padding-left:24px;list-style:decimal}.learn-steps li{color:#d0d0d9;overflow-wrap:anywhere;padding:0 0 18px 8px;line-height:1.9}.learn-steps li::marker{color:var(--accent);font-weight:700}.learn-form-row{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:20px;padding:18px 0;display:grid}.learn-form-row>strong{color:var(--muted);font-size:12px;font-weight:500}.learn-form-row p{overflow-wrap:anywhere;margin:0 0 8px}.learn-form-row p:first-child{font-size:19px}.learn-form-row p:not(:first-child){font-size:13px}.learn-example{border-bottom:1px solid var(--line);padding:18px 0 24px}.learn-example dl{margin:14px 0 0}.learn-example dl>div{grid-template-columns:62px minmax(0,1fr);align-items:baseline;gap:12px;margin-bottom:12px;display:grid}.learn-example dt{text-transform:uppercase;color:var(--muted);font-size:10px}.learn-example dd{overflow-wrap:anywhere;margin:0}.learn-example-japanese{font-size:22px;line-height:1.7}.learn-mistake{border-left:2px solid #f6c778;margin-top:22px;padding:2px 0 2px 16px}.learn-mistake h3{color:#f6c778;margin:0 0 8px;font-size:14px}.learn-mistake p{color:var(--muted);margin:0;line-height:1.9}.learn-quiz-option small{margin-top:4px;font-size:12px;display:block}.learn-audio-control{flex-shrink:0;display:inline-flex;position:relative}.learn-audio-button{color:#a9d1c5;border:1px solid var(--line);width:42px;height:42px}.learn-audio-button[aria-pressed=true]{color:var(--accent)}.learn-audio-error{z-index:4;background:var(--surface);border:1px solid var(--line);width:230px;padding:10px;font-size:11px;position:absolute;top:100%;right:0}.learn-audio-credit{border-top:1px solid var(--line);color:var(--muted);max-width:100%;margin-top:36px;padding-top:18px;font-size:10px;line-height:1.8}.learn-audio-credit a{text-decoration:underline}.learn-spin{animation:1s linear infinite learn-spin}@keyframes learn-spin{to{transform:rotate(360deg)}}@media (max-width:760px){.learn-grammar-layout>aside{max-height:none;overflow:visible}.learn-course-note{display:none}.learn-kanji-reference-body{grid-template-columns:1fr;gap:12px}.learn-readings{gap:12px}}@media (max-width:540px){.learn-form-row{grid-template-columns:1fr;gap:10px}.learn-example dl>div{grid-template-columns:1fr;gap:4px}.learn-level-tabs{flex-wrap:wrap}.learn-lesson-tabs button{font-size:11px}.learn-readings{grid-template-columns:1fr}}@media (max-width:760px){.learn-exercise-body{gap:24px}.learn-section-head{align-items:flex-start}.learn-section-head h2{font-size:21px}.learn-character-group{grid-template-columns:1fr;gap:4px}.learn-character-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.learn-grammar-layout{grid-template-columns:1fr;gap:24px}.learn-grammar-layout>aside{border-right:0;border-bottom:1px solid var(--line);max-height:none;padding:0 0 12px;overflow:visible}.learn-topic{margin-bottom:10px}}@media (max-width:540px){.learn-page{padding-top:24px}.learn-heading h1,.learn-login h1{font-size:28px}.learn-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.learn-tabs button{flex-direction:column;gap:2px;padding:8px 2px;font-size:11px;line-height:1.4}.learn-summary{gap:8px 15px}.learn-summary>span:last-child{width:100%;margin-left:0}.learn-exercise-body{grid-template-columns:1fr;gap:18px}.learn-glyph{min-height:150px;font-size:100px}.learn-segment{width:100%}.learn-segment button{flex:1;justify-content:center}.learn-search,.learn-selection-tools>span{width:100%}.learn-character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.learn-character-glyph{font-size:26px}.learn-character{min-height:118px}.learn-drawing{margin-inline:auto}.learn-answer-area>.btn{width:100%}.learn-login-symbol{font-size:64px}.learn-login{margin-top:36px}}