@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans KR,system-ui,sans-serif;color:#252522;background:#f8f5ef;font-synthesis:none}.feed-menu-button{display:grid;place-items:center;width:42px;height:42px;border-radius:22px;background:#ffffffc2;color:#5a4a40;font-size:18px;line-height:1}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f8f5ef}button,input{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;min-height:100vh;position:fixed;left:0;top:0;padding:30px 22px 25px;background:#173c38;color:#eef4ed;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:10px;align-items:center;color:#fff;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#173c38;background:#f1b968;font-size:24px;font-weight:800}.brand strong{display:block;font-size:15px;letter-spacing:.16em}.brand small{display:block;font-size:9px;letter-spacing:.28em;color:#a9ccc2;margin-top:3px}.brand-jp{color:#afc8bf;font-size:12px;line-height:1.7;margin:24px 0 30px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px;text-align:left;color:#a9c6bd;background:transparent}.sidebar nav button:hover,.sidebar nav button.active{color:#173c38;background:#f2eee6}.nav-icon{width:23px;text-align:center;font-size:20px}.sidebar nav b,.sidebar nav small{display:block}.sidebar nav b{font-size:13px;font-weight:700}.sidebar nav small{font-size:10px;margin-top:2px;opacity:.7}.sidebar-note{margin-top:auto;padding:15px;border:1px solid rgba(221,242,232,.2);border-radius:16px;background:#f0fff314}.sidebar-note span,.sidebar-note p{color:#a9c6bd;font-size:10px}.sidebar-note strong{display:block;font-size:30px;color:#fff;margin:4px 0 9px}.mini-track,.stat-line{display:block;height:4px;border-radius:9px;background:#ffffff26;overflow:hidden}.mini-track i,.stat-line i{display:block;height:100%;background:#f1b968;border-radius:inherit}.sidebar-note p{line-height:1.6;margin:12px 0 0}.sidebar-footer{color:#7ea39a;font-size:9px;letter-spacing:.16em;margin-top:20px}.main-content{width:calc(100% - 238px);margin-left:238px;padding:0 56px 70px}.topbar{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9e3d8}.crumb,.eyebrow{display:block;color:#d17c56;font-size:10px;font-weight:700;letter-spacing:.16em}.crumb i{color:#bbb3a6;font-style:normal;margin:0 5px}.topbar h1{font-size:23px;margin:7px 0 0;letter-spacing:-.06em}.topbar-actions{display:flex;align-items:center;gap:17px}.streak{font-size:11px;color:#8d877e}.streak b{color:#d17c56;margin-right:5px}.menu-button{display:none;width:38px;height:38px;place-items:center;border:1px solid #e9e3d8;border-radius:12px;background:#fffdf9}.menu-button span{display:block;width:17px;height:2px;margin:2px auto;border-radius:2px;background:#173c38}.home-view,.roadmap,.bank-view,.progress-view{max-width:1060px;margin:35px auto 0}.hero-card{min-height:338px;overflow:hidden;border-radius:22px;padding:43px 48px;background:#dcebe2;display:flex;justify-content:space-between;position:relative}.hero-copy{position:relative;z-index:1}.hero-copy h2,.roadmap-intro h2,.progress-hero h2{font-size:42px;line-height:1.22;letter-spacing:-.1em;margin:17px 0 15px}.hero-copy h2 em,.roadmap-intro h2 em,.progress-hero h2 em{color:#d17c56;font-style:normal}.hero-copy p,.roadmap-intro p,.progress-hero p{color:#647771;line-height:1.7;font-size:13px;margin:0 0 25px}.primary-button{border-radius:10px;padding:14px 18px;background:#173c38;color:#fff;font-size:12px;font-weight:700;box-shadow:0 7px 18px #173c3826}.primary-button span{color:#f1b968;font-size:17px;padding-left:25px}.hero-hangul{position:relative;width:300px;display:grid;place-items:center;margin-right:50px}.circle-letter{width:172px;height:172px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(23,60,56,.18);color:#173c38;font-family:Noto Sans KR;font-size:100px;font-weight:500;background:#ffffff42;z-index:1}.orbit{position:absolute;border:1px solid rgba(23,60,56,.17);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:270px;height:110px}.orbit-two{width:220px;height:250px}.hero-hangul small{position:absolute;bottom:12px;color:#778e86;letter-spacing:.12em;font-size:9px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0 47px}.stat-row>div{padding:20px 22px;border:1px solid #e9e3d8;border-radius:14px;background:#fffdf9}.stat-row small,.stat-row p{color:#9a9288;font-size:10px;margin:0}.stat-row strong{display:block;font-size:26px;margin:9px 0 11px}.stat-row strong i{font-size:11px;font-style:normal;color:#aaa096;font-weight:500}.stat-line{width:100%;background:#eee7dd}.stat-line i{background:#d17c56}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h3{margin:7px 0 0;font-size:22px;letter-spacing:-.08em}.text-button{background:none;color:#d17c56;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick-card{padding:21px;border-radius:16px;min-height:132px;display:flex;text-align:left;align-items:flex-start;gap:15px;position:relative}.quick-card.mint{background:#d9e9df}.quick-card.lavender{background:#e4e1f3}.quick-card.gold{background:#f3e5bd}.quick-number{color:#7a837c;font-size:10px;letter-spacing:.12em}.quick-card div{flex:1}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:13px;margin-bottom:6px}.quick-card small{color:#6c746f;font-size:10px;line-height:1.5}.quick-card>strong{font-size:22px;font-weight:400}.progress-pill{display:inline-block;margin-top:15px;padding:5px 8px;border-radius:9px;background:#ffffff80;color:#66756e;font-size:9px}.jp-tip{display:flex;align-items:center;gap:14px;padding:19px 20px;border-radius:15px;background:#fffdf9;border:1px solid #e9e3d8;margin-top:18px}.tip-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f3e5bd;color:#a66c47;font-weight:800}.jp-tip div{flex:1}.jp-tip b{font-size:11px}.jp-tip p{color:#878178;font-size:11px;line-height:1.6;margin:5px 0 0}.tip-arrow{color:#d17c56}.roadmap-intro{margin-bottom:36px}.roadmap-intro h2{font-size:39px}.roadmap-list{display:grid;gap:14px}.roadmap-card{display:grid;grid-template-columns:65px 1fr auto;align-items:center;gap:21px;min-height:155px;padding:24px 27px;border-radius:18px;position:relative;overflow:hidden}.roadmap-card.mint{background:#d9e9df}.roadmap-card.coral{background:#f2ddd5}.roadmap-card.lavender{background:#e4e1f3}.roadmap-card.gold{background:#f3e5bd}.roadmap-card.locked{filter:saturate(.45);opacity:.7}.roadmap-number{font-size:32px;color:#173c3847;font-weight:700}.roadmap-copy h3{font-size:21px;margin:6px 0 4px;letter-spacing:-.07em}.roadmap-copy p{margin:0 0 13px;color:#6b7770;font-size:11px}.roadmap-count{color:#69766f;font-size:10px}.roadmap-action button{padding:11px 14px;border-radius:9px;color:#fff;background:#173c38;font-size:11px}.roadmap-action button span{padding-left:19px;color:#f1b968}.lock{color:#7b7b73;font-size:10px}.roadmap-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:#173c381a}.roadmap-bar i{display:block;height:100%;background:#173c38}.bank-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.bank-head h2{margin:10px 0 8px;font-size:30px;letter-spacing:-.08em}.bank-head p{margin:0;font-size:11px;color:#928c84}.bank-total{text-align:right}.bank-total b{display:block;font-size:30px;color:#d17c56}.bank-total span{font-size:10px;color:#9b9388}.bank-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:15px}.search-box{flex:1;max-width:450px;display:flex;align-items:center;gap:9px;border:1px solid #e3ddd3;background:#fffdf9;border-radius:10px;padding:0 13px}.search-box span{font-size:22px;color:#a0978e}.search-box input{width:100%;padding:12px 0;border:0;outline:0;background:transparent;font-size:11px}.filter-tabs{display:flex;gap:6px}.filter-tabs button{padding:10px 13px;border-radius:9px;background:transparent;color:#978f87;font-size:10px}.filter-tabs button.active{background:#173c38;color:#fff}.bank-table{border-top:1px solid #ded8cf}.bank-table-head,.bank-row{display:grid;grid-template-columns:1.25fr 1.1fr 1.25fr .8fr 1fr;gap:15px;align-items:center}.bank-table-head{padding:12px 17px;color:#aaa198;font-size:9px;letter-spacing:.08em}.bank-row{min-height:66px;padding:11px 17px;background:#fffdf9;border-bottom:1px solid #ebe5db;font-size:11px}.bank-row:hover{background:#fffaf0}.bank-main{display:flex;align-items:center;gap:8px}.bank-main b{font-family:Noto Sans KR;font-size:19px}.bank-main small{color:#aaa198;font-size:9px}.kind-dot{width:7px;height:7px;border-radius:50%;background:#72a98e}.kind-dot.consonant{background:#d98265}.kind-dot.syllable{background:#9088c7}.kind-dot.word{background:#d19a43}.romanization{color:#6b706b}.romanization button{margin-left:7px;border-radius:50%;width:23px;height:23px;color:#d17c56;background:#f6e7dd;font-size:12px}.japanese{color:#696860}.status-chip{display:inline-block;width:max-content;padding:5px 8px;border-radius:8px;color:#8f8b82;background:#f2eee7;font-size:9px}.status-chip.known{color:#34765d;background:#dceee2}.status-chip.review{color:#a85d49;background:#f3ddd5}.row-actions{display:flex;gap:5px;justify-content:flex-end}.row-actions button{width:26px;height:26px;border-radius:8px;background:#f4f0e9;color:#bbb2a9;font-weight:700;font-size:11px}.row-actions button.saved{color:#d18b45;background:#f8edcc}.row-actions .known-action{color:#388768}.row-actions .review-action{color:#d17761}.empty{text-align:center;padding:60px;color:#9b9388;font-size:12px;line-height:2}.sync-status{display:flex;align-items:center;gap:6px;margin-top:16px;color:#eef4edb8;font-size:9px}.sync-status i{width:6px;height:6px;border-radius:50%;background:#f1b968}.sync-status.synced i{background:#78c59b}.sync-status.offline i{background:#d98265}.sync-code-button{margin-top:9px;padding:0;color:#eef4ed8f;background:transparent;font-size:9px;text-align:left}.progress-hero{display:flex;justify-content:space-between;align-items:center;padding:42px 47px;border-radius:21px;background:#173c38;color:#fff}.progress-hero .eyebrow{color:#f1b968}.progress-hero h2{font-size:36px;margin-bottom:13px}.progress-hero p{color:#bed1ca;margin-bottom:0}.big-progress{min-width:190px;text-align:center}.big-progress strong{display:block;color:#f1b968;font-size:59px;line-height:1}.big-progress small{font-size:22px}.big-progress span{color:#aec8bf;font-size:10px}.big-progress>div{height:7px;margin-top:18px;border-radius:10px;background:#ffffff29;overflow:hidden}.big-progress i{display:block;height:100%;border-radius:inherit;background:#f1b968}.progress-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px;margin-top:14px}.progress-panel,.recent-panel{background:#fffdf9;border:1px solid #e9e3d8;border-radius:16px;padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title b{font-size:14px}.panel-title span{color:#aaa198;font-size:10px}.chapter-progress{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;margin:18px 0}.chapter-progress>div b,.chapter-progress>div small{display:block}.chapter-progress>div b{font-size:11px}.chapter-progress>div small{color:#a19a91;font-size:9px;margin-top:3px}.chapter-progress>strong{color:#6e776f;font-size:10px}.chapter-dot{width:8px;height:8px;border-radius:50%;grid-row:span 2}.chapter-dot.mint{background:#72a98e}.chapter-dot.coral{background:#d98265}.chapter-dot.lavender{background:#9088c7}.chapter-dot.gold{background:#d19a43}.chapter-track{grid-column:2 / span 2;height:4px;border-radius:9px;background:#eee8df;overflow:hidden}.chapter-track i{display:block;height:100%;background:#d17c56}.review-panel button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #eee8df;background:none;text-align:left}.review-panel button b{font-family:Noto Sans KR;font-size:18px}.review-panel button span{flex:1;color:#8f8981;font-size:10px}.review-panel button i{color:#d17c56;font-style:normal}.empty-panel{color:#a29b92;font-size:11px;line-height:1.8;text-align:center;padding:25px 0}.recent-panel{margin-top:14px}.recent-panel>p{color:#999289;font-size:11px}.recent-chip{display:inline-flex;flex-direction:column;min-width:81px;margin-right:7px;padding:11px 13px;border-radius:10px;background:#f4eee4}.recent-chip b{font-family:Noto Sans KR;font-size:17px}.recent-chip small{color:#a19a91;font-size:9px;margin-top:4px}.progress-actions{display:flex;align-items:center;gap:13px;margin-top:20px}.reset-button{background:none;color:#a29b92;font-size:10px}.lesson-player{min-height:100vh;background:#f8f5ef}.lesson-top{max-width:720px;margin:auto;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.lesson-top button{color:#77736d;background:none;font-size:12px}.lesson-top button span{margin-left:5px}.lesson-progress,.lesson-brand{color:#9a9288;font-size:10px;letter-spacing:.14em}.lesson-brand{color:#d17c56;font-weight:700}.lesson-progress-bar{height:4px;max-width:720px;margin:auto;background:#e9e2d8}.lesson-progress-bar i{display:block;height:100%;background:#d17c56;transition:width .2s}.lesson-stage{width:min(590px,calc(100% - 34px));margin:52px auto;text-align:center}.lesson-stage h1{font-size:29px;letter-spacing:-.08em;margin:11px 0 7px}.lesson-question{color:#9a9288;font-size:12px;margin:0 0 28px}.lesson-card{padding:34px 30px 30px;display:flex;align-items:center;text-align:left;gap:29px;border-radius:18px;background:#fffdf9;border:1px solid #e6ded3;box-shadow:0 10px 25px #362e210f}.lesson-glyph{display:grid;place-items:center;width:145px;height:145px;border-radius:16px;background:#dcebe2;font-family:Noto Sans KR;font-size:86px;color:#173c38}.lesson-card-copy{flex:1}.lesson-card-copy b{display:block;color:#173c38;font-size:23px}.lesson-card-copy>span{display:block;color:#9a9288;font-size:11px;margin:8px 0 23px}.lesson-card-copy button{color:#d17c56;background:#f8ebe2;border-radius:9px;padding:9px 11px;font-size:10px}.lesson-card-copy button small{margin-left:8px;color:#b39c91}.lesson-tip{display:flex;gap:14px;text-align:left;margin:17px 0 0;padding:14px 17px;border-radius:11px;background:#f1e9d8}.lesson-tip span{color:#bf8659;font-size:9px;font-weight:800;letter-spacing:.1em}.lesson-tip p{margin:0;color:#7f776c;font-size:10px;line-height:1.5}.example-box{display:flex;justify-content:space-between;gap:15px;padding:16px;margin-top:12px;border-radius:11px;background:#e7e6f4;text-align:left}.example-box b{font-family:Noto Sans KR;font-size:12px}.example-box span{color:#75717e;font-size:10px}.answer-area{margin-top:29px}.answer-area p{color:#77736d;font-size:11px}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-buttons button{display:flex;align-items:center;gap:13px;padding:15px;text-align:left;border-radius:12px}.answer-buttons button strong{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:16px}.answer-buttons button span,.answer-buttons button small{display:block}.answer-buttons button span{font-size:11px}.answer-buttons button small{margin-top:3px;font-size:9px;color:#a19a91}.review-button{background:#f3ddd5;color:#a85d49}.review-button strong{background:#d98167;color:#fff}.known-button{background:#dceee2;color:#34765d}.known-button strong{background:#65a985;color:#fff}.feedback-row{display:flex;align-items:center;gap:10px;margin-top:18px}.feedback-row input{flex:1;border:0;border-bottom:1px solid #ddd4c9;outline:0;background:transparent;padding:8px 0;color:#5f5b56;font-size:10px}.feedback-row span{color:#b2aaa1;font-size:9px}.feed-view{max-width:760px;height:calc(100vh - 141px);min-height:560px;margin:31px auto 0;display:flex;flex-direction:column}.feed-heading{flex:0 0 auto;display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.feed-heading h2{margin:8px 0 0;font-size:26px;letter-spacing:-.08em}.feed-heading>span{color:#a29a90;font-size:11px}.feed-stack{flex:1;min-height:0;display:flex;flex-direction:column;gap:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.feed-stack::-webkit-scrollbar{display:none}.feed-card{position:relative;flex:0 0 100%;min-height:0;height:100%;overflow:hidden;border-radius:22px;scroll-snap-align:start;scroll-snap-stop:always;background-position:center top;background-size:cover;color:#fff;box-shadow:0 18px 40px #1e18122e}.feed-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0d0b0a59,#0d0b0a0f 32%,#0d0b0a33 52%,#080808ed)}.feed-card-header,.feed-curator,.feed-copy,.feed-footer{position:relative;z-index:1}.feed-card-header{display:flex;align-items:center;justify-content:space-between;padding:27px 31px 0}.feed-brand{display:flex;align-items:center;gap:10px}.feed-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f3a64c;color:#fff;font-family:Noto Sans KR;font-size:23px;font-weight:700}.feed-brand strong,.feed-brand small{display:block}.feed-brand strong{font-size:16px;letter-spacing:.06em}.feed-brand small{margin-top:4px;color:#ffffffb8;font-size:10px}.feed-avatar{padding:10px 13px;border-radius:22px;background:#ffffffc2;color:#5a4a40;font-size:11px}.feed-curator{display:flex;align-items:center;gap:11px;padding:58px 27px 0}.feed-curator-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#c38869;color:#fff;font-family:Noto Sans KR;font-size:21px}.feed-curator>span:nth-child(2){flex:1}.feed-curator strong,.feed-curator small{display:block}.feed-curator strong{font-size:19px}.feed-curator small{margin-top:5px;color:#ffffffb3;font-size:12px}.feed-curator button{color:#fffc;background:none;font-size:20px;letter-spacing:3px}.feed-copy{position:absolute;right:31px;bottom:171px;left:31px}.feed-kicker{color:#ffffffad;font-size:12px;letter-spacing:.1em}.feed-copy h3{margin:9px 0 0;font-family:Noto Sans KR;font-size:76px;line-height:1.05;letter-spacing:-.12em;text-shadow:0 3px 18px rgba(0,0,0,.18)}.feed-reading{margin:8px 0 18px;color:#ffffffbf;font-size:18px;letter-spacing:.08em}.feed-meaning{display:flex;align-items:baseline;gap:13px}.feed-meaning strong{font-family:Noto Sans JP,Noto Sans KR,sans-serif;font-size:29px;letter-spacing:-.06em}.feed-meaning span{color:#ffffffb3;font-size:14px}.feed-example{display:flex;gap:10px;align-items:baseline;margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.24)}.feed-example b{font-family:Noto Sans KR;font-size:14px}.feed-example span{color:#ffffffb3;font-size:12px}.feed-footer{position:absolute;right:31px;bottom:25px;left:31px}.feed-actions{display:flex;align-items:center;gap:8px}.feed-actions button{padding:9px 11px;border-radius:15px;color:#ffffffdb;background:#ffffff1f;font-size:12px}.feed-actions button b{margin-right:3px}.feed-actions button.selected{color:#34271f;background:#fff0d5}.feed-actions button:last-child{margin-left:auto;padding:6px 11px;font-size:24px;background:transparent}.feed-rule{height:1px;margin:14px 0 11px;background:#ffffff42}.feed-caption{color:#ffffffad;font-size:13px;line-height:1.55}.feed-note{color:#9b9389;text-align:center;font-size:11px}.menu-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#173c3847}.menu-drawer{width:min(86vw,360px);height:100%;padding:32px 22px;background:#fffdf9;box-shadow:-20px 0 50px #173c3829;animation:menu-slide .2s ease-out}.menu-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:24px}.menu-eyebrow{display:block;color:#d17c56;font-size:10px;font-weight:700;letter-spacing:.16em}.menu-drawer h2{margin:7px 0 0;color:#252522;font-size:26px;letter-spacing:-.08em}.menu-close{width:34px;height:34px;border-radius:50%;color:#173c38;background:#f3eee6;font-size:25px;line-height:1}.menu-drawer-list{display:grid;gap:8px}.menu-drawer-item{min-height:68px;display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:14px;text-align:left;background:transparent}.menu-drawer-item.active{background:#dcebe2}.menu-drawer-item:hover{background:#f3eee6}.menu-drawer-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;color:#aaa198;background:#f3eee6;font-size:20px}.menu-drawer-item.active .menu-drawer-icon{color:#173c38;background:#f1b968}.menu-drawer-copy{flex:1}.menu-drawer-copy b,.menu-drawer-copy small{display:block}.menu-drawer-copy b{color:#252522;font-size:12px}.menu-drawer-copy small{margin-top:4px;color:#908980;font-size:9px}.menu-drawer-arrow{color:#d17c56;font-size:23px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:30;color:#fff;background:#173c38;padding:12px 18px;border-radius:20px;box-shadow:0 6px 20px #00000026;font-size:11px}@keyframes menu-slide{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}@media(max-width:900px){.sidebar{width:205px}.main-content{width:calc(100% - 205px);margin-left:205px;padding:0 28px 50px}.hero-card{padding:35px 30px}.hero-hangul{margin-right:0;width:225px}.circle-letter{width:140px;height:140px;font-size:78px}.orbit-one{width:210px}.orbit-two{width:180px;height:205px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:108px}.bank-table-head{display:none}.bank-row{grid-template-columns:1.1fr 1fr 1fr auto}.bank-row .status-chip{grid-column:3}.row-actions{grid-column:4;grid-row:1 / span 2;flex-direction:column}.japanese{grid-column:3;grid-row:1}.romanization{grid-column:2;grid-row:1}.bank-main{grid-row:1}.bank-tools{flex-direction:column}.search-box{max-width:none}}@media(max-width:640px){.sidebar{display:none}.main-content{width:100%;margin-left:0;padding:0 16px 30px}.topbar{height:84px}.topbar h1{font-size:19px}.crumb{font-size:8px}.streak{font-size:9px}.menu-button{display:grid;width:32px;height:32px;border-radius:10px}.home-view,.roadmap,.bank-view,.progress-view{margin-top:22px}.feed-view{margin:0 -16px}.feed-heading{padding:20px 16px 12px}.feed-heading h2{font-size:19px}.feed-heading>span{font-size:9px}.feed-stack{gap:12px}.feed-card{min-height:calc(100vh - 188px);border-radius:0;box-shadow:none}.feed-card-header{padding:22px 20px 0}.feed-curator{padding:48px 19px 0}.feed-copy{right:20px;bottom:142px;left:20px}.feed-copy h3{font-size:54px}.feed-meaning{display:block}.feed-meaning strong{display:block;font-size:22px}.feed-meaning span{display:block;margin-top:6px}.feed-example{display:block}.feed-example span{display:block;margin-top:5px}.feed-footer{right:20px;bottom:20px;left:20px}.feed-actions{gap:5px}.feed-actions button{padding:7px 8px;font-size:9px}.feed-caption{font-size:9px}.feed-note{padding:0 16px}.hero-card{min-height:410px;padding:28px 23px}.hero-copy h2{font-size:30px}.hero-copy p{font-size:11px}.hero-hangul{position:absolute;width:170px;right:10px;bottom:17px;opacity:.75}.circle-letter{width:105px;height:105px;font-size:60px}.orbit-one{width:165px;height:75px}.orbit-two{width:145px;height:160px}.hero-hangul small{bottom:-7px;font-size:7px}.stat-row{gap:7px;margin-bottom:35px}.stat-row>div{padding:13px 10px}.stat-row strong{font-size:17px}.stat-row small{font-size:8px}.stat-row p{display:none}.section-heading h3{font-size:18px}.text-button{font-size:9px}.jp-tip p{font-size:10px}.roadmap-intro h2,.progress-hero h2{font-size:29px}.roadmap-card{grid-template-columns:39px 1fr;gap:12px;padding:19px 17px 27px}.roadmap-number{font-size:22px}.roadmap-action{grid-column:2}.roadmap-action button{padding:9px 11px}.lock{font-size:9px}.bank-head h2,.bank-total b{font-size:23px}.bank-row{grid-template-columns:1fr auto;gap:7px 11px;padding:12px}.bank-main{grid-column:1;grid-row:1}.romanization{grid-column:1;grid-row:2;font-size:10px}.japanese{grid-column:1;grid-row:3;font-size:10px}.status-chip{grid-column:1!important;grid-row:4}.row-actions{grid-column:2;grid-row:1 / span 4}.progress-hero{flex-direction:column;align-items:flex-start;gap:25px;padding:28px 23px}.progress-hero h2{font-size:29px}.big-progress{width:100%;text-align:left}.big-progress strong{font-size:48px}.progress-grid{grid-template-columns:1fr}.progress-panel{padding:17px}.lesson-top{height:66px;padding:0 17px}.lesson-top button span{display:none}.lesson-stage{margin-top:32px}.lesson-stage h1{font-size:24px}.lesson-card{flex-direction:column;padding:22px;text-align:center;gap:17px}.lesson-glyph{width:125px;height:125px;font-size:72px}.lesson-card-copy>span{margin-bottom:16px}.example-box{flex-direction:column;gap:7px}.answer-buttons{gap:7px}.answer-buttons button{padding:11px 9px;gap:7px}.answer-buttons button strong{width:28px;height:28px;font-size:13px}.answer-buttons button span{font-size:10px}.menu-drawer{width:min(88vw,360px);padding:28px 18px}}@media(max-width:640px){.feed-view{height:calc(100vh - 84px);min-height:0;margin:0 -16px}.feed-heading{margin-bottom:0}.feed-stack{gap:0;scroll-snap-type:y mandatory}.feed-card{flex:0 0 100%;height:100%;min-height:0;border-radius:0;box-shadow:none;scroll-snap-align:start;scroll-snap-stop:always}.feed-brand strong{font-size:17px}.feed-brand small{font-size:11px}.feed-curator{padding-top:50px}.feed-curator strong{font-size:20px}.feed-curator small{font-size:12px}.feed-copy{right:20px;bottom:176px;left:20px}.feed-kicker{font-size:12px}.feed-copy h3{font-size:70px;line-height:1.05}.feed-reading{font-size:17px}.feed-meaning strong{font-size:27px}.feed-meaning span{margin-top:7px;font-size:14px;line-height:1.5}.feed-example b{font-size:14px}.feed-example span{margin-top:6px;font-size:12px;line-height:1.45}.feed-footer{right:20px;bottom:22px;left:20px}.feed-actions button{padding:9px 10px;font-size:11px}.feed-actions button:last-child{font-size:25px}.feed-caption{font-size:13px;line-height:1.55}.feed-note{padding:12px 16px 16px;font-size:11px}}