:root{--bg:#f6f5f1;--card:#fff;--ink:#26251f;--muted:#7a776c;--line:#e5e2d8;--accent:#2f6f5e;--accent-soft:#e3efe9;--amber:#c78a2d;--red:#c05a4e;--radius:16px;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,-apple-system,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0}button{cursor:pointer;font-family:inherit}.shell{max-width:640px;min-height:100dvh;margin:0 auto;padding:16px}@media (width>=900px){.shell{max-width:760px;padding:32px}}ruby rt{color:var(--muted);font-size:.45em}.row{align-items:center;display:flex}.row.gap{gap:10px}.row.space{justify-content:space-between}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:20px}.btn{background:var(--line);color:var(--ink);border:none;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:600;transition:transform 60ms}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:disabled{opacity:.4;cursor:default}.btn.ghost{border:1px solid var(--line);background:0 0}.btn.big{padding:16px 32px;font-size:18px}.icon-btn{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:8px 12px;font-size:16px;text-decoration:none}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar h1{margin:0;font-size:20px}.section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:24px 0 10px;font-size:15px}.hero{text-align:center;padding:32px 0 24px}.logo{border-radius:20px;width:72px;height:72px;margin:0 auto 12px;display:block;box-shadow:0 4px 14px #245a4a40}.hero h1{margin:0 0 6px;font-size:26px}.tagline{color:var(--muted);margin:0}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.profile-tile{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:8px;padding:18px 12px;display:flex}.profile-tile .avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:700;display:flex}.profile-tile.add .avatar{background:var(--line);color:var(--muted)}.pname{font-weight:600}.pmode{color:var(--muted);font-size:12px}.field{margin:12px 0 20px;display:block}.field span{color:var(--muted);margin-bottom:6px;font-size:14px;display:block}.field input{border:1px solid var(--line);border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:16px}.error-text{color:#c0392b;margin:-8px 0 16px;font-size:14px}.option-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.option{text-align:left;background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:14px;display:flex}.option.active{border-color:var(--accent);background:var(--accent-soft)}.option-emoji{font-size:26px}.option-body{flex-direction:column;gap:2px;display:flex}.option-title{font-weight:700}.option-desc{color:var(--muted);font-size:13px}.greet{margin:0 0 4px;font-size:22px}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.readonly-badge{background:var(--line);color:var(--muted);margin-left:6px}.readonly-hint{margin:24px 0;line-height:1.8}.mode-pyp{--accent:#d97729;--accent-soft:#f9e9db}.mode-myp{--accent:#3d6bb0;--accent-soft:#e2eaf6}.stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=480px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;display:flex}.stat-emoji{font-size:20px}.stat-value{font-size:22px;font-weight:800}.stat-label{color:var(--muted);font-size:11px}.session-cards{flex-direction:column;gap:12px;display:flex}.session-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.session-card h3{margin:0 0 4px;font-size:18px}.session-card p{color:var(--muted);margin:0;font-size:14px}.progress-line{margin-bottom:14px;font-size:14px}.track{background:var(--line);border-radius:999px;flex:1;height:8px;margin-top:6px;overflow:hidden}.fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.xp{color:var(--muted);font-size:14px}.session-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.session-header .track{margin-top:0}.counter{color:var(--muted);text-align:right;min-width:32px;font-size:13px}.flashcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;margin-bottom:16px;padding:32px 20px}.kanji-char{margin-bottom:16px;font-size:96px;line-height:1.2}.kanji-answer{text-align:left;max-width:420px;margin:0 auto}.answer-row{border-top:1px solid var(--line);flex-wrap:wrap;gap:12px;padding:10px 0;font-size:17px;display:flex}.answer-label{color:var(--muted);min-width:64px;padding-top:4px;font-size:12px}.example-ja{font-size:18px;display:block}.example-en{color:var(--muted);font-size:14px;display:block}.grade-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.btn.grade{padding:14px 4px;font-size:15px}.btn.grade.again{color:var(--red);background:#f3ddda}.btn.grade.hard{color:var(--amber);background:#f5ead4}.btn.grade.good{background:var(--accent-soft);color:var(--accent)}.btn.grade.easy{background:var(--accent);color:#fff}.session.done{text-align:center;padding-top:60px}.done-emoji{margin-bottom:12px;font-size:56px}.real-life{background:var(--accent-soft);border-radius:12px;padding:12px;font-size:15px}.scene-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;margin-top:24px;padding:32px 24px 24px}.scene-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.scene-emoji{margin:8px 0 4px;font-size:64px;line-height:1.4}.scene-text{margin:0 0 4px;font-size:22px;font-weight:600;line-height:2.2}.scene-text-en{color:var(--muted);margin:0;font-size:15px}.scene-actions{margin-top:22px}.scene-recap{text-align:left;background:var(--accent-soft);border-radius:var(--radius);width:100%;color:var(--ink);border:none;align-items:center;gap:10px;margin-bottom:14px;padding:12px 16px;font-family:inherit;font-size:15px;line-height:2;display:flex}.recap-emoji{flex-shrink:0;font-size:24px}.recap-text{flex:1}.dialogue{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:20px}.speaker{color:var(--muted);font-size:12px}.line{margin:8px 0 0;font-size:22px;line-height:2}.line-en{color:var(--muted);margin:8px 0 0;font-size:14px}.blank{text-align:center;border-bottom:2px solid var(--accent);min-width:2em;font-weight:700;display:inline-block}.blank.ok{color:var(--accent)}.blank.ng{color:var(--red)}.choices{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.btn.choice{background:var(--card);border:2px solid var(--line);padding:14px 0;font-size:22px}.btn.choice.correct{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.btn.choice.wrong{border-color:var(--red);color:var(--red);background:#f3ddda}.btn.choice.dim{opacity:.5}.feedback{border-radius:var(--radius);background:var(--card);border:1px solid var(--line);padding:16px}.feedback.ok strong{color:var(--accent)}.feedback.ng strong{color:var(--amber)}.why{margin:8px 0 14px;font-size:15px;line-height:1.9}.why-label{color:var(--muted);margin-right:6px;font-size:12px}.quiz-prompt{color:var(--muted);margin:0 0 12px;font-size:14px}.quiz-word{margin-bottom:6px;font-size:44px;font-weight:600;line-height:1.4}.quiz-word.vocab-ja{font-size:34px;line-height:1.8}.quiz-word.vocab-en{font-size:24px;line-height:1.5}.quiz-hint{color:var(--muted);margin:0 0 18px;font-size:14px}.reading-form{max-width:340px;margin:0 auto}.reading-input{text-align:center;border:2px solid var(--line);border-radius:12px;width:100%;margin-bottom:12px;padding:14px;font-family:inherit;font-size:22px}.reading-input:focus{border-color:var(--accent);outline:none}.row.center{justify-content:center}.kanji-choices{max-width:360px;margin:0 auto 8px}.kanji-choices .btn.choice{padding:16px 0;font-size:30px}.word-line{margin-bottom:4px;display:block}.session .feedback{text-align:left;margin-top:14px}.vocab-options{grid-template-columns:1fr;gap:8px;max-width:420px;margin:0 auto;display:grid}@media (width>=600px){.vocab-options{grid-template-columns:1fr 1fr}}.btn.vocab-option{background:var(--card);border:2px solid var(--line);padding:14px 10px;font-size:16px;font-weight:500;line-height:1.6}.btn.vocab-option.correct{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.btn.vocab-option.wrong{border-color:var(--red);color:var(--red);background:#f3ddda}.btn.vocab-option.dim{opacity:.5}.hint-en{color:var(--muted);font-size:13px}.usage-context{background:var(--bg);border-radius:12px;max-width:420px;margin:0 auto 18px;padding:12px 16px;font-size:18px;line-height:2.2}.center-text{text-align:center;margin:0 0 16px}.rec-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:0;text-transform:none;border-radius:999px;margin-left:10px;padding:3px 10px;font-size:11px;font-weight:700}.topic-filter{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:14px;line-height:1.9}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.chip.active rt{color:#cfe3db}.passage-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:8px;display:grid}.passage-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:left;flex-direction:column;gap:6px;padding:16px;display:flex}.passage-tile.done{border-color:var(--accent)}.passage-topic{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.passage-title{font-size:18px;font-weight:700;line-height:1.8}.passage-meta{color:var(--muted);font-size:12px}.passage-tile.done .passage-meta{color:var(--accent);font-weight:600}.reader{padding-bottom:100px}.reader-title{text-align:center;flex:1;margin:0;font-size:18px;line-height:1.8}.furi-toggle{font-weight:700;position:relative}.furi-toggle .furi-mini{font-size:9px;position:relative;top:-6px}.furi-toggle.on{background:var(--accent);color:#fff;border-color:var(--accent)}.reader-body{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px 22px;font-size:19px;line-height:2.4}.reader-body p{margin:0 0 20px}.reader-body p:last-child{margin-bottom:0}.deflink{border-bottom:2px dotted var(--accent);cursor:pointer;padding-bottom:1px}.deflink:active{background:var(--accent-soft)}.reader-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--bg) 40%);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.def-sheet{background:var(--ink);color:#fff;z-index:20;border-radius:14px;max-width:480px;margin:0 auto;padding:14px 18px;position:fixed;bottom:84px;left:12px;right:12px;box-shadow:0 8px 24px #00000040}.def-close{color:#1a1a1a;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0 0 1px;font-size:15px;line-height:1;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #0000004d}.def-close:active{background:#e8e4d8}.def-word{margin-bottom:4px;font-size:20px}.def-word rt{color:#cfcabb}.def-gloss{color:#e8e4d8;font-size:14px}.quiz-left{text-align:left}.reading-question{margin:0 0 16px;font-size:19px;line-height:2.1}.btn.small{padding:8px 14px;font-size:13px}.text-peek{margin-bottom:14px}.quiz-text{background:var(--bg);border:1px solid var(--line);border-radius:12px;max-height:40vh;margin-bottom:16px;padding:16px 18px;font-size:16px;line-height:2.3;overflow-y:auto}.quiz-text p{margin:0 0 14px}.btn.vocab-option.evidence-option{text-align:left;font-weight:400}.mascot{margin:0 auto;display:block}.greet-block{align-items:center;gap:10px;display:flex}.greet-block .mascot{flex-shrink:0;margin:0}.feedback-mascot{float:right;margin:-6px 0 0 10px}.daily-card{background:var(--card);border:2px solid var(--accent);border-radius:var(--radius);text-align:center;margin-bottom:8px;padding:24px 20px}.daily-card.done{border-style:dashed;border-color:var(--line)}.daily-card h3{margin:0 0 6px;font-size:20px}.daily-volume{color:var(--accent);margin:0 0 10px;font-size:30px;font-weight:800}.daily-mix{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px;display:flex}.mix-chip{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:5px 14px;font-size:14px;line-height:1.9}.daily-sub{color:var(--muted);margin:0 0 16px;font-size:14px}.daily-steps{justify-content:center;gap:8px;margin:0 0 8px;display:flex}.step-dot{background:var(--line);width:30px;height:30px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step-dot.now{background:var(--accent);color:#fff}.step-dot.done{background:var(--accent-soft);color:var(--accent)}.card-emoji{flex-shrink:0;font-size:34px}.playful{--radius:22px}.playful .greet{font-size:24px}.playful .session-card{border-width:2px;gap:14px;padding:20px 18px}.playful .session-card h3{font-size:21px}.playful .session-card p{font-size:15px}.playful .btn.primary{border-radius:16px;padding:14px 24px;font-size:17px}.playful .stat-value{font-size:26px}.playful .stat-emoji,.mode-pyp .scene-text,.mode-myp .scene-text{font-size:24px}.mode-pyp .btn.choice,.mode-myp .btn.choice{border-radius:18px;padding:18px 0;font-size:26px}.score{margin:4px 0 12px;font-size:26px;font-weight:800}.sticker-award{background:var(--accent-soft);border-radius:var(--radius);max-width:320px;margin:8px auto 18px;padding:18px}.sticker-caption{color:var(--accent);margin:0;font-size:14px;font-weight:700}.sticker-big{font-size:64px;line-height:1.3}.sticker-name{margin:0;font-size:17px;line-height:2}.sticker-header{text-align:center;margin-bottom:20px}.sticker-count{margin:8px 0 0;font-size:16px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.sticker-slot{background:var(--card);border:2px dashed var(--line);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;gap:4px;min-height:92px;padding:12px 6px;display:flex}.sticker-slot.has{border-style:solid;border-color:var(--accent);background:var(--accent-soft)}.slot-emoji{font-size:34px;line-height:1.2}.sticker-slot:not(.has) .slot-emoji{opacity:.3;font-size:26px}.slot-name{font-size:12px;line-height:1.9}.seg{border:1px solid var(--line);border-radius:12px;display:flex;overflow:hidden}.seg button{background:var(--card);border:none;flex:1;padding:12px;font-size:15px}.seg button.active{background:var(--accent);color:#fff;font-weight:700}.hint{color:var(--muted);margin:4px 0 0;font-size:13px}.switch{background:var(--line);border:none;border-radius:999px;flex-shrink:0;width:52px;height:30px;position:relative}.switch .knob{background:#fff;border-radius:50%;width:24px;height:24px;transition:left .15s;position:absolute;top:3px;left:3px}.switch.on{background:var(--accent)}.switch.on .knob{left:25px}.pace-list,.goal-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.pace-option,.goal-option{text-align:left;background:var(--bg);border:2px solid var(--line);color:var(--ink);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;display:flex}.pace-option.active,.goal-option.active{border-color:var(--accent);background:var(--accent-soft)}.pace-n{color:var(--accent);text-align:center;min-width:28px;font-size:22px;font-weight:800}.pace-desc{font-size:13px;line-height:1.9}.goal-option{flex-direction:column;align-items:stretch;gap:4px}.goal-name{justify-content:space-between;gap:10px;font-weight:700;line-height:1.9;display:flex}.goal-total{color:var(--muted);font-size:13px;font-weight:400}.goal-proj{color:var(--muted);font-size:13px;line-height:1.8}.report-title{margin-top:0}.report-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:22px 0 10px;font-size:14px}.stage-bar{background:var(--line);border-radius:999px;width:100%;height:16px;margin-bottom:14px;display:flex;overflow:hidden}.stage-seg{height:100%}.stage-legend{flex-wrap:wrap;gap:10px 18px;font-size:13px;display:flex}.legend-item{color:var(--ink);align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.report-stats{grid-template-columns:repeat(3,1fr)}.weak-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.weak-list li{background:var(--bg);border:2px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:8px 12px 8px 10px;display:flex}.weak-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.weak-char{font-size:22px;font-weight:700}.weak-meta{color:var(--muted);font-size:12px}.report-line{margin:0 0 10px;font-size:15px;line-height:2}.report-line.muted{color:var(--muted);font-size:13px}.stage-explain{margin-top:4px}.lang-toggle{min-width:40px;font-size:13px;font-weight:700}.furigana-preview{background:var(--bg);border-radius:10px;margin:16px 0 0;padding:12px;font-size:20px;line-height:2.2}