@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;600;700;800&display=swap";:root{font-family:Noto Sans SC,Noto Sans KR,sans-serif;color:#222820;background:#f7f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}.app-shell{display:flex;min-height:100vh;background:#f7f4ed}.sidebar{width:248px;background:#1e2823;color:#f4f1e9;padding:30px 20px 24px;display:flex;flex-direction:column;flex-shrink:0}.brand,.mobile-brand{display:flex;gap:11px;align-items:center}.brand-mark{width:34px;height:34px;border-radius:11px;background:#e5ac62;color:#1e2823;display:grid;place-items:center;font-family:Noto Sans KR;font-size:22px;font-weight:800}.brand strong{display:block;font-family:Noto Sans KR;font-size:20px;letter-spacing:-1px}.brand small{display:block;color:#95a49c;font:500 9px DM Mono;letter-spacing:1.1px;margin-top:1px}.sidebar-note{border-top:1px solid #3c4942;border-bottom:1px solid #3c4942;margin:48px 0 25px;padding:15px 2px;display:flex;gap:9px;color:#aebbb3;font-size:11px;line-height:1.7}.sidebar-note svg{color:#e5ac62;margin-top:3px}.sidebar-note b{color:#f2ede2;font-weight:600}.sidebar nav{display:grid;gap:5px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;color:#9caaa1;text-align:left;padding:12px 13px;border-radius:9px;font-size:13px}.nav-item:hover{color:#fff;background:#2a3730}.nav-item.active{color:#fff;background:#334239}.nav-item.active svg{color:#e5ac62}.nav-item i{position:absolute;right:12px;width:5px;height:5px;background:#e5ac62;border-radius:50%}.sidebar-bottom{margin-top:auto}.streak{border:1px solid #3d4b43;border-radius:10px;padding:13px 14px;margin-bottom:15px}.streak span{font-size:11px;color:#9caaa1}.streak strong{display:block;font-size:24px;margin:5px 0 10px}.streak em{font-style:normal;font-size:11px;color:#aebbb3;font-weight:400}.streak-dots{display:flex;gap:5px}.streak-dots b{width:15px;height:4px;border-radius:4px;background:#e5ac62}.streak-dots b.muted{background:#526158}.privacy{color:#718178;font-size:10px;display:flex;align-items:center;gap:6px}.main{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid #e8e3d9;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#8c958d}.breadcrumb span{margin:0 8px;color:#c2c2b9}.top-actions{display:flex;align-items:center;gap:18px}.level-pill{border:1px solid #dedad0;border-radius:30px;padding:7px 12px;color:#69756d;font-size:11px;display:flex;align-items:center;gap:6px}.level-dot{width:6px;height:6px;border-radius:50%;background:#e5ac62}.avatar{width:30px;height:30px;border-radius:50%;background:#ddc995;color:#5c553d;display:grid;place-items:center;font:600 11px DM Mono}.mobile-brand{display:none}.page{padding:42px max(42px,calc((100vw - 1100px)/2));max-width:1300px;margin:auto}.eyebrow{font:500 10px DM Mono;letter-spacing:1.1px;color:#9a7b50}.hero{min-height:380px;background:#eee9de;border-radius:18px;display:flex;overflow:hidden;position:relative;padding:54px 60px;margin-bottom:28px}.hero-copy{position:relative;z-index:2}.hero h1{font-family:Noto Sans KR;font-size:49px;letter-spacing:-3px;line-height:1.19;margin:17px 0 18px;color:#24332a}.hero h1 i{font-style:normal;color:#b87e3d}.hero p{color:#707970;font-size:14px;line-height:1.9;margin:0 0 28px}.primary{display:inline-flex;align-items:center;gap:9px;background:#d9944c;color:#fff;padding:13px 18px;border-radius:7px;font-size:12px;font-weight:600;box-shadow:0 7px 15px #d9944c26}.primary:hover{background:#c9823c;transform:translateY(-1px)}.hero-visual{position:absolute;right:5%;top:0;width:440px;height:100%;overflow:hidden}.hangul-orb{position:absolute;width:218px;height:218px;right:94px;top:77px;border-radius:50%;background:#293a31;display:grid;place-content:center;text-align:center;color:#f4dfb0;box-shadow:0 0 0 22px #293a3112,0 0 0 50px #293a3108}.hangul-orb span{font:800 96px Noto Sans KR;line-height:1}.hangul-orb small{font:9px DM Mono;letter-spacing:2px;color:#d5baa0;margin-top:9px}.orbit{position:absolute;border:1px solid #c9b68d;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:340px;height:110px;right:36px;top:125px}.orbit-two{width:420px;height:160px;right:-3px;top:98px;transform:rotate(42deg)}.floating-card{position:absolute;background:#fffdf8;box-shadow:0 12px 27px #554a3a20;border-radius:10px;padding:11px 14px;display:grid;grid-template-columns:auto auto;column-gap:9px;align-items:center}.floating-card b{font:700 27px Noto Sans KR;grid-row:span 2;color:#293a31}.floating-card span{font:500 12px DM Mono;color:#708077}.floating-card em{font-style:normal;font-size:9px;color:#b07d46}.card-top{right:22px;top:70px;transform:rotate(6deg)}.card-bottom{right:30px;bottom:57px;transform:rotate(-5deg)}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin:0 4px 27px}.welcome-row h2{margin:8px 0 5px;font:700 23px Noto Sans KR;letter-spacing:-1px;color:#27352d}.welcome-row h2 span{font-size:19px}.welcome-row p{margin:0;color:#8c948d;font-size:12px}.progress-ring{width:75px;height:75px;border-radius:50%;background:conic-gradient(#d9944c var(--value),#e8e3d9 0);display:grid;place-items:center;position:relative}.progress-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#f7f4ed}.progress-ring>div{position:relative;text-align:center}.progress-ring strong{display:block;font:700 17px DM Mono;color:#314138}.progress-ring span{font-size:8px;color:#91988e}.home-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.routine-card,.stats-card{background:#fffdf8;border:1px solid #e7e1d5;border-radius:13px;padding:25px}.card-heading{display:flex;justify-content:space-between;align-items:start}.card-heading h3{margin:8px 0 0;font:700 19px Noto Sans KR;letter-spacing:-1px}.date-pill{font:500 10px DM Mono;color:#aa7944;border:1px solid #e9d4b9;border-radius:20px;padding:6px 9px}.path-list{margin:20px 0 10px}.path-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #eeeae2}.path-icon{width:37px;height:37px;border-radius:9px;background:#293a31;color:#f1d99c;display:grid;place-items:center;font:700 17px Noto Sans KR}.path-icon.pale{background:#f0ece3;color:#879188}.path-item div{flex:1}.path-item b{display:block;font-size:12px;color:#3b493f}.path-item small{display:block;color:#9da49c;font-size:10px;margin-top:3px}.path-state{color:#bd7f3c;font-size:10px;display:flex;gap:4px;align-items:center}.muted-text{color:#aab0aa}.text-button{color:#af7436;font-size:11px;display:flex;align-items:center;gap:6px;margin-top:14px}.stats-card{background:#293a31;color:#f4f0e7}.stats-card .eyebrow{color:#d1a263}.big-stat{display:flex;align-items:baseline;gap:7px;margin:22px 0 13px}.big-stat strong{font:500 43px DM Mono;color:#f3d19a}.big-stat span{font-size:11px;color:#aab6ad}.bar{height:5px;border-radius:5px;background:#4b5950;overflow:hidden}.bar i{display:block;height:100%;border-radius:5px;background:#e4ad62}.mini-stats{display:flex;gap:28px;margin:19px 0 24px;color:#9eada3;font-size:10px}.mini-stats b{color:#fff;font:500 15px DM Mono;display:block;margin-bottom:3px}.outline-button{border:1px solid #69786e;color:#e5e0d4;border-radius:6px;padding:10px 13px;font-size:10px}.back-button{display:flex;align-items:center;gap:4px;color:#7e887f;font-size:11px;margin-bottom:25px}.learn-head,.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:29px}.page-heading h1,.learn-head h1{font:700 33px Noto Sans KR;color:#27362c;letter-spacing:-2px;margin:12px 0 8px}.page-heading p,.learn-head p{font-size:12px;color:#8e978e;margin:0}.step-count{font:500 14px DM Mono;color:#adb0a8}.step-count b{font-size:34px;color:#27362c}.study-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.study-card{background:#fffdf8;border:1px solid #e6dfd3;border-radius:15px;padding:28px 35px;min-height:470px;text-align:center}.study-card-top{display:flex;justify-content:space-between;color:#adb0a8;font:500 10px DM Mono}.kind-tag{display:inline-flex;border-radius:30px;padding:6px 9px;font-size:9px;font-weight:600}.kind-tag.consonant{background:#e9f0e5;color:#628056}.kind-tag.vowel{background:#fff0df;color:#bb7b35}.kind-tag.word{background:#eee9f6;color:#7e6a9e}.study-character{font:800 126px Noto Sans KR;color:#28372d;line-height:1;margin:75px 0 17px}.roman-line{display:flex;justify-content:center;align-items:center;gap:16px}.roman-line b{font:500 17px DM Mono;color:#ac7944}.roman-line button,.sound-button{display:inline-flex;align-items:center;gap:6px;color:#ab7944;background:#fff6e9;border-radius:20px;padding:8px 12px;font-size:10px}.study-meaning{border-top:1px solid #eee8de;border-bottom:1px solid #eee8de;padding:15px;margin:27px 0 0;display:flex;justify-content:center;gap:12px;align-items:baseline}.study-meaning span,.study-example small{font-size:10px;color:#9da59d}.study-meaning strong{font-size:15px;color:#354139}.study-example{margin:20px auto 0;max-width:380px;text-align:left;background:#f4f0e7;border-radius:8px;padding:11px 14px;display:grid;gap:4px}.study-example b{font-size:13px}.study-example span{font-size:10px;color:#8f978f}.answer-panel{background:#293a31;border-radius:15px;padding:30px 25px;color:#f4f0e7;display:flex;flex-direction:column}.answer-panel .eyebrow{color:#d7a564}.answer-panel h3{font:600 21px Noto Sans KR;letter-spacing:-1.3px;margin:16px 0 7px}.answer-panel p{font-size:11px;line-height:1.75;color:#9fab9f;margin:0 0 28px}.answer-known,.answer-review{border-radius:7px;padding:12px;margin-top:9px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px}.answer-known{background:#e3ad63;color:#253228}.answer-review{border:1px solid #5c6b61;color:#d9ded7}.study-progress{height:3px;background:#48564d;margin-top:auto}.study-progress i{display:block;height:100%;background:#e3ad63}.complete-card{background:#fffdf8;border:1px solid #e6dfd3;border-radius:15px;text-align:center;padding:85px 20px}.complete-mark{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 22px;border-radius:50%;background:#e8f0e5;color:#6b9362}.complete-card h2{font:700 27px Noto Sans KR;letter-spacing:-1.6px;margin:13px 0 8px}.complete-card p{font-size:12px;color:#909a91;margin:0 0 25px}.heading-decoration{font:800 38px Noto Sans KR;color:#d0c19d;text-align:right;line-height:1}.heading-decoration small{font:400 10px Noto Sans SC;color:#a5a99e}.segmented{display:flex;gap:8px;margin-bottom:22px}.segmented button{padding:10px 20px;border-radius:6px;color:#999f96;font-size:12px}.segmented button.selected{background:#293a31;color:#fff}.segmented small{font:10px DM Mono;margin-left:5px;color:inherit;opacity:.7}.alphabet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.alphabet-card{position:relative;background:#fffdf8;border:1px solid #e8e1d5;border-radius:12px;padding:22px 14px;text-align:left;transition:.15s}.alphabet-card:hover{border-color:#d9944c;transform:translateY(-2px)}.alphabet-card.known{background:#f1f5ed;border-color:#b7cbae}.alphabet-char{display:block;font:800 43px Noto Sans KR;color:#2d3d33}.alphabet-roman{display:block;font:500 12px DM Mono;color:#b17a43;margin-top:9px}.alphabet-chinese{display:block;color:#909b91;font-size:11px;margin-top:4px}.known-check{position:absolute;right:11px;top:11px;width:19px;height:19px;border-radius:50%;background:#769968;color:#fff;display:grid;place-items:center}.word-count{text-align:right}.word-count strong{display:block;font:500 28px DM Mono;color:#b17c42}.word-count span{font-size:10px;color:#989f96}.search-box{display:flex;align-items:center;gap:9px;background:#fffdf8;border:1px solid #e4ded3;padding:12px 14px;border-radius:8px;margin-bottom:12px;color:#a4aaa2}.search-box input{border:0;background:none;outline:0;width:100%;font-size:12px;color:#354138}.word-list{background:#fffdf8;border:1px solid #e7e0d5;border-radius:12px;overflow:hidden}.word-row{display:flex;align-items:center;gap:16px;padding:15px 20px;border-bottom:1px solid #eee9e0;cursor:pointer}.word-row:last-child{border-bottom:0}.word-row:hover{background:#fcf9f2}.word-index{font:500 10px DM Mono;color:#c0bbb0;width:22px}.word-main{width:116px}.word-main b{display:block;font:700 21px Noto Sans KR;color:#2c3c32}.word-main span{font:10px DM Mono;color:#b07b45}.word-meaning{flex:1}.word-meaning strong{display:block;font-size:12px}.word-meaning small{display:block;color:#989f97;font-size:10px;margin-top:4px}.icon-button{color:#b48a5a;padding:8px}.status-button{display:flex;gap:4px;align-items:center;border:1px solid #e0dbd1;color:#959d95;border-radius:5px;padding:7px 9px;font-size:10px}.status-button.known{background:#edf3ea;border-color:#c7dbbc;color:#67865f}.reset-button{display:flex;gap:6px;align-items:center;color:#a66f38;font-size:11px}.progress-hero{display:flex;align-items:center;gap:30px;background:#293a31;border-radius:14px;padding:30px;color:#f3f0e7;margin-bottom:17px}.progress-ring.large{width:112px;height:112px;flex-shrink:0;background:conic-gradient(#e5ad64 var(--value),#48564d 0)}.progress-ring.large:before{background:#293a31}.progress-ring.large strong{font-size:25px;color:#f0cd92}.progress-hero h2{font:600 22px Noto Sans KR;letter-spacing:-1.4px;margin:12px 0 8px}.progress-hero p{font-size:11px;color:#aab4ab}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric-grid>div{background:#fffdf8;border:1px solid #e7e0d5;border-radius:10px;padding:19px}.metric-grid span,.metric-grid small{display:block;color:#9ba39b;font-size:10px}.metric-grid strong{display:inline-block;color:#314138;font:500 26px DM Mono;margin:10px 4px 4px 0}.progress-tip{display:flex;align-items:center;gap:13px;background:#f1eadb;color:#a66f38;padding:17px 20px;border-radius:10px;margin-top:18px}.progress-tip b{font-size:12px;color:#755636}.progress-tip p{margin:4px 0 0;color:#96846b;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#17221dbb;display:grid;place-items:center;z-index:5;padding:20px}.detail-modal{position:relative;width:min(400px,100%);background:#fffdf8;border-radius:15px;padding:28px}.modal-close{position:absolute;right:17px;top:17px;color:#a0a79e}.detail-modal .kind-tag{margin-bottom:16px}.detail-korean{text-align:center;font:800 84px Noto Sans KR;color:#2b3b31;margin:10px 0}.sound-button{display:flex;margin:0 auto 20px;border:0}.detail-row{border-top:1px solid #eee8de;border-bottom:1px solid #eee8de;padding:14px 2px;display:flex;justify-content:space-between}.detail-row b{font:500 14px DM Mono;color:#ae7841}.detail-row span{font-size:13px}.detail-modal p{font-size:12px;color:#7f8980;line-height:1.7}.example{background:#f3efe6;border-radius:7px;padding:12px;display:grid;gap:5px;margin:18px 0}.example span{font-size:9px;color:#aa7848}.example strong{font-size:13px}.example small{color:#8b958c;font-size:10px}.modal-primary{background:#293a31;color:#fff;border-radius:7px;padding:12px;width:100%;font-size:11px}@media(max-width:860px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.topbar{padding:0 25px}.page{padding:32px 25px}.hero{padding:42px 34px}.hero-visual{opacity:.55;right:-35px}.home-grid,.study-layout{grid-template-columns:1fr}.answer-panel{min-height:240px}.answer-panel .study-progress{margin-top:25px}.alphabet-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.app-shell{display:block}.sidebar{display:none}.topbar{height:62px;padding:0 18px}.mobile-brand{display:flex}.mobile-brand b{font:700 17px Noto Sans KR;color:#293a31}.breadcrumb{display:none}.top-actions{gap:9px}.level-pill{padding:6px 8px;font-size:9px}.page{padding:25px 16px}.hero{min-height:460px;padding:29px 22px}.hero h1{font-size:39px}.hero-visual{top:160px;right:-80px;opacity:.8;transform:scale(.86)}.welcome-row{margin-top:3px}.welcome-row h2{font-size:19px}.progress-ring{width:63px;height:63px}.home-grid{gap:12px}.routine-card,.stats-card{padding:19px}.page-heading h1,.learn-head h1,.heading-decoration{font-size:28px}.alphabet-grid{grid-template-columns:repeat(2,1fr);gap:9px}.alphabet-card{padding:17px 12px}.alphabet-char{font-size:36px}.word-row{gap:8px;padding:13px 10px}.word-index{display:none}.word-main{width:72px}.word-main b{font-size:18px}.word-meaning small{max-width:115px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-button{font-size:0;padding:8px}.status-button.known{font-size:10px}.study-card{padding:21px 17px;min-height:420px}.study-character{font-size:100px;margin-top:58px}.progress-hero{padding:22px;gap:18px}.progress-ring.large{width:86px;height:86px}.progress-hero h2{font-size:17px}.metric-grid{grid-template-columns:repeat(2,1fr)}}.mobile-nav{display:none}@media(max-width:620px){body{padding-bottom:78px}.mobile-nav{position:fixed;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);height:70px;padding:8px 8px max(8px,env(safe-area-inset-bottom));background:#fffdf8ef;border-top:1px solid #e5dfd4;box-shadow:0 -8px 24px #2a372d12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;color:#9da49c;font-size:10px}.mobile-nav button.active{color:#a96e34;font-weight:700}.mobile-nav button.active svg{stroke-width:2.4}.mobile-page-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:18px}.mobile-page-heading h1{font:700 28px Noto Sans KR;letter-spacing:-1.7px;color:#27362c;margin:10px 0 7px}.mobile-page-heading p{font-size:11px;color:#8e978e;margin:0;line-height:1.6}.feed-count{font:500 10px DM Mono;color:#af7842;background:#fff2df;border-radius:20px;padding:7px 9px;white-space:nowrap}.feed-hero{display:flex;align-items:end;justify-content:space-between;gap:14px;background:#293a31;border-radius:14px;padding:20px;color:#f5f0e6;margin-bottom:16px}.feed-hero h2{font:600 19px Noto Sans KR;letter-spacing:-1px;margin:8px 0 6px}.feed-hero p{font-size:10px;line-height:1.6;color:#aeb9ae;margin:0}.feed-hero .primary{padding:10px 12px;font-size:10px;white-space:nowrap;box-shadow:none}.feed-list{display:grid;gap:10px}.feed-card{background:#fffdf8;border:1px solid #e7e0d5;border-radius:13px;padding:17px;box-shadow:0 4px 14px #5b4d3b08}.feed-card-top{display:flex;align-items:center;justify-content:space-between;color:#a0a79f;font-size:10px}.feed-card-main{display:flex;align-items:baseline;gap:15px;margin:17px 0 7px}.feed-card-main>strong{font:800 38px Noto Sans KR;line-height:1;color:#293a31}.feed-card-main div{display:grid;gap:3px}.feed-card-main b{font:500 12px DM Mono;color:#b17b45}.feed-card-main span{font-size:12px;color:#566359}.feed-card p{font-size:11px;color:#8e978e;line-height:1.6;margin:0 0 13px}.feed-card-action{display:flex;align-items:center;gap:5px;color:#ad7338;font-size:10px;font-weight:600}}.dialogue-count{text-align:right}.dialogue-count strong{display:block;font:500 28px DM Mono;color:#b07b45}.dialogue-count span{font-size:10px;color:#989f96}.conversation-intro{display:flex;align-items:center;gap:12px;background:#f1eadb;color:#a66f38;border-radius:10px;padding:16px 18px;margin-bottom:18px}.conversation-intro b{display:block;color:#755636;font-size:12px}.conversation-intro p{margin:4px 0 0;color:#96846b;font-size:10px}.dialogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.dialogue-card{background:#fffdf8;border:1px solid #e7e0d5;border-radius:13px;padding:16px}.dialogue-card.known{background:#f1f5ed;border-color:#b7cbae}.dialogue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.dialogue-head h2{font:700 18px Noto Sans KR;color:#293a31;margin:9px 0 0}.dialogue-play{display:flex;align-items:center;gap:5px;border-radius:20px;background:#293a31;color:#fff;padding:8px 10px;font-size:10px;white-space:nowrap}.dialogue-line{background:#f5f0e7;border-radius:9px;padding:12px;margin-bottom:8px}.dialogue-line.reply{background:#edf3e9}.dialogue-speaker{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.dialogue-speaker b{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dfaa63;color:#293a31;font-size:10px}.dialogue-speaker button{color:#aa7540}.dialogue-line strong{display:block;font:800 19px Noto Sans KR;color:#293a31}.dialogue-line span{display:block;color:#aa7540;font:10px DM Mono;margin-top:4px}.dialogue-line small{display:block;color:#667268;font-size:11px;margin-top:5px}.dialogue-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:11px}.dialogue-foot p{flex:1;color:#7f8980;font-size:10px;line-height:1.5;margin:0}.dialogue-known,.dialogue-review{display:flex;align-items:center;gap:4px;border-radius:7px;padding:9px 10px;font-size:10px;white-space:nowrap}.dialogue-known{background:#e3ad63;color:#293a31}.dialogue-review{background:#293a31;color:#d7ded7}@media(max-width:620px){.dialogue-grid{grid-template-columns:1fr}.dialogue-card{padding:14px}.dialogue-head h2{font-size:16px}.dialogue-line strong{font-size:18px}.dialogue-foot{align-items:flex-end}.conversation-page{padding-bottom:95px}.mobile-nav{grid-template-columns:repeat(5,1fr)}}