:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f6f8;--bg-image:none;--card:#fff;--card-line:#dbe2ea;--card-shadow:none;--card-blur:none;--text:#15243a;--muted:#5a6b82;--line:#dbe2ea;--accent:#1f6fd0;--on-accent:#fff;--btn-bg:var(--accent);--ok:#1a7f37;--ok-bg:#e7f5ec;--bad:#c62828;--bad-bg:#fdeaea;--warn:#e0a100;--radius:14px;--radius-sm:10px;--radius-chip:999px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", sans-serif;--font-heading:var(--font);--heading-weight:700;--hero-color:var(--text);font:17px/1.5 var(--font)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root[data-theme=klassisk],:root:not([data-theme]){--bg:#0e1726;--card:#15243a;--card-line:#2a3b55;--text:#eef3f9;--muted:#9fb0c6;--line:#2a3b55;--accent:#4fb3ff;--on-accent:#0c1a2c;--ok:#5fd08a;--ok-bg:#12301f;--bad:#ff8a80;--bad-bg:#3a1a1a}}:root[data-theme=hanji]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f1e7d0;--bg-image:radial-gradient(circle at 20% 10%, #f8f0de 0, transparent 55%), radial-gradient(circle at 90% 90%, #e9dcbd 0, transparent 50%);--card:#fbf6ea;--card-line:#cdbb92;--card-shadow:3px 3px 0 #d8c8a2;--text:#2b2118;--muted:#7a6a55;--line:#d8c8a2;--accent:#b3282d;--on-accent:#fff8ee;--ok:#2e6b3a;--ok-bg:#e2edd6;--bad:#a1262b;--bad-bg:#f6ddd5;--warn:#c98a12;--radius:3px;--radius-sm:3px;--radius-chip:3px;--font:"Noto Serif KR", "AppleMyungjo", "Batang", Georgia, "Times New Roman", serif;--hero-color:#1d4f7a}:root[data-theme=krita]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1d3a2c;--bg-image:radial-gradient(ellipse at 30% 0%, #2c5440 0, transparent 60%), radial-gradient(ellipse at 80% 100%, #173025 0, transparent 55%);--card:#2a4a39;--card-line:#5b7d68;--card-shadow:0 2px 0 #14291f;--text:#f4f2e4;--muted:#b9cabc;--line:#4b6b58;--accent:#f2c94c;--on-accent:#1d3a2c;--ok:#94e89a;--ok-bg:#1f4a31;--bad:#ffa08f;--bad-bg:#4d2c28;--warn:#f2c94c;--radius:10px;--radius-sm:8px;--radius-chip:8px;--font-heading:"Chalkboard SE", "Segoe Print", "Bradley Hand", "Comic Neue", var(--font);--heading-weight:600;--hero-color:#f2c94c}:root[data-theme=sakura]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff0f6;--bg-image:linear-gradient(160deg, #ffe3ef 0%, #f1e7ff 55%, #e3f1ff 100%);--card:#ffffffdb;--card-line:#f6cfe0;--card-shadow:0 8px 24px #be6eaa29;--text:#3b2a46;--muted:#8a6f99;--line:#f1d6e6;--accent:#e5509a;--on-accent:#fff;--btn-bg:linear-gradient(135deg, #ff7eb6, #8f7bff);--ok:#23895f;--ok-bg:#dcf6e9;--bad:#d6336c;--bad-bg:#ffe0ec;--warn:#ffb347;--radius:26px;--radius-sm:18px;--font-heading:"Nunito", "Quicksand", "Avenir Next Rounded", "Hiragino Maru Gothic ProN", var(--font);--heading-weight:800;--hero-color:#d6408c}:root[data-theme=natt]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0e1d;--bg-image:radial-gradient(circle at 15% 0%, #7c5cff47 0, transparent 45%), radial-gradient(circle at 90% 100%, #22d3ee33 0, transparent 45%);--card:#182042b8;--card-line:#7c8cff47;--card-shadow:0 0 28px #7c5cff2e;--card-blur:blur(10px);--text:#e9edff;--muted:#94a0d4;--line:#7c8cff40;--accent:#34d3e8;--on-accent:#06101c;--btn-bg:linear-gradient(135deg, #7c5cff, #22d3ee);--ok:#5eead4;--ok-bg:#145a5073;--bad:#ff7a90;--bad-bg:#6e1e3280;--warn:#ffd166;--radius:18px;--radius-sm:12px;--hero-color:#a99bff}*{box-sizing:border-box}body{background:var(--bg);background-image:var(--bg-image);color:var(--text);font-family:var(--font);background-attachment:fixed;margin:0}h1,h2,p{margin:0}h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:600}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.screen{grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;width:min(520px,100%);min-height:100vh;margin:0 auto;padding:20px 16px 40px;display:grid}.screen.center{text-align:center;align-content:center;justify-items:center}.muted{color:var(--muted);font-size:.9rem}.big{font-size:1.2rem}.card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);padding:16px}.primary{border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--on-accent);border:0;padding:10px 18px;font-weight:600}.ghost{border-radius:var(--radius-sm);background:0 0;border:0;padding:6px 10px}.hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 24px;padding-top:8px;display:flex}.hero h1{font-family:var(--font-heading);font-size:2.8rem;line-height:1.1;font-weight:var(--heading-weight);color:var(--hero-color)}.hero p{color:var(--muted)}.theme-picker{flex:260px;gap:2px;min-width:0;max-width:380px;display:grid}.theme-picker select{border:1px solid var(--card-line);border-radius:var(--radius-sm);background:var(--card);width:100%;min-width:0;color:var(--text);font:inherit;padding:8px 10px;font-size:.95rem}.home-grid,.home-side,.home-main{gap:20px;min-width:0;display:grid}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tile{text-align:center;background:var(--card);border:1px solid var(--card-line);border-radius:var(--radius);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);gap:0;padding:12px 8px;display:grid}.tile strong{font-family:var(--font-heading);font-size:1.9rem;line-height:1.1}.tile.due strong{color:var(--warn)}.due-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.due-card div{display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--card-line);border-radius:var(--radius-chip);background:var(--card);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);padding:8px 14px}.chip.active{background:var(--btn-bg);color:var(--on-accent);border-color:#0000;font-weight:600}.chapters{gap:12px;margin:0;padding:0;list-style:none;display:grid}.chapter{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;width:100%;height:100%;transition:transform .15s,box-shadow .15s;display:grid}.chapter-icon{border-radius:var(--radius-sm);background:var(--bg);background-image:var(--bg-image);border:1px solid var(--line);place-items:center;width:52px;height:52px;font-size:1.8rem;display:grid}.chapter-text{display:grid}.chapter .bar{grid-column:1/-1}.chapter-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:var(--heading-weight)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.chapter:hover{border-color:var(--accent);transform:translateY(-3px)}}.bar{background:var(--line);border-radius:3px;height:6px;margin-top:6px;display:flex;overflow:hidden}.seg.learned{background:var(--ok)}.seg.due{background:var(--warn)}.topbar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.topbar .bar{height:8px;margin:0}.prompt{text-align:center;place-content:center;justify-items:center;gap:4px;min-height:150px;display:grid}.word{font-family:var(--font-heading);word-break:keep-all;font-size:2.4rem;line-height:1.2}.play{background:var(--btn-bg);border:0;border-radius:50%;width:84px;height:84px;font-size:2.2rem}.answer{gap:8px;display:flex}.answer input{border:1px solid var(--card-line);border-radius:var(--radius-sm);background:var(--card);min-width:0;color:inherit;font:inherit;flex:1;padding:12px;font-size:1.2rem}.feedback{border-radius:var(--radius);gap:10px;padding:14px 16px;display:grid}.feedback.ok{background:var(--ok-bg);color:var(--ok)}.feedback.bad{background:var(--bad-bg);color:var(--bad)}.feedback .muted,.feedback .example{color:var(--text)}.example{display:grid}.feedback .ghost{border:1px solid;justify-self:start}.diff{color:var(--text);gap:6px;display:grid}.diff-row{align-items:center;gap:4px;display:flex}.diff-label{width:3.2rem;color:var(--muted);font-size:.8rem}.syl{border-radius:var(--radius-sm);text-align:center;min-width:2.2rem;padding:2px 6px;font-size:1.6rem}.syl.ok{background:var(--ok-bg)}.syl.bad{background:var(--bad-bg);outline:2px solid var(--bad)}.syl.gap{background:var(--line);color:var(--muted)}.diff-notes{margin:0;padding-left:20px;font-size:.95rem}.tag{border-radius:var(--radius-chip);background:var(--line);color:var(--muted);padding:2px 10px;font-size:.85rem}.sentence{font-size:1.9rem}.gap{border-radius:var(--radius-sm);border-bottom:3px solid var(--accent);padding:0 6px}.gap.ok{background:var(--ok-bg);color:var(--ok);border-bottom-color:var(--ok)}.gap.bad{background:var(--bad-bg);color:var(--bad);border-bottom-color:var(--bad)}.choices{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.choice{border:2px solid var(--card-line);border-radius:var(--radius);background:var(--card);padding:14px;font-size:1.6rem}.choice:disabled{opacity:1}.choice:disabled:not(.ok):not(.bad){opacity:.5}.choice.ok{border-color:var(--ok);background:var(--ok-bg)}.choice.bad{border-color:var(--bad);background:var(--bad-bg)}.notice{border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--warn);color:var(--text);margin-bottom:10px;padding:10px 14px;font-size:.95rem}@media (width>=720px){.screen.home{gap:28px;width:min(1120px,100%);padding:36px 32px 64px}.hero h1{font-size:3.6rem}.home-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:32px}.home-side{gap:24px;position:sticky;top:24px}.chapters{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.chapter{padding:20px}.screen.session,.screen.center{gap:28px;width:min(760px,100%);padding-top:48px}.prompt{min-height:240px;padding:32px}.word{font-size:3.4rem}.sentence{font-size:2.6rem}.answer input{padding:16px;font-size:1.5rem}.answer .primary{padding:0 28px;font-size:1.1rem}.syl{font-size:2rem}.feedback{padding:20px 24px;font-size:1.1rem}}@media (width>=1100px){.home-grid{grid-template-columns:380px minmax(0,1fr)}}.stats-panel{gap:12px;min-width:0;display:grid}.stats-panel h2{margin-bottom:0}.streak{align-items:center;gap:12px;margin-bottom:14px;display:flex}.streak div{display:grid}.streak strong{font-family:var(--font-heading);font-size:1.25rem}.streak-flame{font-size:2rem}.week{grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;display:grid}.week-day{justify-items:center;gap:4px;display:grid}.week-bar{border-radius:var(--radius-sm);background:var(--line);align-items:flex-end;width:100%;max-width:36px;height:72px;display:flex;overflow:hidden}.week-fill{align-items:flex-end;width:100%;display:flex}.week-fill.wrong{background:var(--bad)}.week-fill.right{background:var(--ok)}.week-summary{margin-top:10px}.hard-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.hard-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hard-list li{grid-template-columns:minmax(80px,auto) 1fr auto;align-items:baseline;gap:4px 12px;display:grid}.hard-ko{font-family:var(--font-heading);font-size:1.15rem}.card.flash{text-align:center;cursor:pointer;place-content:center;justify-items:center;gap:10px;width:100%;min-height:260px;display:grid}.card.flash.flipped{border-color:var(--accent)}.flash-back{justify-items:center;gap:6px;display:grid}.flash-sv{font-family:var(--font-heading);font-size:1.6rem;font-weight:var(--heading-weight)}.judge{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.judge button:not(.ghost){border-radius:var(--radius);border:2px solid #0000;padding:14px;font-size:1.1rem;font-weight:600}.judge-no{background:var(--bad-bg);color:var(--bad);border-color:var(--bad)}.judge-yes{background:var(--ok-bg);color:var(--ok);border-color:var(--ok)}.center-text{text-align:center}@media (width>=720px){.card.flash{min-height:340px;padding:32px}.flash-sv{font-size:2.2rem}}.goal{gap:8px;display:grid}.goal-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.goal-bar{height:10px;margin:0}.reader-top{grid-template-columns:auto 1fr auto}.reader-title{font-family:var(--font-heading);text-align:center;font-size:1.3rem}.reader-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.bubbles{gap:12px;margin:0;padding:0;list-style:none;display:grid}.bubble-row{align-items:flex-end;gap:8px;display:flex}.bubble-row.right{flex-direction:row-reverse}.avatar{font-size:1.8rem;line-height:1}.bubble{flex:0 85%;min-width:0;padding:12px 14px;transition:border-color .15s}.bubble-row.playing .bubble{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.bubble-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bubble-text{text-align:left;font-family:var(--font-heading);word-break:keep-all;background:0 0;border:0;flex:1;padding:0;font-size:1.35rem;line-height:1.4}.bubble-more{border-top:1px solid var(--line);gap:8px;margin-top:8px;padding-top:8px;display:grid}.glosses{flex-wrap:wrap;gap:6px 14px;margin:0;padding:0;list-style:none;display:flex}.glosses li{align-items:baseline;gap:6px;display:flex}.text-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.bubble-text{font-size:1.7rem}.bubble{flex-basis:70%}}