:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff8ec;--card:#fff;--text:#4a3426;--text-soft:#7a6456;--primary:#ff9f43;--primary-dark:#e0822a;--math:#ffd6a5;--kanji:#caffbf;--add:#ffe5b4;--sub:#bde0fe;--reading:#ffd6e0;--picture:#d0f4de;--review:#e4d9ff;--correct:#7bd389;--soft-gray:#e9e4df;--danger:#d9534f;--focus:#2f7dd1;--radius:24px;--shadow:0 6px 0 #4a342626;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:Hiragino Maru Gothic ProN,BIZ UDPGothic,Yu Gothic UI,Meiryo,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);touch-action:manipulation;-webkit-tap-highlight-color:transparent;word-break:keep-all;overflow-wrap:anywhere;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.app{max-width:640px;padding:max(12px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));margin:0 auto}.home{flex-direction:column;align-items:center;gap:16px;padding-top:24px;display:flex}.home-title{text-align:center;margin:0;font-size:clamp(2rem,8vw,2.8rem)}.home-lead{color:var(--text-soft);margin:0;font-size:1.4rem}.home-menu{grid-template-columns:1fr;gap:20px;width:100%;display:grid}@media (width>=520px){.home-menu{grid-template-columns:1fr 1fr}}.home-card,.mode-card{border-radius:var(--radius);min-height:180px;box-shadow:var(--shadow);border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:20px;transition:transform .1s;display:flex}.home-card:active,.mode-card:active,.choice-button:active,.big-button:active{transform:translateY(4px);box-shadow:0 2px #4a342626}.home-card--math{background:var(--math)}.home-card--kanji{background:var(--kanji)}.home-card-icon,.mode-card-icon{font-size:3.5rem;line-height:1}.mode-card-icon--kanji{font-weight:700}.home-card-label,.mode-card-label{font-size:2rem;font-weight:700}.home-card-sub,.mode-card-sub{color:var(--text-soft);font-size:1.1rem}.parent-link{border:2px solid var(--soft-gray);min-height:44px;color:var(--text-soft);background:0 0;border-radius:999px;margin-top:24px;padding:10px 16px;font-size:.95rem}.screen{flex-direction:column;gap:16px;display:flex}.screen-header{align-items:center;gap:12px;display:flex}.back-button{background:var(--card);min-height:52px;box-shadow:var(--shadow);border:none;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:1.1rem;font-weight:700}.screen-title{margin:0;font-size:clamp(1.4rem,6vw,1.9rem)}.screen-lead{text-align:center;color:var(--text-soft);margin:0;font-size:1.4rem}.mode-menu{gap:16px;display:grid}@media (width>=520px){.mode-menu{grid-template-columns:1fr 1fr}}.mode-card{min-height:150px}.mode-card--add{background:var(--add)}.mode-card--sub{background:var(--sub)}.mode-card--reading{background:var(--reading)}.mode-card--picture{background:var(--picture)}.mode-card--review{background:var(--review)}.mode-card:disabled{opacity:.55;box-shadow:none}.round-progress{justify-content:center;gap:10px;display:flex}.round-dot{background:var(--soft-gray);border-radius:50%;width:18px;height:18px}.round-dot.is-done{background:var(--primary)}.round-dot.is-current{outline:3px solid var(--primary);outline-offset:2px}.question-card{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:12px;padding:20px 12px;display:flex;position:relative;overflow:hidden}.math-problem{font-variant-numeric:tabular-nums;align-items:center;gap:.3em;margin:0;font-size:clamp(2.4rem,13vw,4rem);font-weight:700;display:flex}.math-op{color:var(--primary-dark)}.math-answer{border-bottom:6px dashed var(--soft-gray);min-width:1.4em;color:var(--text-soft);justify-content:center;align-items:center;display:inline-flex}.math-answer.is-filled{border-bottom-color:var(--correct);color:var(--text);animation:.4s ease-out pop}.hint-button{border:3px dashed var(--soft-gray);background:0 0;border-radius:999px;min-height:52px;padding:8px 20px;font-size:1.2rem}.explanation-link{align-self:center}.kanji-big{margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,BIZ UDPMincho,serif;font-size:clamp(6rem,35vw,9rem);line-height:1.1}@media (height<=700px){.kanji-big{font-size:clamp(5rem,28vw,7rem)}}.picture-big{text-align:center;word-break:break-all;margin:0;font-size:clamp(4.5rem,24vw,6rem);line-height:1.2}.question-text{text-align:center;margin:0;font-size:1.4rem}.choice-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.choice-grid--count-3{grid-template-columns:repeat(3,1fr)}.choice-grid--reading.choice-grid--count-3{grid-template-columns:1fr}.choice-button{border-radius:var(--radius);background:var(--card);min-height:88px;box-shadow:var(--shadow);border:4px solid #0000;padding:8px;font-size:2.6rem;font-weight:700;transition:transform .1s,opacity .2s;position:relative}.choice-grid--reading .choice-button{min-height:72px;font-size:2rem}.choice-grid--kanji .choice-button{font-family:Hiragino Mincho ProN,Yu Mincho,BIZ UDPMincho,serif;font-size:3.2rem}.choice-button.is-tried{opacity:.35;box-shadow:none}.choice-button.is-correct{border-color:var(--correct);background:#eafbe7;animation:.4s ease-out pop}.choice-button:disabled:not(.is-correct):not(.is-tried){opacity:.6}.choice-mark{font-size:2rem;position:absolute;top:-14px;right:-8px}.next-button{align-self:center;min-width:60%}.feedback{text-align:center;min-height:2.4rem}.feedback-message{margin:0;font-size:1.6rem;font-weight:700}.feedback-message--correct{color:#2e9d4b;animation:.4s ease-out pop}.feedback-message--retry{color:var(--primary-dark)}.kanji-learned,.kanji-hint p{margin:6px 0 0;font-size:1.3rem}.explanation{border-radius:var(--radius);background:#fff3d6;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;display:flex}.explanation-step{text-align:center;margin:0;font-size:1.2rem}.explanation-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.explanation-op{color:var(--primary-dark);font-size:2rem;font-weight:700}.counting{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.counting-group{background:#ffffffb3;border-radius:12px;gap:2px;padding:4px 6px;display:flex}.counting-item{flex-direction:column;align-items:center;font-size:1.8rem;line-height:1.1;display:flex}.counting-item.is-removed .counting-emoji{opacity:.25;filter:grayscale()}.counting-number{color:var(--text-soft);font-size:.95rem;font-weight:700}.celebration{pointer-events:none;position:absolute;inset:0}.celebration-piece{font-size:1.8rem;animation:.9s ease-out forwards burst;position:absolute;top:50%;left:50%}@keyframes burst{0%{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.4);opacity:1}to{transform:translate(-50%, -50%) rotate(var(--angle)) translateY(-140px) scale(1.1);opacity:0}}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.celebration-piece,.math-answer.is-filled,.choice-button.is-correct,.feedback-message--correct{animation:none}.celebration-piece{display:none}}.round-complete{border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex;position:relative;overflow:hidden}.round-complete-stars{letter-spacing:4px;font-size:2.4rem}.round-complete-message{margin:0;font-size:1.9rem;font-weight:700}.round-complete-sub{color:var(--text-soft);margin:0;font-size:1.3rem}.round-complete-actions{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}.big-button{min-height:64px;box-shadow:var(--shadow);border:none;border-radius:999px;padding:12px 24px;font-size:1.5rem;font-weight:700}.big-button--primary{background:var(--primary);color:#fff}.big-button--secondary{background:var(--card)}.big-button--danger{background:var(--danger);color:#fff;font-size:1.1rem}.screen--parent{font-size:1rem}.parent-gate,.parent-section{background:var(--card);border-radius:16px;padding:16px;box-shadow:0 2px #4a34261a}.parent-gate h2,.parent-section h2{margin:0 0 8px;font-size:1.2rem}.parent-gate-form{flex-direction:column;gap:12px;display:flex}.parent-gate-question{font-size:1.8rem;font-weight:700}.parent-gate-input{border:2px solid var(--soft-gray);border-radius:12px;min-height:52px;padding:8px 12px;font-size:1.5rem}.parent-gate-error{color:var(--danger);margin:0}.parent-gate-actions{flex-wrap:wrap;gap:12px;display:flex}.parent-gate-actions .big-button{flex:140px;font-size:1.2rem}.parent-note{color:var(--text-soft);margin:8px 0 0;font-size:.95rem}.parent-list{margin:0;padding-left:1.2em;line-height:1.7}.table-wrap{overflow-x:auto}.record-table{border-collapse:collapse;width:100%;font-size:.95rem}.record-table th,.record-table td{border-bottom:1px solid var(--soft-gray);text-align:left;padding:8px 6px}.record-table th[scope=row]{white-space:nowrap}.reset-confirm p{margin:0 0 12px}.toggle{cursor:pointer;align-items:center;gap:12px;min-height:48px;display:flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{background:var(--soft-gray);border-radius:999px;flex-shrink:0;width:60px;height:34px;transition:background .2s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle input:checked+.toggle-track{background:var(--correct)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(26px)}.toggle input:focus-visible+.toggle-track{outline:4px solid var(--focus);outline-offset:3px}