:root{--ink:#18241f;--ink-soft:#3f534a;--mist:#d7e4de;--paper:#eef4f0;--paper-deep:#dfeae4;--celadon:#4f8a74;--celadon-deep:#2f5f4f;--sea:#2a5563;--surface:#ffffff9e;--surface-strong:#ffffffd6;--line:#18241f1f;--border:var(--line);--accent:var(--celadon-deep);--red:#b3412e;--shadow:0 18px 50px #18241f1a;--font-display:"Fraunces", "Gowun Batang", serif;--font-ko:"Gowun Batang", "Gowun Dodum", serif;--font-ui:"Outfit", "Gowun Dodum", sans-serif;--radius:18px;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%, #4f8a742e, transparent 55%), radial-gradient(900px 500px at 100% 0%, #2a556324, transparent 50%), linear-gradient(180deg, #e8f0ec 0%, var(--paper) 45%, #e4ece8 100%);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;color:var(--ink);margin:0}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--celadon);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.app{max-width:100%;min-height:100vh;overflow-x:clip}.app--home{min-height:100vh}.main{width:min(1080px,100% - 2rem);margin:0 auto;padding:1.25rem 0 4rem}.app--home .main{width:100%;margin:0;padding:0}.topbar{z-index:20;background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem .75rem;width:min(1080px,100% - 2rem);max-width:100%;margin:0 auto;padding:.9rem 0;display:flex;position:sticky;top:0}.topbar__brand{color:inherit;background:0 0;border:0;flex-shrink:0;align-items:baseline;gap:.55rem;padding:0;display:inline-flex}.topbar__streak{color:var(--celadon-deep);white-space:nowrap;background:#4f8a741f;border-radius:999px;flex-shrink:0;align-items:center;gap:.2rem;margin-right:auto;padding:.25rem .6rem;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.topbar__streak:hover{background:#4f8a7433}.topbar__nav{flex-wrap:wrap;gap:.25rem;min-width:0;display:flex}.topbar__settings{min-width:44px;min-height:44px;color:var(--ink-soft);border-radius:12px;justify-content:center;align-items:center;margin-left:auto;text-decoration:none;transition:color .18s,background .18s;display:inline-flex}.topbar__settings:hover,.topbar__settings.is-active{color:var(--ink);background:#4f8a741f}.topbar__nav button,.topbar__nav-link{color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;border-radius:12px;align-items:center;padding:.45rem .7rem;font-size:.92rem;text-decoration:none;transition:color .18s,background .18s;display:inline-flex}.topbar__nav button.is-active,.topbar__nav button:hover,.topbar__nav-link.is-active,.topbar__nav-link:hover{color:var(--ink);background:#4f8a741f}.brand__ko{font-family:var(--font-ko);letter-spacing:.02em;font-size:1.35rem;font-weight:700}.brand__en{font-family:var(--font-display);letter-spacing:.04em;color:var(--ink-soft);font-size:.95rem;font-weight:650}.hero{color:#f4f8f6;align-items:end;min-height:100dvh;display:grid;position:relative;overflow:hidden}.hero__media{position:absolute;inset:0}.hero__image{object-fit:cover;width:100%;height:100%;animation:28s ease-in-out infinite alternate mist-drift;transform:scale(1.04)}.hero__veil{background:linear-gradient(#121c182e 0%,#121c1847 40%,#121c18c7 100%),radial-gradient(800px 400px at 70% 20%,#4f8a742e,#0000 60%);position:absolute;inset:0}.hero__content{z-index:1;width:min(720px,100% - 2.5rem);margin:0 auto 12vh;animation:.9s cubic-bezier(.22,1,.36,1) both rise-in;position:relative}.hero .brand{align-items:baseline;gap:.7rem;margin-bottom:1.1rem;display:flex}.hero .brand__ko{color:#f7fbf9;font-size:clamp(2.8rem,8vw,4.8rem);line-height:.95}.hero .brand__en{color:#f4f8f6c7;font-size:clamp(1.1rem,2.4vw,1.45rem)}.hero__headline{font-family:var(--font-display);color:#f4f8f6eb;max-width:18ch;font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:500;line-height:1.25}.hero__lede{color:#f4f8f6c7;max-width:34ch;margin-top:.9rem;font-size:1.05rem;line-height:1.55}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.2rem;transition:transform .16s,background .16s,color .16s,border-color .16s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--celadon);color:#f4faf7;border-color:var(--celadon-deep)}.btn--primary:hover{background:var(--celadon-deep)}.btn--primary:disabled{opacity:.55;cursor:default;transform:none}.btn--ghost{color:#f4f8f6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4f8f61f;border-color:#f4f8f647}.btn--ghost:hover{background:#f4f8f633}.panel .btn--ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn--text{color:var(--ink-soft);background:0 0;border:0;padding:.35rem .2rem}.btn--chip{color:var(--celadon-deep);background:#4f8a741a;border-color:#0000;padding:.5rem .9rem}.btn--chip.is-active,.btn--chip:hover{background:#4f8a742e}.panel{animation:.52s cubic-bezier(.22,1,.36,1) both rise-in}.panel__header{margin-bottom:1.5rem}.panel__header h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:650}.panel__header p{color:var(--ink-soft);max-width:42ch;margin-top:.45rem}.story-list{gap:.85rem;display:grid}.story-row{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:inherit;background:0 0;grid-template-columns:1fr 200px;align-items:center;gap:1.1rem;padding:1.15rem .15rem 1.25rem;transition:padding .18s,background .18s;display:grid}.story-row:hover{padding-left:.45rem}.story-row__cover{aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line);border-radius:14px;width:100%}.story-row__meta{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;gap:.55rem;margin-bottom:.55rem;font-size:.78rem;display:flex}.story-row__done{color:var(--celadon-deep)}.story-row__title-ko{font-family:var(--font-ko);font-size:clamp(1.35rem,3vw,1.7rem);font-weight:700;line-height:1.3}.story-row__title-en{font-family:var(--font-display);color:var(--sea);margin-top:.2rem;font-size:1.05rem}.story-row__summary{color:var(--ink-soft);max-width:54ch;margin-top:.45rem}.reader__top{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1.4rem;display:flex}.reader__controls{flex-wrap:wrap;gap:.5rem;display:flex}.reader__title{border-bottom:1px solid var(--line);margin-bottom:1.6rem;padding-bottom:1.2rem}.reader__theme{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-size:.8rem}.reader__title-ko{font-family:var(--font-ko);margin-top:.45rem;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.25}.reader__title-en{font-family:var(--font-display);color:var(--sea);margin-top:.25rem}.reader__hint{color:var(--ink-soft);margin-top:.85rem;font-size:.95rem}.reader__body{gap:.9rem;display:grid}.passage{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:.85rem .2rem;transition:background .18s}.passage:hover,.passage.is-open{background:#ffffff6b}.passage.is-speaking{box-shadow:inset 3px 0 0 var(--celadon);background:#4f8a7424}.passage.is-speaking .passage__ko{color:var(--celadon-deep)}.passage__word.is-speaking{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#4f8a7438;border-radius:6px;padding:.05rem .2rem}.speech-controls{border:1px solid var(--line);background:#ffffff73;border-radius:14px;gap:.75rem;margin-bottom:1.2rem;padding:.55rem .75rem;display:grid}.speech-controls--compact{margin-bottom:1rem}.speech-controls.is-open{padding:.75rem .85rem}.speech-controls__toggle{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.75rem;width:100%;padding:.2rem .1rem;display:flex}.speech-controls__toggle-copy{flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;display:flex}.speech-controls__badge{color:var(--celadon-deep);font-size:.92rem;font-weight:600}.speech-controls__chevron{width:1.75rem;height:1.75rem;color:var(--celadon-deep);background:#4f8a741f;border-radius:999px;flex-shrink:0;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.speech-controls__body{gap:.75rem;padding-top:.15rem;display:grid}.speech-controls__group{gap:.45rem;display:grid}.speech-controls__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.78rem;font-weight:600}.speech-controls__options{flex-wrap:wrap;gap:.45rem;display:flex}.review-dock{left:50%;bottom:max(.85rem, env(safe-area-inset-bottom,0px));z-index:25;background:var(--celadon-deep);color:#f4faf7;width:max-content;max-width:calc(100% - 2rem);box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;transform:translate(-50%)}.review-dock:hover{background:var(--celadon)}.app--review-dock .main{padding-bottom:5.5rem}.passage__art{aspect-ratio:16/7;object-fit:cover;border:1px solid var(--line);border-radius:14px;width:100%;margin-bottom:.85rem}.onboarding-tip{background:linear-gradient(135deg,#4f8a7414 0%,#4f8a741f 100%);border:1.5px solid #4f8a7433;border-radius:16px;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem;animation:.3s tip-fade-in;display:flex;position:relative}@keyframes tip-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.onboarding-tip__content{color:var(--ink);font-size:.95rem;line-height:1.5}.onboarding-tip__dismiss{background:var(--celadon-deep);color:#f4faf7;cursor:pointer;border:0;border-radius:8px;align-self:flex-end;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:background .18s}.onboarding-tip__dismiss:hover,.onboarding-tip__dismiss:focus{background:var(--celadon);outline:2px solid var(--celadon-deep);outline-offset:2px}.onboarding-tip--floating{z-index:24;width:max-content;max-width:calc(100% - 2rem);box-shadow:var(--shadow);background:#e4f0ea;border-color:#4f8a7473;position:fixed;bottom:6rem;left:50%;transform:translate(-50%)}.audio-fab{right:calc(1rem + env(safe-area-inset-right,0px));bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));z-index:23;background:var(--celadon-deep);color:#f4faf7;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;width:3.5rem;height:3.5rem;padding:0;transition:transform .16s,background .16s,box-shadow .16s;display:flex;position:fixed;box-shadow:0 4px 12px #121c1833}.audio-fab:hover{background:var(--celadon);transform:translateY(-2px);box-shadow:0 6px 16px #121c1840}.audio-fab:active{transform:translateY(0)}.audio-fab__indicator{background:var(--celadon);color:#f4faf7;border:2px solid var(--paper);letter-spacing:.02em;border-radius:999px;place-items:center;min-width:1.75rem;height:1.75rem;padding:0 .35rem;font-size:.7rem;font-weight:700;display:grid;position:absolute;top:-.25rem;right:-.25rem}.audio-popover{right:max(1rem, env(safe-area-inset-right,0px));bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:23;border:1px solid var(--line);background:#fbfdfc;border-radius:16px;width:min(280px,100vw - 2rem);padding:.85rem 1rem 1rem;animation:.24s cubic-bezier(.22,1,.36,1) both audio-popover-in;position:fixed;box-shadow:0 8px 24px #121c1833}@keyframes audio-popover-in{0%{opacity:0;transform:translateY(.5rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.audio-popover__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-bottom:.75rem;display:flex}.audio-popover__title{color:var(--ink);font-size:.95rem;font-weight:600}.audio-popover__close{width:1.5rem;height:1.5rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;padding:0;font-size:1.3rem;line-height:1;transition:background .15s,color .15s;display:grid}.audio-popover__close:hover{color:var(--ink);background:#4f8a741f}.audio-popover__group{gap:.5rem;display:grid}.audio-popover__group+.audio-popover__group{margin-top:.85rem}.audio-popover__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem;font-weight:600}.audio-popover__options{flex-wrap:wrap;gap:.45rem;display:flex}@media (width<=720px){.audio-popover{border-radius:20px 20px 0 0;width:100%;max-width:none;padding:1rem 1.25rem 1.5rem;animation:.28s cubic-bezier(.22,1,.36,1) both audio-sheet-up;position:fixed;bottom:0;left:0;right:0}@keyframes audio-sheet-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}.passage__ko{font-family:var(--font-ko);font-size:clamp(1.2rem,2.5vw,1.45rem);line-height:1.85}.passage__en{opacity:0;max-height:0;color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.6;transition:max-height .32s,opacity .24s,margin .24s;overflow:hidden}.passage__en.is-visible{opacity:1;max-height:220px;margin-top:.7rem}.hotword{color:var(--celadon-deep);-webkit-box-decoration-break:clone;box-decoration-break:clone;cursor:pointer;background:linear-gradient(#0000 72%,#4f8a7438 72%)}.hotword:hover{background:linear-gradient(#0000 65%,#4f8a7457 65%)}.reader__finish,.reader__complete{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.4rem}.reader__complete h3{font-family:var(--font-display);font-size:1.5rem}.reader__complete p{color:var(--ink-soft);margin-top:.35rem}.word-save-list{gap:.55rem;margin-top:1rem;display:grid}.word-save{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:.75rem;width:100%;padding:.8rem .95rem;display:grid}.word-save.is-saved{opacity:.7}.word-save__ko{font-family:var(--font-ko);font-size:1.15rem}.word-save__en{color:var(--ink-soft)}.word-save__action{color:var(--celadon-deep);font-size:.9rem}.word-sheet{z-index:40;background:#121c1859;place-items:center;padding:1rem;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.word-sheet__card{background:var(--surface-strong);border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;padding:1.4rem 1.3rem 1.2rem;animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up;position:relative}@media (width<=720px){.word-sheet{place-items:end center}.word-sheet__card{border-radius:20px 20px 16px 16px}}.word-sheet__close{color:var(--ink-soft);background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;top:.55rem;right:.7rem}.word-sheet__ko{font-family:var(--font-ko);font-size:2rem}.word-sheet__rom{color:var(--sea);margin-top:.2rem}.word-sheet__en{margin-top:.45rem;font-size:1.1rem}.word-sheet__actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.words__due{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.4rem;padding:1rem 0;display:flex}.words__due p{color:var(--ink-soft)}.notebook{gap:.75rem;display:grid}.notebook__row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 0;display:flex}.notebook__ko{font-family:var(--font-ko);font-size:1.3rem}.notebook__rom{color:var(--sea);font-size:.92rem}.notebook__en{color:var(--ink-soft)}.notebook__actions{flex-shrink:0;gap:.35rem;display:flex}.review-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);width:min(460px,100%);min-height:220px;box-shadow:var(--shadow);place-content:center;gap:.45rem;margin:.5rem 0 1.2rem;padding:2rem 1.4rem;transition:transform .2s;display:grid}.review-card:hover{transform:translateY(-2px)}.review-card__ko{font-family:var(--font-ko);font-size:clamp(2rem,6vw,2.8rem)}.review-card__rom{color:var(--sea)}.review-card__en{font-size:1.2rem}.review-card__prompt{color:var(--ink-soft)}.review__actions{flex-wrap:wrap;gap:.6rem;display:flex}.empty{color:var(--ink-soft);margin:1rem 0}.progress__actions{flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;display:flex}.progress__continue-title{color:var(--ink-soft);margin:-.6rem 0 1.4rem;font-size:.95rem}.progress__continue-title span{color:var(--sea)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);gap:.15rem;padding:1.1rem 1rem;display:grid}.stat__value{font-family:var(--font-display);color:var(--celadon-deep);font-size:1.9rem;font-weight:650}.stat__label{color:var(--ink-soft);font-size:.92rem}.progress__sync{border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1.4rem}.progress__sync h3{font-family:var(--font-display);font-size:1.3rem}.progress__sync p{color:var(--ink-soft);max-width:52ch;margin-top:.4rem}.progress__sync button{margin-top:1rem}.progress__error{color:#8a3030;background:#b43c3c14;border-radius:12px;margin-top:.8rem;padding:.75rem .9rem}.progress__audio{border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1.4rem}.progress__audio h3{font-family:var(--font-display);font-size:1.3rem}.progress__audio p{color:var(--ink-soft);max-width:52ch;margin-top:.4rem}.progress__audio-settings{gap:.85rem;margin-top:1rem;display:grid}.progress__audio-group{gap:.5rem;display:grid}.progress__audio-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.78rem;font-weight:600}.progress__audio-options{flex-wrap:wrap;gap:.5rem;display:flex}.stat--highlight{background:#4f8a741a;border-color:#4f8a7473}.progress__freeze{color:var(--sea);margin:0 0 1rem}.progress__goal{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:1.4rem;padding:1rem}.progress__goal-header{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.progress__goal-header h3{font-family:var(--font-display);font-size:1.15rem}.progress__goal-bar{background:var(--paper-deep);border-radius:999px;height:.6rem;margin-top:.75rem;overflow:hidden}.progress__goal-fill{border-radius:inherit;background:var(--celadon);height:100%;transition:width .24s}.progress__goal-text{color:var(--ink-soft);margin-top:.5rem;font-size:.92rem}.progress__goal-picker{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.progress__backup{border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1.4rem}.progress__backup h3{font-family:var(--font-display);font-size:1.3rem}.progress__backup p{color:var(--ink-soft);max-width:52ch;margin-top:.4rem}.progress__backup-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.progress__import-message{color:var(--celadon-deep);margin-top:.8rem}.reader__practice{margin-top:1.6rem}.match__hint{color:var(--ink-soft);margin-bottom:.85rem}.match__grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem;display:grid}.match__tile{border:1px solid var(--line);background:var(--surface);font-family:var(--font-ko);border-radius:12px;padding:.8rem .6rem;font-size:1rem;transition:background .15s,border-color .15s,transform .15s}.match__tile:hover{border-color:var(--celadon);transform:translateY(-1px)}.match__tile.is-selected{border-color:var(--celadon);background:#4f8a742e}.match__tile.is-wrong{background:#c44a3e29;border-color:#c44a3e}.match--done{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.match__congrats{font-family:var(--font-ko);color:var(--celadon-deep);font-size:1.15rem}.passage__row{align-items:flex-start;gap:.6rem;display:flex}.passage__row .passage__ko{flex:1}.passage__listen{border:1px solid var(--line);background:var(--surface);width:2rem;height:2rem;color:var(--celadon-deep);border-radius:50%;flex-shrink:0;place-items:center;margin-top:.45rem;transition:background .15s,border-color .15s;display:grid}.passage__listen:hover{border-color:var(--celadon);background:#4f8a7429}.passage__listen.is-active{background:var(--celadon);border-color:var(--celadon-deep);color:#f4faf7;animation:1.6s ease-in-out infinite listen-pulse}@keyframes listen-pulse{0%,to{box-shadow:0 0 #4f8a7459}50%{box-shadow:0 0 0 6px #4f8a7400}}.practice-tabs{flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;display:flex}.cloze__hint{color:var(--ink-soft);font-size:.92rem}.cloze__sentence{font-family:var(--font-ko);margin-top:.6rem;font-size:1.25rem;line-height:1.8}.cloze__translation{color:var(--ink-soft);margin-top:.4rem}.cloze__choices{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.55rem;margin-top:1rem;display:grid}.cloze__choice{border:1px solid var(--line);background:var(--surface);font-family:var(--font-ko);border-radius:12px;padding:.8rem .6rem;font-size:1.05rem;transition:background .15s,border-color .15s}.cloze__choice:hover{border-color:var(--celadon)}.cloze__choice.is-correct{border-color:var(--celadon-deep);background:#4f8a7433}.cloze__choice.is-wrong{background:#c44a3e29;border-color:#c44a3e}.cloze__actions{gap:.6rem;margin-top:1.1rem;display:flex}.cloze__score{font-family:var(--font-ko);color:var(--celadon-deep);font-size:1.15rem}.cloze--done{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.reader__quiz{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-top:1.4rem;padding:1.2rem 1.15rem}.reader__quiz h4{font-family:var(--font-display);margin:0 0 .75rem;font-size:1.15rem}.reader__save-hint{color:var(--ink-soft);margin-top:1.6rem}.quiz__hint{color:var(--ink-soft);font-size:.9rem}.quiz__question{margin-top:.4rem;font-size:1.05rem;font-weight:500}.quiz__options{gap:.5rem;margin-top:.9rem;display:grid}.quiz__option{text-align:left;border:1px solid var(--line);background:var(--surface-strong);border-radius:12px;padding:.7rem .9rem;transition:border-color .15s,background .15s}.quiz__option:hover{border-color:var(--celadon)}.quiz__option.is-correct{border-color:var(--celadon-deep);background:#4f8a7433}.quiz__option.is-wrong{background:#c44a3e29;border-color:#c44a3e}.quiz__actions{margin-top:1rem}.quiz__score{font-family:var(--font-ko);color:var(--celadon-deep);font-size:1.1rem}.quiz--done{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.quiz__results{margin-top:1rem}.quiz__results-summary{color:var(--ink-soft);font-size:.95rem}.listening-quiz{margin-top:1rem}.listening-quiz__controls{flex-wrap:wrap;gap:.6rem;margin-bottom:1.2rem;display:flex}.listening-quiz__romanization{color:var(--ink-soft);margin-bottom:.8rem;font-size:.9rem;font-style:italic}.builder__hint{color:var(--ink-soft);font-size:.92rem}.builder__toolbar{margin-top:.7rem}.builder__answer{border:1px dashed var(--line);background:#fff6;border-radius:14px;flex-wrap:wrap;align-items:center;gap:.45rem;min-height:3.4rem;margin-top:.9rem;padding:.65rem;transition:border-color .2s,background .2s;display:flex}.builder__answer.is-correct{border-color:var(--celadon-deep);background:#4f8a7424}.builder__answer.is-wrong{background:#c44a3e1a;border-color:#c44a3e}.builder__placeholder{color:var(--ink-soft);padding:0 .3rem}.builder__revealed{font-family:var(--font-ko);color:var(--celadon-deep);font-size:1.1rem}.builder__bank{flex-wrap:wrap;gap:.45rem;margin-top:.9rem;display:flex}.builder__tile{border:1px solid var(--line);background:var(--surface-strong);font-family:var(--font-ko);border-radius:12px;padding:.55rem .8rem;font-size:1.05rem;transition:transform .15s,border-color .15s}.builder__tile:hover{border-color:var(--celadon);transform:translateY(-1px)}.builder__tile.is-placed{background:#4f8a741f}.builder__actions{gap:.6rem;margin-top:1rem;display:flex}.builder__score{font-family:var(--font-ko);color:var(--celadon-deep);font-size:1.15rem}.builder--done{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.library__continue{background:#4f8a7414;border:1px solid #4f8a7440;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem 1rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:flex}.library__continue-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.78rem;font-weight:600}.library__continue-ko{font-family:var(--font-ko);color:var(--celadon-deep);margin-top:.2rem;font-size:1.15rem;font-weight:700}.library__continue-en{color:var(--sea);margin-top:.1rem}.library__count{color:var(--ink-soft);margin:-.4rem 0 1rem;font-size:.92rem}.library__controls{gap:.8rem;margin-bottom:1.4rem;display:grid}.library__search{border:1px solid var(--line);background:var(--surface-strong);width:100%;max-width:420px;color:var(--ink);border-radius:12px;padding:.7rem 1rem}.library__search::placeholder{color:var(--ink-soft)}.library__filter-group{gap:.45rem;display:grid}.library__filter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:.78rem;font-weight:600}.library__filters{flex-wrap:wrap;gap:.55rem;display:flex}.library__upgrade{background:#4f8a7414;border:1px solid #4f8a7440;border-radius:14px;gap:.85rem;margin-bottom:1.25rem;padding:1rem 1.1rem;display:grid}.library__upgrade p{color:var(--ink-soft);margin:0}.story-row--locked{opacity:.82}.story-row--locked .story-row__cover{filter:grayscale(.35)brightness(.92)}.story-row--read{opacity:.65}.story-row--read .story-row__title-ko,.story-row--read .story-row__title-en{color:var(--ink-soft)}.story-row--read .story-row__cover{filter:grayscale(.5)brightness(.88);opacity:.8}.story-row__lock{letter-spacing:.04em;text-transform:uppercase;color:#8a5a2b;background:#8a5a2b1f;border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:600}.topbar__nav-link--accent{color:var(--celadon-deep);background:#4f8a7424}.paywall__price{text-align:center;margin:1.5rem 0}.paywall__amount{font-family:var(--font-display);color:var(--celadon-deep);margin:0;font-size:2.6rem;font-weight:700}.paywall__once{color:var(--ink-soft);margin:.35rem 0 0}.paywall__features{color:var(--ink-soft);gap:.45rem;margin:0 0 1.5rem;padding-left:1.2rem;display:grid}.paywall__actions{justify-items:start;gap:.65rem;display:grid}.paywall__success{color:#155724;background:#d4edda;border-radius:.5rem;margin:0 0 1rem;padding:.75rem .9rem;font-size:.95rem;line-height:1.4}.paywall__toast{z-index:60;left:1rem;right:1rem;bottom:max(1.25rem, env(safe-area-inset-bottom,0px) + .75rem);color:#f3faf5;pointer-events:auto;background:#1f3d2f;border-radius:.65rem;align-items:flex-start;gap:.65rem;width:min(22rem,100% - 2rem);margin-inline:auto;padding:.85rem .75rem .85rem 1rem;font-size:.95rem;line-height:1.4;animation:.32s cubic-bezier(.22,1,.36,1) both paywall-toast-in;display:flex;position:fixed;box-shadow:0 10px 28px #12281c47}.paywall__toast-message{text-align:left;flex:1;margin:0}.paywall__toast-close{width:1.75rem;height:1.75rem;color:inherit;cursor:pointer;opacity:.85;background:0 0;border:0;border-radius:999px;flex-shrink:0;margin:-.2rem -.15rem 0 0;padding:0;font-size:1.35rem;line-height:1}.paywall__toast-close:hover,.paywall__toast-close:focus-visible{opacity:1;background:#ffffff1f;outline:none}@keyframes paywall-toast-in{0%{opacity:0;transform:translateY(.85rem)}to{opacity:1;transform:translateY(0)}}.paywall__error{color:#8a3030;background:#b43c3c14;border-radius:12px;margin:0 0 1rem;padding:.75rem .9rem}.paywall__note,.paywall__store-note{color:var(--ink-soft);margin:0;font-size:.92rem}.paywall__store-note{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.paywall__pricing-options{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.paywall__pricing-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;flex-direction:column;gap:1.2rem;padding:1.5rem 1.3rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.paywall__pricing-card:hover{border-color:#4f8a7466;transform:translateY(-2px)}.paywall__pricing-card--recommended{border-color:var(--celadon);background:#4f8a740a;border-width:2px}.paywall__pricing-card--recommended:hover{border-color:var(--celadon-deep);box-shadow:0 4px 16px #4f8a7426}.paywall__pricing-badge{background:var(--celadon-deep);color:#f4faf7;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.35rem .9rem;font-size:.75rem;font-weight:700;position:absolute;top:-.7rem;right:1rem}.paywall__pricing-body{flex-direction:column;flex:1;gap:.4rem;display:flex}.paywall__pricing-label{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.4rem;font-weight:650}.paywall__pricing-price{font-family:var(--font-display);color:var(--celadon-deep);margin:0;font-size:2rem;font-weight:700;line-height:1.1}.paywall__pricing-desc{color:var(--ink-soft);margin:0;font-size:.9rem}.paywall__single-story{border-bottom:1px solid var(--line);margin-bottom:1.25rem;padding-bottom:1.25rem}.paywall__single-story .btn{justify-content:center;width:100%}.paywall__or{text-align:center;color:var(--ink-soft);margin:.85rem 0 0;font-size:.9rem}.paywall__legal a{color:var(--ink-soft)}.legal__body{color:var(--ink-soft);gap:.85rem;line-height:1.55;display:grid}.legal__body h3{color:var(--ink);font-family:var(--font-display);margin:1rem 0 0;font-size:1.1rem}.legal__body ul{gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.legal__body a{color:var(--celadon-deep)}.legal__footer{margin-top:2rem}.legal-footer{border-top:1px solid var(--line);text-align:center;margin-top:2.5rem;padding:1rem 0 .5rem}.legal-footer__link{color:var(--ink-soft);font-size:.84rem;text-decoration:none}.legal-footer__link:hover{color:var(--ink)}.legal-footer__sep,.paywall__legal-sep{color:var(--ink-soft);font-size:.84rem}.progress__account-note{color:var(--ink-soft);max-width:62ch;margin-top:.9rem}.progress__account-note a{color:var(--celadon-deep)}.reader__cover{aspect-ratio:16/7;object-fit:cover;border:1px solid var(--line);border-radius:14px;width:100%;margin-bottom:1.4rem}.hangul__section{margin-top:1.8rem}.hangul__section h3{font-family:var(--font-display);font-size:1.25rem}.hangul__description{color:var(--ink-soft);margin-top:.3rem;font-size:.95rem}.hangul__grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.55rem;margin-top:.9rem;display:grid}.hangul__tile{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-items:center;gap:.1rem;padding:.75rem .4rem;transition:background .15s,border-color .15s,transform .15s;display:grid}.hangul__tile:hover{border-color:var(--celadon);background:#4f8a741a;transform:translateY(-1px)}.hangul__char{font-family:var(--font-ko);color:var(--celadon-deep);font-size:1.7rem;font-weight:700}.hangul__roman{color:var(--ink-soft);font-size:.85rem}.hangul__sample{font-family:var(--font-ko);font-size:.95rem}.hangul__footnote{color:var(--ink-soft);margin-top:2rem;font-size:.9rem}.phrases__tabs{margin-top:.5rem}.phrases__section{margin-top:1.8rem}.phrases__section h3{font-family:var(--font-display);font-size:1.25rem}.phrases__description{color:var(--ink-soft);margin-top:.3rem;font-size:.95rem}.phrases__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.55rem;margin-top:.9rem;display:grid}.phrases__card{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-items:start;gap:.35rem;padding:.85rem .9rem .55rem;transition:background .15s,border-color .15s,transform .15s;display:grid}.phrases__card:hover{border-color:var(--celadon);background:#4f8a741a;transform:translateY(-1px)}.phrases__card-hear{text-align:left;background:0 0;border:0;justify-items:start;gap:.15rem;width:100%;padding:0;display:grid}.phrases__list{gap:.45rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.phrases__row{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 1rem;transition:background .15s,border-color .15s;display:flex}.phrases__row:hover{border-color:var(--celadon);background:#4f8a7414}.phrases__row-hear{text-align:left;background:0 0;border:0;gap:0;min-width:0;padding:0;display:grid}.phrases__row-actions{flex-shrink:0;justify-items:end;gap:.15rem;display:grid}.phrases__save{color:var(--celadon-deep);padding:.15rem 0;font-size:.85rem;font-weight:600}.phrases__save:disabled{opacity:.65;cursor:default;transform:none}.phrases__ko{font-family:var(--font-ko);color:var(--celadon-deep);font-size:1.1rem;font-weight:600}.phrases__rom{color:var(--ink-soft);margin-top:.1rem;font-size:.85rem}.phrases__en{color:var(--ink);margin-top:.15rem;font-size:.92rem}.phrases__hear{color:var(--celadon-deep);flex-shrink:0;padding:.15rem 0;font-size:.85rem;font-weight:600}.phrases__conversation{border:1px solid var(--line);background:var(--surface);border-radius:16px;overflow:hidden}.phrases__conversation+.phrases__conversation{margin-top:.75rem}.phrases__conversation-toggle{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.1rem;display:flex}.phrases__conversation-toggle h3{font-family:var(--font-display);font-size:1.1rem}.phrases__conversation-toggle p{color:var(--ink-soft);margin-top:.25rem;font-size:.92rem}.phrases__conversation-chevron{width:1.75rem;height:1.75rem;color:var(--celadon-deep);background:#4f8a741f;border-radius:999px;flex-shrink:0;place-items:center;font-size:1.1rem;font-weight:700;display:grid}.phrases__dialogue{gap:.65rem;padding:0 1rem 1rem;display:grid}.phrases__bubble{gap:.2rem;max-width:92%;display:grid}.phrases__bubble--you{justify-self:end}.phrases__bubble--you .phrases__bubble-text{background:#4f8a7424;border-color:#4f8a7459}.phrases__speaker{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.78rem;font-weight:600}.phrases__bubble--you .phrases__speaker{text-align:right}.phrases__bubble-card{justify-items:start;gap:.15rem;display:grid}.phrases__bubble-text{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:14px;gap:.1rem;width:100%;padding:.75rem .9rem;transition:border-color .15s,background .15s;display:grid}.phrases__bubble-text:hover{border-color:var(--celadon);background:#4f8a7414}.phrases__bubble-card .phrases__save{padding-left:.9rem}.phrases__play-all{justify-self:start;margin-top:.35rem}.phrases__footnote{color:var(--ink-soft);margin-top:2rem;font-size:.9rem}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mist-drift{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.08)translate(-1.5%,-1%)}}@media (width<=720px){.hero__content{margin-bottom:8vh}.main{width:100%;padding-left:1rem;padding-right:1rem}.topbar{gap:.45rem;width:100%;padding:.7rem 1rem}.topbar__brand .brand__en{display:none}.topbar__brand .brand__ko{font-size:1.2rem}.topbar__nav{flex:100%;order:3;justify-content:flex-start}.topbar__settings{order:2}.topbar__nav button,.topbar__nav-link{padding:.35rem .55rem;font-size:.84rem}.library__search{max-width:none}.story-row{grid-template-columns:1fr}.story-row__cover{aspect-ratio:16/8;order:-1}.word-save{grid-template-columns:1fr;gap:.2rem}.notebook__row{flex-direction:column;align-items:flex-start}.paywall__pricing-options{grid-template-columns:1fr}.paywall__pricing-card{padding:1.3rem 1.1rem}}.error-boundary{background:var(--paper);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.error-boundary__content{text-align:center;max-width:480px}.error-boundary__title{color:var(--ink);margin:0 0 1rem;font-size:1.75rem}.error-boundary__message{color:var(--ink-soft);margin:0 0 2rem;line-height:1.6}.error-boundary__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.analytics-consent{z-index:100;background:linear-gradient(to top, var(--paper) 70%, transparent);padding:1rem;animation:.3s ease-out slideUp;position:fixed;bottom:0;left:0;right:0}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.analytics-consent__card{border:1px solid var(--line);background:#fbfdfc;border-radius:12px;max-width:600px;margin:0 auto;padding:1.2rem 1.5rem;box-shadow:0 4px 16px #0000001a}.analytics-consent__message{color:var(--ink);margin:0 0 1rem;font-size:.95rem;line-height:1.5}.analytics-consent__link{color:var(--celadon-deep);text-decoration:underline}.analytics-consent__actions{flex-wrap:wrap;gap:.75rem;display:flex}.analytics-consent .btn--ghost{color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#18241f47}.analytics-consent .btn--ghost:hover{background:var(--paper-deep)}@media (width<=600px){.analytics-consent{padding:.75rem}.analytics-consent__card{padding:1rem}.analytics-consent__message{font-size:.9rem}.analytics-consent__actions{flex-direction:column}.analytics-consent__actions .btn{width:100%}}.practice-home{gap:1rem;margin:2rem 0;display:grid}@media (width>=640px){.practice-home{grid-template-columns:repeat(2,1fr)}}.practice-home__card{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:16px;flex-direction:column;gap:.75rem;padding:1.25rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.practice-home__card:hover{border-color:var(--celadon);transform:translateY(-2px);box-shadow:0 4px 12px #4f8a7426}.practice-home__card:focus{outline:2px solid var(--celadon);outline-offset:2px}.practice-home__card:active{transform:translateY(0)}.practice-home__image{object-fit:cover;border:1px solid var(--line);border-radius:12px;flex-shrink:0;width:72px;height:72px}.practice-home__icon{margin-bottom:.5rem;font-size:3rem}.practice-home__card h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:1.25rem;font-weight:650}.practice-home__card p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.5}.practice-home__progress{color:var(--celadon-deep);background:#4f8a741a;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.88rem;font-weight:600}.practice-home__tips{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-top:2rem;padding:1.5rem}.practice-home__tips-heading,.practice-home__tips h3{font-family:var(--font-display);color:var(--ink);margin:0 0 1rem;font-size:1.1rem;font-weight:650}.practice-home__tips ul{color:var(--ink-soft);margin:0;padding-left:1.5rem;line-height:1.7}.practice-home__tips li{margin-bottom:.5rem}.game-menu{padding:1rem 0}.game-menu__header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.game-menu__header h2{margin:0;font-size:1.5rem}.game-menu__description{color:var(--ink-soft);margin:0 0 2rem;line-height:1.6}.game-menu__modes{flex-direction:column;gap:1.5rem;display:flex}.game-menu__category{flex-direction:column;gap:1rem;display:flex}.game-menu__category-title{color:var(--ink);margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.game-menu__card{border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;padding:1.5rem;transition:all .18s}.game-menu__card:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 2px 8px #4f8a741f}.game-menu__card h3,.game-menu__card h4{color:var(--ink);margin:0 0 .5rem;font-size:1.15rem}.game-menu__card p{color:var(--ink-soft);margin:0;font-size:.9rem}.game-menu__card--compact{padding:1.25rem}.game-menu__card--compact h4{font-size:1rem}.game-round{flex-direction:column;min-height:500px;padding:1rem 0;display:flex}.game-round__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.game-round__progress{color:var(--ink-soft);font-weight:600}.game-round__stats{align-items:center;gap:1.5rem;display:flex}.game-round__score{color:var(--ink);font-weight:600}.game-round__streak{color:var(--accent);font-size:1.1rem;font-weight:700}.game-round__content{flex-direction:column;flex:1;gap:2rem;display:flex}.game-round__prompt{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.game-round__prompt h3{color:var(--ink);margin:0;font-size:1.5rem;font-weight:600}.game-round__choices{gap:1rem;width:100%;max-width:600px;margin:0 auto;display:grid}@media (width>=640px){.game-round__choices{grid-template-columns:repeat(2,1fr)}}.game-round__choice{border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:80px;padding:1.5rem;font-size:1.1rem;font-weight:500;transition:all .18s;display:flex}.game-round__choice:hover:not(:disabled){border-color:var(--accent);transform:scale(1.02);box-shadow:0 2px 8px #4f8a7426}.game-round__choice.is-selected{border-color:var(--accent);background:#4f8a7414}.game-round__choice.is-correct{background:#4caf501a;border-color:#4caf50;animation:.4s correctPulse}.game-round__choice.is-wrong{background:#f443361a;border-color:#f44336;animation:.4s shake}@keyframes correctPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.game-round__choice:disabled{cursor:default;opacity:.7}.game-round__feedback{text-align:center;border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.game-round__feedback.is-correct{background:#4caf501a;border:2px solid #4caf50}.game-round__feedback.is-wrong{background:#f443361a;border:2px solid #f44336}.game-round__feedback p{color:var(--ink);margin:0;font-size:1.1rem;font-weight:500}.game-results{text-align:center;max-width:500px;margin:0 auto;padding:2rem 0}.game-results h2{color:var(--ink);margin:0 0 2rem;font-size:1.75rem}.game-results__stats{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.game-results__stat{background:var(--surface);border:2px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.game-results__label{text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);font-size:.88rem;font-weight:600}.game-results__value{color:var(--ink);font-size:2rem;font-weight:700}.game-results__percentage{color:var(--accent);font-size:1.25rem;font-weight:600}.game-results__actions{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.game-results__actions{flex-direction:row}}.typing-round{margin-top:1rem}.typing-round__card{background:var(--surface);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem 1.5rem;display:flex}.typing-round__prompt{text-align:center;background:var(--paper);border-radius:12px;padding:1.5rem 1rem}.typing-round__label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .5rem;font-size:.75rem;font-weight:600}.typing-round__english{color:var(--ink);margin:0 0 .5rem;font-size:1.5rem;font-weight:600;line-height:1.3}.typing-round__romanization{color:var(--sea);margin:0;font-size:1rem;font-style:italic}.typing-round__hear-btn{align-self:center;min-width:140px}.typing-round__form{flex-direction:column;gap:1.25rem;display:flex}.typing-round__input-wrapper{flex-direction:column;gap:.5rem;display:flex;position:relative}.typing-round__input-label{color:var(--ink-soft);margin:0;font-size:.85rem;font-weight:600}.typing-round__input{width:100%;font-family:var(--font-ko);border:2px solid var(--line);background:var(--paper);color:var(--ink);border-radius:12px;padding:1rem 1.25rem;font-size:1.3rem;line-height:1.4;transition:border-color .2s,box-shadow .2s}.typing-round__input:focus{border-color:var(--celadon);outline:none;box-shadow:0 0 0 3px #4f8a741f}.typing-round__input::placeholder{color:var(--ink-soft);opacity:.5}.typing-round__progress{background:var(--paper-deep);border-radius:999px;height:4px;overflow:hidden}.typing-round__progress-bar{background:var(--celadon);border-radius:inherit;height:100%;transition:width .3s}.typing-round__actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.typing-round__actions .btn{justify-content:center;min-height:48px;font-size:1rem;font-weight:600}.typing-round__hint{background:#4f8a7414;border:1px solid #4f8a7433;border-radius:12px;padding:1rem 1.25rem}.typing-round__hint p{color:var(--ink);margin:0;line-height:1.5}.typing-tip{z-index:40;background:#121c1859;place-items:center;padding:1rem;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.typing-tip__content{background:var(--surface-strong);border:1px solid var(--line);max-width:480px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up;display:flex}.typing-tip__content p{margin:0;line-height:1.6}.typing-tip__content strong{color:var(--ink)}.typing-tip__content .btn{align-self:flex-end;margin-top:.5rem}.typing-results{margin-top:1rem}.typing-results__header{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.typing-results__header h3{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.5rem}.typing-results__score{color:var(--ink);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.typing-results__badge{color:var(--celadon-deep);margin:0;font-size:1.1rem}.typing-results__best{color:var(--ink-soft);margin:0;font-size:.95rem}.typing-results__list{gap:.75rem;margin-bottom:1.5rem;display:grid}.typing-results__item{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;transition:border-color .15s;display:grid}.typing-results__item:hover{border-color:var(--celadon)}.typing-results__item.is-correct{background:#4f8a740d;border-color:#4f8a7466}.typing-results__item.is-incorrect{background:#e74c3c0d;border-color:#e74c3c66}.typing-results__icon{font-size:1.5rem;line-height:1}.typing-results__item.is-correct .typing-results__icon{color:var(--celadon-deep)}.typing-results__item.is-incorrect .typing-results__icon{color:#e74c3c}.typing-results__item-header{grid-column:1/3;align-items:center;gap:.5rem;display:flex}.typing-results__english{color:var(--ink);font-size:1rem}.typing-results__item-answer{flex-direction:column;grid-column:1/3;gap:.25rem;display:flex}.typing-results__korean{font-family:var(--font-ko), sans-serif;color:var(--ink);font-size:1.25rem;font-weight:700}.typing-results__user-input{font-family:var(--font-ko), sans-serif;color:#e74c3c;font-size:1.05rem;font-style:italic}.typing-results__hear{grid-area:1/3/3;min-width:44px;min-height:44px;padding:.5rem .75rem}.typing-results__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=600px){.typing-round__card{padding:1.5rem 1.25rem}.typing-round__english{font-size:1.25rem}.typing-round__input{padding:.875rem 1rem;font-size:1.1rem}.typing-round__actions{grid-template-columns:1fr}.typing-tip__content{padding:1.25rem}.typing-results__item{grid-template-columns:1fr auto;padding:1rem}.typing-results__item-header,.typing-results__item-answer{grid-column:1/2}.typing-results__hear{grid-area:1/2/3}}.speaking-practice__card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.speaking-practice__permission-notice{background:#4f8a7414;border:1px solid #4f8a7433;border-radius:12px;flex-direction:column;gap:1rem;padding:1rem 1.25rem;display:flex}.speaking-practice__help-text{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.6}.speaking-practice__help-text p{margin:0 0 .5rem}.speaking-practice__help-text ol{color:var(--ink);margin:.5rem 0 0;padding-left:1.5rem}.speaking-practice__help-text li{margin-bottom:.35rem}.speaking-practice__target{text-align:center;background:var(--paper);border-radius:8px;padding:1rem}.speaking-practice__ko{font-family:var(--font-ko);color:var(--ink);margin:0 0 .5rem;font-size:2rem;font-weight:600}.speaking-practice__en{color:var(--ink-soft);margin:0;font-size:1rem}.speaking-practice__play{align-self:center;font-size:1.1rem}.speaking-practice__record{flex-direction:column;align-items:center;gap:1rem;display:flex}.speaking-practice__mic-btn{min-width:160px;padding:1rem 2rem;font-size:1.2rem}.speaking-practice__mic-btn.is-recording{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.speaking-practice__interim{font-family:var(--font-ko);color:var(--ink-soft);text-align:center;min-height:1.5rem;font-size:1.1rem}.speaking-practice__feedback{flex-direction:column;gap:1rem;display:flex}.speaking-practice__score{background:var(--paper);border-radius:8px;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;display:flex}.speaking-practice__score-value{color:var(--accent);font-size:2.5rem;font-weight:700}.speaking-practice__score-label{color:var(--ink);font-size:1.1rem;font-weight:600}.speaking-practice__comparison{flex-direction:column;gap:.75rem;display:flex}.speaking-practice__comparison-row{flex-direction:column;gap:.25rem;display:flex}.speaking-practice__label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.speaking-practice__highlight{font-family:var(--font-ko);font-size:1.3rem;line-height:1.6}.speaking-practice__highlight .match{color:var(--accent)}.speaking-practice__highlight .mismatch{color:var(--red);-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.speaking-practice__error{color:var(--red);text-align:center;background:color-mix(in srgb, var(--red) 10%, transparent);border-radius:6px;margin:0;padding:.75rem;font-size:.9rem}.speaking-practice__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=600px){.speaking-practice__ko{font-size:1.5rem}.speaking-practice__score-value{font-size:2rem}.speaking-practice__highlight{font-size:1.1rem}.speaking-practice__actions{flex-direction:column}.speaking-practice__actions .btn{width:100%}}.pre-lesson-prompt{justify-content:center;align-items:center;min-height:60vh;display:flex}.pre-lesson-prompt__content{text-align:center;gap:2rem;max-width:540px;display:grid}.pre-lesson-prompt__header{gap:.5rem;display:grid}.pre-lesson-prompt__title-ko{font-family:var(--font-ko);color:var(--ink);font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.25}.pre-lesson-prompt__title-en{font-family:var(--font-display);color:var(--sea);font-size:1.15rem}.pre-lesson-prompt__meta{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-top:.5rem;font-size:.88rem}.pre-lesson-prompt__actions{gap:.75rem;display:grid}.pre-lesson-prompt__learn{min-height:3rem;font-size:1.05rem}.pre-lesson-prompt__skip{font-size:.95rem}.pre-lesson__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.pre-lesson__progress{color:var(--ink-soft);font-size:.88rem;font-weight:600}.pre-lesson__content{gap:2rem;max-width:600px;margin:0 auto;display:grid}.pre-lesson__card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow);text-align:center;gap:1rem;padding:2rem 1.5rem;display:grid}.pre-lesson__ko{font-family:var(--font-ko);color:var(--ink);font-size:clamp(2rem,6vw,2.8rem);font-weight:600}.pre-lesson__rom{color:var(--sea);margin-top:-.5rem;font-size:1.05rem}.pre-lesson__en{color:var(--ink);font-size:1.3rem}.pre-lesson__example{background:var(--paper);text-align:left;border-radius:12px;margin-top:.5rem;padding:1rem}.pre-lesson__example-label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem;font-size:.78rem;font-weight:600}.pre-lesson__example-text{font-family:var(--font-ko);color:var(--ink);font-size:1.1rem;line-height:1.7}.pre-lesson__hear{justify-self:center;min-width:140px}.pre-lesson__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.pre-lesson__actions .btn{min-width:120px}.pre-lesson__quiz{text-align:center;gap:1.5rem;max-width:600px;margin:0 auto;display:grid}.pre-lesson__quiz-prompt{font-family:var(--font-display);color:var(--ink);font-size:1.3rem;font-weight:600}.pre-lesson__quiz-word{font-family:var(--font-ko);color:var(--celadon-deep);font-size:clamp(2rem,6vw,2.8rem);font-weight:600}.pre-lesson__quiz-rom{color:var(--sea);margin-top:-1rem;font-size:1.05rem}.pre-lesson__quiz-options{gap:.75rem;margin-top:1rem;display:grid}.pre-lesson__quiz-option{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:12px;width:100%;min-height:3rem;padding:1rem 1.2rem;font-size:1.05rem;transition:background .15s,border-color .15s,transform .15s}.pre-lesson__quiz-option:hover:not(:disabled){border-color:var(--celadon);transform:translateY(-1px)}.pre-lesson__quiz-option:disabled{cursor:default}.pre-lesson__quiz-option.is-correct{border-color:var(--celadon-deep);background:#4f8a7433}.pre-lesson__quiz-option.is-wrong{background:#c44a3e29;border-color:#c44a3e}.pre-lesson__quiz-feedback{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:1rem;padding:1.5rem;display:grid}.pre-lesson__quiz-feedback p{color:var(--ink);font-size:1.15rem;font-weight:600}.pre-lesson__complete{text-align:center;gap:2rem;max-width:600px;margin:0 auto;display:grid}.pre-lesson__complete h3{font-family:var(--font-display);color:var(--ink);font-size:1.8rem}.pre-lesson__complete p{color:var(--ink-soft);margin-top:-1rem;font-size:1.05rem}.pre-lesson__save-words{text-align:center}.pre-lesson__save-words h4{font-family:var(--font-display);color:var(--ink);margin-bottom:1rem;font-size:1.15rem}.pre-lesson__word-list{gap:.55rem;display:grid}.pre-lesson__start{justify-self:center;min-width:200px;padding:.85rem 1.5rem;font-size:1.05rem}@media (width<=720px){.pre-lesson-prompt__content{padding:1rem}.pre-lesson__card{padding:1.5rem 1rem}.pre-lesson__actions{flex-direction:column}.pre-lesson__actions .btn{width:100%}}.settings__section{border-top:1px solid var(--line);margin-top:2.2rem;padding-top:1.4rem}.settings__section:first-of-type{border-top:none;margin-top:0;padding-top:0}.settings__section-title{font-family:var(--font-display);margin:0 0 .9rem;font-size:1.3rem}.settings__subsection{margin-top:1.2rem}.settings__subsection:first-of-type{margin-top:.6rem}.settings__text{color:var(--ink);max-width:52ch;margin:0 0 1rem;line-height:1.5}.settings__help-text{color:var(--ink-soft);max-width:52ch;margin:.5rem 0 1rem;font-size:.9rem}.settings__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:block}.settings__button-group{flex-wrap:wrap;gap:.5rem;display:flex}.settings__actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.settings__toggle-row{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 0;display:flex}.settings__toggle-label{color:var(--ink);font-size:1rem;font-weight:500}.settings__toggle{background:var(--paper-deep);border:1px solid var(--line);cursor:pointer;border-radius:999px;flex-shrink:0;width:3rem;height:1.75rem;padding:0;transition:background .18s,border-color .18s;position:relative}.settings__toggle:hover{background:var(--mist)}.settings__toggle.is-active{background:var(--celadon);border-color:var(--celadon-deep)}.settings__toggle-slider{background:var(--surface-strong);border-radius:50%;width:1.35rem;height:1.35rem;transition:transform .18s;position:absolute;top:.125rem;left:.125rem;box-shadow:0 1px 3px #18241f1f}.settings__toggle.is-active .settings__toggle-slider{transform:translate(1.25rem)}.settings__time-picker{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:1rem;padding:1rem}.settings__time-inputs{align-items:center;gap:.5rem;display:flex}.settings__time-input{border:1px solid var(--line);background:var(--paper);width:4rem;color:var(--ink);font-family:var(--font-ui);text-align:center;border-radius:8px;padding:.6rem .8rem;font-size:1rem}.settings__time-input:focus{outline:2px solid var(--celadon);outline-offset:2px;border-color:var(--celadon)}.settings__time-separator{color:var(--ink);font-size:1.2rem;font-weight:700}.settings__link-list{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.settings__link{color:var(--celadon-deep);width:fit-content;font-weight:500;text-decoration:none;transition:color .15s}.settings__link:hover{color:var(--celadon);text-decoration:underline}.settings__error{color:#8a3030;background:#b43c3c14;border-radius:12px;margin:.8rem 0 0;padding:.75rem .9rem;font-size:.92rem}.settings__success{color:var(--celadon-deep);margin:.8rem 0 0;font-size:.92rem}.settings__info{color:var(--ink-soft);background:#4f8a7414;border-radius:12px;margin:.8rem 0 0;padding:.75rem .9rem;font-size:.9rem}@media (width<=720px){.settings__toggle-row{padding:.7rem 0}.settings__time-picker{padding:.85rem}.settings__time-input{width:3.5rem;padding:.5rem .6rem}}