:root{--bg:#f5f7f4;--surface:#fff;--text:#17201c;--muted:#5b6862;--line:#dde3df;--accent:#1f6f5c;--accent-soft:#e0eee8;--on-accent:#fff;--seal:#b3402c;--seal-soft:#f7e4df;--gold:#c48a12;--radius:14px;--tabs-height:62px;--heat-0:#e6ebe7;--heat-1:#b9dccd;--heat-2:#7fc0a6;--heat-3:#3f9a7c;--heat-4:#1f6f5c;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101513;--surface:#18201c;--text:#e5ebe7;--muted:#93a29b;--line:#29332f;--accent:#5cc3a4;--accent-soft:#1a2f28;--on-accent:#0b1a15;--seal:#f08a73;--seal-soft:#3b221c;--gold:#e7b546;--heat-0:#1f2824;--heat-1:#1d4034;--heat-2:#2a6752;--heat-3:#3f9a7c;--heat-4:#5cc3a4}}*{box-sizing:border-box}body{background:var(--bg);margin:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1{text-wrap:balance;margin:4px 0 16px;font-size:1.6rem}h2{margin:24px 0 10px;font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.85rem}.block{display:block}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:600}.app{max-width:560px;min-height:100dvh;padding-bottom:calc(var(--tabs-height) + env(safe-area-inset-bottom));margin:0 auto}.app-header{padding:calc(10px + env(safe-area-inset-top)) 16px 0;justify-content:space-between;align-items:center;display:flex}.brand{color:var(--accent);font-size:.95rem;font-weight:700}.badges{gap:8px;display:flex}.badge{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:600;display:inline-flex}.badge svg{width:16px;height:16px}.badge.streak{background:var(--seal-soft);color:var(--seal)}.badge.xp{background:var(--accent-soft);color:var(--accent)}.screen{padding:12px 16px 24px}.primary-action,.secondary-action{border-radius:var(--radius);border:none;width:100%;padding:17px;font-size:1.1rem;font-weight:600}.primary-action{background:var(--accent);color:var(--on-accent)}.secondary-action{background:var(--accent-soft);color:var(--accent)}.primary-action:disabled{opacity:.45;cursor:default}.home{flex-direction:column;gap:14px;display:flex}.home-hero h1{margin:12px 0 0;font-size:2.2rem}.home-stats,.stat-grid,.summary-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.home-stats>div,.stat-grid>div,.summary-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:2px;padding:12px;display:flex}.home-stats b,.stat-grid b,.summary-grid b{font-variant-numeric:tabular-nums;font-size:1.35rem}.home-stats span,.stat-grid span,.summary-grid span{color:var(--muted);font-size:.78rem}.notice{background:var(--seal-soft);color:var(--seal);border-radius:12px;margin:0;padding:12px 14px;font-size:.9rem}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list.compact{gap:4px}.list.compact .row{padding:10px 14px}.row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;display:flex}.row-main{text-align:left;background:0 0;border:none;flex:1;min-width:0;padding:0}.row-end{align-items:center;gap:10px;display:flex}.topic-main{flex-direction:column;flex:1;gap:4px;min-width:0;font-weight:500;display:flex}.meter{background:var(--line);border-radius:2px;height:4px;position:relative;overflow:hidden}.meter i{position:absolute;inset:0 auto 0 0}.meter .introduced{background:var(--accent-soft)}.meter .learned{background:var(--accent)}.stars{color:var(--line);flex-shrink:0;gap:1px;font-size:1.1rem;display:inline-flex}.stars .on{color:var(--gold)}.toggle input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.expression{min-width:0}.expression .primary{overflow-wrap:anywhere;font-weight:650}.expression .secondary{color:var(--muted)}.expression .english{margin-top:4px}.expression .note{color:var(--muted);margin-top:4px;font-size:.85rem}.expression.large .primary{font-size:2rem;line-height:1.2}.expression.large .secondary{margin-top:4px;font-size:1.15rem}.expression.large .english{margin-top:10px;font-size:1.1rem}.expression.compact .primary{font-size:1.05rem}.expression.compact .secondary{font-size:.9rem}.expression.compact .english{margin-top:2px;font-size:.9rem}.play-buttons{flex-shrink:0;align-items:center;gap:8px;display:flex}.play{background:var(--accent);width:44px;height:44px;color:var(--on-accent);border:none;border-radius:50%;place-items:center;padding:0;display:inline-grid}.play svg{width:22px;height:22px}.play.slow{background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700}.play-buttons.large .play{width:64px;height:64px}.play-buttons.large .play svg{width:30px;height:30px}.play-buttons.large .play.slow{font-size:.9rem}.session{max-width:560px;min-height:100dvh;padding:calc(12px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.session-head{align-items:center;gap:12px;display:flex}.quit{color:var(--muted);background:0 0;border:none;width:36px;height:36px;padding:0;font-size:1.2rem}.session-progress{background:var(--line);border-radius:3px;flex:1;height:6px;overflow:hidden}.session-progress i{background:var(--accent);height:100%;transition:width .25s;display:block}.session-title{color:var(--muted);text-align:right;min-width:90px;font-size:.8rem}.session-body{flex-direction:column;flex:1;justify-content:center;gap:18px;padding-top:16px;display:flex}.prompt{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.english-prompt{text-wrap:balance;margin:0;font-size:1.7rem;font-weight:600;line-height:1.25}.hint{color:var(--muted);margin:0}.answer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:16px;display:flex}.options{flex-direction:column;gap:8px;display:flex}.option{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:15px 16px;font-size:1rem}.option.right{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.option.wrong{border-color:var(--seal);background:var(--seal-soft);color:var(--seal)}.option .expression .primary{font-size:1.1rem}.option.dim{opacity:.5}.option:disabled{cursor:default}.summary{justify-content:center;gap:18px}.summary h1{margin:0;font-size:2.2rem}.summary>p{margin:-12px 0 0}.newly-learned ul{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.search{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px 14px;font-size:1rem}.chips{scrollbar-width:none;gap:6px;padding:12px 0 4px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:.85rem}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.group h2{margin-top:18px}.show{text-align:center;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100dvh;padding:24px 16px;display:flex}.show p{margin:0}.show-hangul{overflow-wrap:anywhere;font-size:clamp(2.4rem,12vw,4.5rem);font-weight:700;line-height:1.2}.show-rom{color:var(--muted);font-size:1.4rem}.show-en{font-size:1.1rem}.stat-grid.two{grid-template-columns:repeat(2,1fr)}.illustration{color:var(--accent);flex-shrink:0;place-items:center;display:inline-grid}.illustration svg{width:100%;height:100%}.illustration .f{fill:currentColor;stroke:none}.illustration .t{fill:currentColor;stroke:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700}.illustration .bg{fill:var(--surface)}.illustration.small{width:40px;height:40px}.illustration.medium{width:72px;height:72px}.illustration.large{width:min(128px,34vw);height:min(128px,34vw)}.show .illustration .bg{fill:var(--surface)}.row-main{align-items:center;gap:12px;display:flex}.heatmap{aspect-ratio:12/7;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:3px;width:100%;max-width:420px;display:grid}.heatmap i{background:var(--heat-0);border-radius:3px}.heatmap .l1{background:var(--heat-1)}.heatmap .l2{background:var(--heat-2)}.heatmap .l3{background:var(--heat-3)}.heatmap .l4{background:var(--heat-4)}.heatmap .future{background:0 0}.danger-zone{flex-wrap:wrap}.danger{border:1px solid var(--seal);color:var(--seal);background:0 0;border-radius:10px;padding:8px 12px;font-weight:600}.confirm{gap:8px;display:flex}.confirm button:not(.danger){border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:8px 12px}.confirm .danger{background:var(--seal);color:var(--surface)}.about{margin-top:24px}.tabs{background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabs button{min-width:0;max-width:112px;height:var(--tabs-height);color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.68rem;display:flex}.tabs svg{width:22px;height:22px}.tabs .active{color:var(--accent);font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.answer .expression,.row-main .expression{flex:1}