:root{color:#f7f7f8;font-synthesis:none;text-rendering:optimizelegibility;background:#0f1014;font-family:Inter,Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#0f1014;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.topbar{z-index:20;padding:16px max(18px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1014f2;border-bottom:1px solid #292c33;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.04em;font-weight:850}.subtitle{color:#9ca3af;margin-top:3px;font-size:12px}.version{color:#aeb6c4;border:1px solid #30343d;border-radius:10px;padding:7px 9px;font-size:12px}.content{width:min(980px,100%);margin:0 auto;padding:22px 18px 34px}.stack{gap:16px;display:grid}.card{background:#17191f;border:1px solid #292c33;border-radius:18px;padding:20px}.hero{padding:28px}.eyebrow{color:#aeb6c4;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}h1{margin:8px 0 10px;font-size:clamp(25px,5vw,38px);line-height:1.18}h2{margin:0 0 16px;font-size:19px}p{color:#b9c0cc;line-height:1.6}.primary{color:#111318;cursor:pointer;background:#f4f5f7;border:0;border-radius:13px;padding:13px 16px;font-weight:800}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary{color:#eef1f5;cursor:pointer;background:#1b1e25;border:1px solid #343944;border-radius:13px;padding:12px 16px;font-weight:750}.metric{gap:5px;display:grid}.metric span,.metric small{color:#9da5b2}.metric strong{font-size:27px}.roadmap{display:grid}.roadmap-row{border-top:1px solid #242831;grid-template-columns:18px 1fr;gap:10px;padding:12px 0;display:grid}.roadmap-row:first-child{border-top:0}.roadmap-row .dot{background:#444a55;border-radius:50%;width:9px;height:9px;margin-top:6px}.roadmap-row.done .dot{background:#d8dde7}.roadmap-row.next .dot{outline-offset:2px;outline:2px solid #777f8d}.roadmap-row strong,.roadmap-row span{display:block}.roadmap-row span{color:#9da5b2;margin-top:3px;font-size:13px}.section-head{justify-content:space-between;align-items:end;gap:14px;display:flex}.segmented{background:#17191f;border:1px solid #292c33;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented button{color:#9da5b2;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px 12px}.segmented button.active{color:#111318;background:#f1f3f6;font-weight:800}.hint{margin:-4px 0 0;font-size:13px}.kana-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.kana-card{color:#f6f7f9;cursor:pointer;background:#17191f;border:1px solid #2d313a;border-radius:15px;align-content:center;place-items:center;gap:3px;min-height:112px;transition:transform .12s,border-color .12s;display:grid}.kana-card:active{transform:scale(.98)}.kana-card.learned{background:#20232a;border-color:#aab2c0}.kana{font-size:34px;font-weight:800}.roman{color:#afb6c2;font-size:13px}.state{color:#777f8d;margin-top:4px;font-size:10px}.kana-card.learned .state{color:#d7dbe2}.empty-state{align-content:center;min-height:260px;display:grid}.bottom-nav{z-index:30;left:50%;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#17191ff5;border:1px solid #30343d;border-radius:16px;grid-template-columns:repeat(5,1fr);gap:4px;width:min(620px,100% - 20px);padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 40px #00000059}.bottom-nav button{color:#929aa7;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 6px;font-size:12px}.bottom-nav button.active{color:#111318;background:#f1f3f6;font-weight:800}@media (width<=640px){.content{padding:18px 12px 28px}.hero{padding:22px 18px}.grid.two{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:stretch}.segmented{width:100%}.segmented button{flex:1}.kana-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.kana-card{border-radius:12px;min-height:88px}.kana{font-size:29px}}@media (width<=380px){.kana-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav button{font-size:11px}}.category-scroller{scrollbar-width:thin;gap:8px;padding:2px 1px 7px;display:flex;overflow-x:auto}.category-scroller button{color:#aeb6c4;cursor:pointer;background:#17191f;border:1px solid #2d313a;border-radius:999px;flex:none;padding:9px 13px}.category-scroller button.active{color:#111318;background:#f1f3f6;border-color:#f1f3f6;font-weight:800}.category-summary{justify-content:space-between;align-items:center;gap:16px;display:flex}.category-summary h2{margin:5px 0 0}.category-summary p{margin:6px 0 0}.category-count{color:#d5dae3;border:1px solid #343944;border-radius:11px;flex:none;padding:9px 11px;font-weight:800}.phrase-list{gap:12px;display:grid}.phrase-card{gap:7px;display:grid}.phrase-top{gap:6px;display:flex}.tag{color:#edf0f4;background:#2c3038;border-radius:999px;width:fit-content;padding:5px 8px;font-size:11px;font-weight:750;display:inline-flex}.tag.muted{color:#9ea6b3;background:#20232a}.jp-main{letter-spacing:.01em;margin-top:4px;font-size:clamp(23px,4vw,31px);font-weight:850;line-height:1.35}.jp-reading{color:#c1c7d1;font-size:14px}.ko-meaning{margin-top:5px;font-size:17px;font-weight:750}.roman-line{color:#7f8795;font-size:12px}.reply-box{color:#dfe3e9;background:#111318;border:1px solid #262a31;border-radius:12px;gap:4px;margin-top:7px;padding:11px 12px;font-size:13px;display:grid}.reply-box strong{color:#939ba8;font-size:11px}.usage-note{border-top:1px solid #252932;margin:4px 0 0;padding-top:9px;font-size:13px}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.word-card{align-content:center;gap:5px;min-height:150px;display:grid}.word-jp{font-size:28px;font-weight:850}.word-reading{color:#bcc3ce;font-size:13px}.word-card strong{margin-top:6px}.word-card span{color:#7f8795;font-size:12px}@media (width<=760px){.metrics-grid,.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.category-summary{align-items:flex-start}.category-count{font-size:12px}.phrase-card{padding:17px}.word-card{min-height:128px;padding:16px}}.quiz-start-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.quiz-start-card{gap:14px;display:grid}.quiz-count{font-size:38px;font-weight:900;line-height:1}.quiz-count span{color:#9da5b2;margin-left:5px;font-size:15px;font-weight:700}.difficulty-plan{flex-wrap:wrap;gap:6px;display:flex}.difficulty-plan span,.quiz-rule-chips span,.quiz-badges span{color:#b8c0cc;background:#13151a;border:1px solid #30343d;border-radius:999px;padding:6px 9px;font-size:11px}.quiz-start-card .primary{width:100%}.quiz-rule-card p{margin:0}.quiz-rule-chips{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.metric-row>div{gap:4px;display:grid}.metric-row span{color:#8f97a4;font-size:12px}.metric-row strong{font-size:24px}.quiz-progress-head{color:#aeb6c4;justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-progress-head strong{color:#f6f7f9;font-size:20px}.quiz-badges{gap:6px;display:flex}.quiz-progress-track{background:#232730;border-radius:999px;height:6px;overflow:hidden}.quiz-progress-track span{border-radius:inherit;background:#e8ebf0;height:100%;transition:width .2s;display:block}.quiz-question-card{align-content:center;min-height:210px;display:grid}.quiz-prompt{margin-top:12px;font-size:clamp(28px,6vw,44px);font-weight:900;line-height:1.32}.quiz-subprompt{color:#aeb6c4;margin-top:9px;font-size:14px;line-height:1.55}.quiz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.quiz-option{text-align:left;color:#eef1f5;cursor:pointer;background:#17191f;border:1px solid #30343d;border-radius:14px;align-items:center;gap:12px;min-height:78px;padding:14px;display:flex}.quiz-option:disabled{cursor:default;opacity:1}.quiz-option:not(:disabled):active{transform:scale(.99)}.option-index{color:#aeb6c4;background:#252932;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.quiz-option.selected{border-color:#737c8a}.quiz-option.correct{background:#242830;border-color:#c4cad4}.quiz-option.correct .option-index{color:#111318;background:#e9ecf1}.quiz-option.wrong{background:#251c20;border-color:#7a555a}.quiz-option.wrong .option-index{color:#f1d9dd;background:#56383e}.answer-feedback{gap:8px;display:grid}.answer-feedback>strong{font-size:18px}.answer-feedback>span{color:#b7bec9;line-height:1.55}.answer-feedback .primary{justify-self:start;min-width:130px;margin-top:5px}.answer-feedback.correct{border-color:#4d5562}.answer-feedback.wrong{border-color:#5e454a}.quiz-result-card{text-align:center;justify-items:center;display:grid}.score-number{letter-spacing:-.05em;margin-top:12px;font-size:clamp(68px,18vw,110px);font-weight:950;line-height:.95}.score-number span{letter-spacing:0;color:#9da5b2;margin-left:5px;font-size:22px}.quiz-result-card h1{font-size:24px}.quiz-result-card .hero-actions{justify-content:center}.wrong-summary-list{gap:8px;display:grid}.wrong-summary-list>div{border-top:1px solid #272b33;gap:3px;padding:10px 0;display:grid}.wrong-summary-list>div:first-child{border-top:0}.wrong-summary-list span{color:#9da5b2;font-size:13px}.review-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.review-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.review-card{gap:7px;display:grid}.review-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mistake-count{color:#b8a3a7;font-size:11px}.review-jp{margin-top:6px;font-size:25px;font-weight:850;line-height:1.35}.review-card>strong{color:#c5cbd5}.review-action{justify-content:space-between;align-items:center;gap:15px;display:flex}.review-action p{margin:0}.review-action .primary{flex:none}@media (width<=640px){.quiz-start-grid,.quiz-options,.review-list{grid-template-columns:1fr}.quiz-question-card{min-height:185px}.quiz-option{min-height:68px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.metric-row strong{font-size:19px}.review-action{flex-direction:column;align-items:stretch}.review-action .primary{width:100%}}.speech-status{gap:6px;display:grid}.speech-status p{margin:0}.speech-status.supported{border-color:#414854}.speech-status.unsupported{border-color:#5e454a}.listening-quiz-launch{gap:14px;display:grid}.listening-quiz-launch h2{margin-bottom:4px}.listening-quiz-launch p{margin:0}.listening-quiz-launch small{color:#9098a5}.section-head.compact h2{margin:6px 0 0}.listening-phrase-card{gap:7px;display:grid}.listening-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.listening-controls-center{justify-content:center}.compact-button{padding:10px 13px}.listening-question-card{text-align:center;align-content:center;justify-items:center;gap:16px;min-height:230px;display:grid}.listening-symbol{background:#1d2027;border:1px solid #343944;border-radius:50%;place-items:center;width:84px;height:84px;font-size:42px;font-weight:900;display:grid}.speech-warning{margin:0;font-size:13px}@media (width<=480px){.bottom-nav{gap:2px;padding:6px 5px}.bottom-nav button{padding-left:2px;padding-right:2px;font-size:11px}.listening-controls .primary,.listening-controls .secondary{flex:auto}}.top-actions{align-items:center;gap:8px;display:flex}.cloud-pill{color:#c0c7d1;cursor:pointer;background:#17191f;border:1px solid #343944;border-radius:10px;padding:7px 10px;font-size:12px;font-weight:750}.cloud-pill.online{color:#f0f2f5;border-color:#687282}.cloud-home-card{justify-content:space-between;align-items:center;gap:16px;display:flex}.cloud-home-card h2{margin:5px 0 0}.cloud-home-card p{margin:7px 0 0}.cloud-home-card .secondary{flex:none}.modal-backdrop{z-index:100;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000ad;place-items:center;display:grid;position:fixed;inset:0}.account-panel{background:#111318;border:1px solid #30343d;border-radius:20px;width:min(620px,100%);max-height:min(820px,100vh - 32px);padding:20px;overflow:auto;box-shadow:0 24px 80px #00000080}.account-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.account-head h1{margin-bottom:0}.icon-button{color:#eef1f5;cursor:pointer;background:#1b1e25;border:1px solid #343944;border-radius:11px;width:38px;height:38px;font-size:24px;line-height:1}.sync-disabled-card,.local-first-card,.sync-rule-card,.account-user-card,.backup-card{gap:8px;display:grid}.sync-disabled-card p,.local-first-card p,.sync-rule-card p{margin:0}.sync-disabled-card small{color:#8f97a4;line-height:1.5}.account-user-card{grid-template-columns:1fr auto;align-items:center}.account-user-card>div{gap:5px;min-width:0;display:grid}.account-user-card span{color:#939ba8;font-size:12px}.account-user-card strong{overflow-wrap:anywhere}.sync-dot{border:1px solid #4a535f;border-radius:999px;padding:6px 9px;font-weight:800;color:#dfe3e9!important}.form-field{gap:7px;display:grid}.form-field>span{color:#aeb6c4;font-size:12px;font-weight:750}.form-field input{color:#f4f5f7;background:#17191f;border:1px solid #343944;border-radius:12px;outline:none;width:100%;padding:13px 14px}.form-field input:focus{border-color:#747e8d}.auth-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.backup-card{grid-template-columns:1fr auto;align-items:center}.backup-card>div{gap:5px;display:grid}.backup-card span{color:#8f97a4;font-size:12px}.account-signout{width:100%}.sync-message{color:#d9dee6;background:#17191f;border:1px solid #343944;border-radius:12px;margin-top:14px;padding:11px 12px;font-size:13px;line-height:1.5}.sync-message.success{border-color:#505a67}.sync-message.error{color:#ebd2d7;background:#21181b;border-color:#6c4b51}.sync-message.info{border-color:#3c434e}.privacy-note{color:#7f8795;margin:14px 2px 0;font-size:11px;line-height:1.55}button:disabled{cursor:default;opacity:.55}@media (width<=640px){.topbar{gap:8px;padding-left:12px;padding-right:12px}.subtitle{display:none}.top-actions{gap:5px}.cloud-pill,.version{padding:6px 8px;font-size:11px}.cloud-home-card{flex-direction:column;align-items:stretch}.cloud-home-card .secondary{width:100%}.account-panel{border-radius:17px;padding:16px}.auth-actions,.backup-card{grid-template-columns:1fr}.backup-card .secondary{width:100%}}.bottom-nav{grid-template-columns:repeat(7,1fr);width:min(800px,100% - 20px)}.ai-status-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.ai-status-card>div:first-child{min-width:0}.ai-status-card p,.ai-privacy-note p,.ai-role-head p{margin:6px 0 0}.ai-status-card.supported{border-color:#4c5664}.ai-status-card.unsupported{border-color:#5e454a}.ai-usage{text-align:right;flex:none;gap:3px;display:grid}.ai-usage span{color:#8f97a4;font-size:11px}.ai-usage strong{font-size:20px}.ai-privacy-note{gap:6px;display:grid}.ai-privacy-note p{color:#aab2bf;line-height:1.65}.ai-role-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.ai-role-head h2{margin:5px 0 0}.ai-role-head .primary{flex:none}.ai-empty{min-height:180px}.ai-chat-list{gap:10px;display:grid}.ai-message{background:#17191f;border:1px solid #30343d;border-radius:16px;gap:6px;width:min(88%,620px);padding:14px 16px;display:grid}.ai-message.user{background:#22262e;justify-self:end}.ai-message.assistant{justify-self:start}.ai-message-label{color:#8f97a4;font-size:11px;font-weight:800}.ai-message-main{overflow-wrap:anywhere;font-size:21px;font-weight:820;line-height:1.45}.ai-reading{color:#a8b0bd;font-size:13px;line-height:1.5}.ai-korean{color:#d9dee5;font-size:14px;line-height:1.55}.ai-message-tools{margin-top:2px}.ai-feedback{background:#21191c;border:1px solid #5e4b50;border-radius:11px;gap:4px;margin-top:5px;padding:10px 11px;display:grid}.ai-feedback.ok{background:#1d2128;border-color:#444e5a}.ai-feedback strong{color:#d6bcc1;font-size:11px}.ai-feedback span{font-weight:800}.ai-feedback p{color:#bfc5cf;margin:0;font-size:12px;line-height:1.55}.ai-compose,.correction-card{gap:10px;display:grid}.form-field textarea{resize:vertical;color:#f4f5f7;width:100%;min-height:96px;font:inherit;background:#17191f;border:1px solid #343944;border-radius:12px;outline:none;padding:13px 14px;line-height:1.55}.form-field textarea:focus{border-color:#747e8d}.ai-compose-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-compose-foot small{color:#7f8795}.correction-result{gap:7px;display:grid}.correction-result>p{color:#b9c0ca;margin:6px 0;line-height:1.65}.ai-busy{color:#aeb6c4;text-align:center;padding:9px 12px;font-size:12px}@media (width<=640px){.bottom-nav{width:calc(100% - 10px)}.bottom-nav button{font-size:10px}.ai-status-card,.ai-role-head{flex-direction:column;align-items:stretch}.ai-usage{text-align:left}.ai-role-head .primary{width:100%}.ai-message{width:94%}.ai-message-main{font-size:19px}}.home-section{gap:14px}.home-hero{padding:24px}.home-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.home-action-card{text-align:left;min-height:112px;color:inherit;cursor:pointer;align-content:center;gap:7px;display:grid}.home-action-card>span{color:#9da5b2;font-size:12px;font-weight:750}.home-action-card>strong{font-size:16px;line-height:1.35}.home-progress-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.home-progress-row .metric{padding:16px}.home-progress-row .metric strong{font-size:23px}.japanese-expression{gap:5px;min-width:0;display:grid}.japanese-expression.compact{gap:3px}.japanese-expression.compact .jp-main{margin-top:0;font-size:21px}.japanese-expression.compact .ko-meaning{margin-top:2px;font-size:14px}.ko-pronunciation{color:#d9dee6;font-size:14px;line-height:1.5}.japanese-expression.compact .ko-pronunciation{font-size:12px}.settings-panel{width:min(640px,100%)}.settings-group{gap:12px;margin-top:12px;display:grid}.settings-group:first-of-type{margin-top:0}.settings-group p{margin:4px 0 0;font-size:13px}.settings-segmented{width:100%}.settings-segmented button{flex:1}.setting-toggle{color:#d9dee6;border-top:1px solid #292c33;justify-content:space-between;align-items:center;gap:14px;min-height:42px;padding:8px 0;font-weight:700;display:flex}.setting-toggle input{accent-color:#f1f3f6;width:20px;height:20px}.settings-note{color:#8f97a4;line-height:1.55}.form-field select{color:#f4f5f7;background:#17191f;border:1px solid #343944;border-radius:12px;outline:none;width:100%;padding:12px 13px}.app-shell{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.content{padding-bottom:28px}.bottom-nav{z-index:60;width:min(900px,100%);padding:7px max(7px, env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-right));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#17191ff7;border:1px solid #30343d;border-bottom:0;border-radius:16px 16px 0 0;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:0 auto;position:fixed;bottom:0;left:0;right:0;transform:none;box-shadow:0 -8px 30px #00000047}.bottom-nav button{white-space:nowrap;min-width:0}:root[data-theme=light],:root[data-theme=light] body{color:#17191f;background:#f4f5f7}:root[data-theme=light] .topbar{background:#f4f5f7f2;border-color:#d8dce3}:root[data-theme=light] .card,:root[data-theme=light] .segmented,:root[data-theme=light] .kana-card,:root[data-theme=light] .category-scroller button,:root[data-theme=light] .quiz-option,:root[data-theme=light] .ai-message,:root[data-theme=light] .cloud-pill,:root[data-theme=light] .form-field input,:root[data-theme=light] .form-field textarea,:root[data-theme=light] .form-field select,:root[data-theme=light] .sync-message{color:#20242b;background:#fff;border-color:#d8dce3}:root[data-theme=light] .secondary,:root[data-theme=light] .icon-button{color:#20242b;background:#f0f2f5;border-color:#d4d8df}:root[data-theme=light] .primary,:root[data-theme=light] .segmented button.active,:root[data-theme=light] .category-scroller button.active,:root[data-theme=light] .bottom-nav button.active{color:#fff;background:#20242b}:root[data-theme=light] p,:root[data-theme=light] .subtitle,:root[data-theme=light] .eyebrow,:root[data-theme=light] .metric span,:root[data-theme=light] .metric small,:root[data-theme=light] .jp-reading,:root[data-theme=light] .roman-line,:root[data-theme=light] .settings-note,:root[data-theme=light] .ai-message-label,:root[data-theme=light] .ai-usage span,:root[data-theme=light] .word-reading{color:#626b78}:root[data-theme=light] .ko-pronunciation,:root[data-theme=light] .ko-meaning,:root[data-theme=light] .review-card>strong{color:#2d333c}:root[data-theme=light] .reply-box,:root[data-theme=light] .ai-feedback.ok,:root[data-theme=light] .listening-symbol{color:#20242b;background:#f5f6f8;border-color:#d8dce3}:root[data-theme=light] .tag{color:#2a3038;background:#e8ebef}:root[data-theme=light] .tag.muted{color:#626b78;background:#f0f2f5}:root[data-theme=light] .bottom-nav{background:#fffffff7;border-color:#d5d9e0;box-shadow:0 -8px 28px #14181e1a}:root[data-theme=light] .bottom-nav button{color:#606976}:root[data-theme=light] .account-panel{background:#f8f9fb;border-color:#d8dce3;box-shadow:0 24px 80px #14181e2e}:root[data-theme=light] .modal-backdrop{background:#1e222857}:root[data-theme=light] .setting-toggle{color:#2a3038;border-color:#e0e3e8}:root[data-theme=light] .ai-message.user{background:#edf0f4}:root[data-theme=light] .ai-feedback{background:#fff5f6;border-color:#dfc4c9}:root[data-theme=light] .sync-message.error{color:#7a3944;background:#fff4f5}@media (width<=760px){.home-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.home-progress-row{grid-template-columns:repeat(3,minmax(0,1fr))}.home-progress-row .metric{padding:13px 10px}.home-progress-row .metric strong{font-size:19px}.home-progress-row .metric small{font-size:10px}.bottom-nav{width:100%}.bottom-nav button{padding:9px 2px;font-size:10px}.content{padding-bottom:20px}}@media (width<=420px){.top-actions .version{display:none}.home-action-grid{grid-template-columns:1fr 1fr}.home-action-card{min-height:98px;padding:15px}}.ai-original-korean{color:#949daa;margin-top:3px;font-size:12px;line-height:1.5}.korean-assist-card{border-color:#4e5968;gap:10px;display:grid}.korean-assist-card h2{margin:0;font-size:18px}.assist-politeness{border-top:1px solid #2d3139;gap:7px;padding-top:10px;display:grid}.assist-politeness>strong{color:#aab2bf;font-size:12px}.ai-speech-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.speech-language{flex:0 280px}.speech-language button{min-width:0}.speech-button{flex:none;min-width:122px}.speech-button.listening{color:#ffd9dd;background:#352126;border-color:#c65d68}.speech-compose-note{color:#8f97a4;margin:-2px 0 0;font-size:12px;line-height:1.5}.speech-inline-error{color:#e2c4c9;background:#24191c;border:1px solid #5e454a;border-radius:10px;padding:9px 11px;font-size:12px;line-height:1.5}:root[data-theme=light] .assist-politeness{border-color:#e0e3e8}:root[data-theme=light] .speech-button.listening{color:#7a3944;background:#fff0f2;border-color:#d99aa3}:root[data-theme=light] .speech-inline-error{color:#7a3944;background:#fff4f5;border-color:#dfc4c9}:root[data-theme=light] .ai-original-korean,:root[data-theme=light] .speech-compose-note{color:#66707d}@media (width<=640px){.ai-speech-row{flex-direction:column;align-items:stretch}.speech-language,.speech-button{flex-basis:auto;width:100%}}.settings-version-group{align-items:center;gap:5px;display:inline-flex}.settings-version-group .version{white-space:nowrap;align-items:center;min-height:34px;font-weight:800;display:inline-flex}.app-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.bottom-nav{width:min(960px,100%);padding:8px max(8px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-right));grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}.bottom-nav button{text-align:center;border-radius:12px;place-items:center;width:100%;min-width:0;min-height:58px;padding:12px 4px;font-size:13px;font-weight:760;display:grid}@media (width<=640px){.topbar{padding-left:10px;padding-right:10px}.top-actions{gap:4px}.settings-version-group{gap:3px}.settings-version-group .version{padding:6px;font-size:10px;display:inline-flex}.bottom-nav{width:100%;padding-left:max(5px, env(safe-area-inset-left));padding-right:max(5px, env(safe-area-inset-right));gap:2px}.bottom-nav button{min-height:56px;padding:11px 2px;font-size:12px}}@media (width<=420px){.top-actions .version{display:inline-flex}.cloud-pill{padding-left:7px;padding-right:7px}.bottom-nav button{font-size:11px}}