@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&family=Noto+Serif+JP:wght@500;600&display=swap";html{scroll-behavior:smooth;min-width:320px}body{min-width:320px}button,input{font-family:inherit}.playback-feedback{text-align:left;background:#f1f6eb;border:1px solid #d6e1ce;border-radius:13px;margin:12px 0;padding:13px 15px}.playback-heading{color:#405b36;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.playback-heading strong{flex:1;font-size:13px;font-weight:650}.playback-heading small{font-variant-numeric:tabular-nums;font-size:12px}.playback-heading button,.flow-countdown button{background:#fff;border:1px solid #cfdbc5;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:5px 8px;font-size:12px;display:inline-flex}.playback-feedback p{color:#52644a!important;margin:8px 0 0!important;font-size:12px!important;line-height:1.6!important}.playback-meter{align-items:center;gap:10px;margin-top:10px;display:flex}.playback-meter progress,.flow-countdown progress{accent-color:#688958;width:100%;height:6px;display:block}.playback-meter small{white-space:nowrap;font-variant-numeric:tabular-nums}.playback-meter>span{color:#64745b;flex:1;font-size:12px}.playback-feedback.error{background:#fff6ed;border-color:#e7ccb0}.playback-spin{animation:1.2s linear infinite playback-spin}.flow-countdown{background:#edf3e7;border:1px solid #d3e0ca;border-radius:12px;margin:12px 0;padding:12px 14px}.flow-countdown>div{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.flow-countdown strong{font-variant-numeric:tabular-nums;font-size:13px}.study-next-hint{background:#f4f6ef;border-radius:10px;padding:12px 14px;color:#516447!important;margin:12px 0!important;font-size:13px!important;line-height:1.65!important}.playback-dock{z-index:35;filter:drop-shadow(0 5px 18px #293d2420);width:min(540px,100vw - 32px);position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.playback-dock>.playback-feedback{margin:0}.playback-dock>.dock-dismiss{background:#fff;border:1px solid #ccd8c4;border-radius:9px;min-height:36px;margin-left:auto;padding:7px 12px;font-size:12px;display:block}.audio[aria-busy=true]{background:#eaf2e3;border:1px solid #789369}@keyframes playback-spin{to{transform:rotate(360deg)}}@media (width<=767px){.playback-dock{bottom:calc(86px + env(safe-area-inset-bottom))}.playback-heading button,.flow-countdown button{min-height:44px}.playback-feedback{padding:12px}.playback-heading strong{font-size:13px}}@media (prefers-reduced-motion:reduce){.playback-spin{animation:none}}.learning-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0;padding:0;list-style:none;display:grid}.learning-steps li{color:#798370;background:#f0f2ec;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:10px 5px;font-size:12px;line-height:1.4;display:flex}.learning-steps li.active{color:#3b5c30;background:#e2edda;border:1px solid #9db28f;font-weight:700}.learning-steps li.done{color:#4e7041}.learning-steps span{font-variant-numeric:tabular-nums;flex-shrink:0}@media (width<=380px){.learning-steps li{font-size:11px}}.modal.study:not(.with-writing) .study-grid{grid-template-columns:minmax(0,1fr)!important;display:grid!important}.modal.study:not(.with-writing) .study-card-panel{justify-self:center;width:100%;max-width:680px}.beginner-session{scroll-margin-top:calc(84px + env(safe-area-inset-top))}.beginner-session:focus{outline:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.mock-launch{background:#f8faf5;border:1px solid #dce4d5;border-radius:18px;margin-bottom:24px;padding:24px}.mock-launch-heading{align-items:center;gap:14px;display:flex}.mock-launch p{margin:12px 0;font-size:14px}.mock-launch small{color:#6b7666;margin-top:12px;line-height:1.7;display:block}.mock-schedule{gap:12px;margin:22px 0;padding:0;list-style:none;display:flex}.mock-schedule li{background:#fff;border:1px solid #e0e6db;border-radius:12px;flex:1;gap:6px;padding:16px;display:grid}.mock-schedule strong{font-size:23px}.mock-schedule small{margin:0}.mock-overlay{z-index:60!important;padding:20px!important}.mock-room{background:#fafbf8;border-radius:20px;flex-direction:column;width:min(1120px,100%);height:min(900px,100dvh - 40px);display:flex;overflow:hidden}.mock-toolbar{background:#fff;flex-shrink:0;gap:18px;height:auto;min-height:86px;margin:0;padding:18px 24px;display:flex}.mock-toolbar>div{margin-right:auto;display:block}.mock-toolbar span{font-size:13px}.mock-toolbar button{place-items:center;width:44px;height:44px;display:grid}.mock-toolbar .mock-clock{font-variant-numeric:tabular-nums;color:#375135;align-items:center;gap:8px;font-size:22px;display:flex}.mock-clock.urgent{color:#ae3d2e}.mock-body{grid-template-columns:minmax(0,1fr) 240px;min-height:0;display:grid;overflow:auto}.mock-paper{min-width:0;padding:28px}.mock-paper h3{white-space:pre-line;margin:20px 0;font-size:22px;line-height:1.8}.mock-question-meta{color:#65745b;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.mock-question-meta button{align-items:center;gap:6px;min-height:44px;display:flex}.mock-listening{background:#eef4e8;border-radius:14px;gap:14px;margin:18px 0;padding:18px;display:flex}.mock-listening p{margin:5px 0 12px;font-size:13px}.mock-controls{justify-content:space-between;gap:14px;margin-top:24px;display:flex}.mock-room button.primary,.mock-room button.outline{justify-content:center;align-items:center;gap:8px;min-height:46px;display:inline-flex}.mock-answer-sheet{background:#f2f5ee;border-left:1px solid #e1e6dd;padding:24px 18px}.mock-answer-sheet p{margin:8px 0 16px;font-size:13px}.mock-number-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px;display:grid}.mock-number-grid button{font-variant-numeric:tabular-nums;background:#fff;border:1px solid #cad5c2;border-radius:8px;min-height:42px;position:relative}.mock-number-grid button.answered{background:#dae8cf}.mock-number-grid button.current{outline-offset:1px;outline:2px solid #4c6b3e}.mock-number-grid svg{position:absolute;top:1px;right:1px}.mock-abandon{min-height:44px;margin-top:18px;font-size:12px;text-decoration:underline;display:block}.mock-summary{padding:30px;overflow:auto}.mock-summary>p{margin:14px 0}.mock-summary details{background:#fff;border:1px solid #dce5d4;border-radius:12px;margin:12px 0;padding:18px}.mock-summary summary{cursor:pointer}.mock-summary details p{white-space:pre-line;margin:12px 0}.mock-confirm .outline{margin-top:10px}@media (width<=767px){.mock-launch{padding:18px}.mock-schedule{gap:7px}.mock-schedule li{padding:12px 8px;font-size:12px}.mock-schedule strong{font-size:20px}.mock-overlay{padding:0!important}.mock-room{width:100%;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border-radius:0}.mock-toolbar{gap:10px;min-height:76px;padding:12px 16px}.mock-toolbar h2{font-size:18px}.mock-toolbar .mock-clock{font-size:20px}.mock-body{display:block}.mock-paper{padding:20px 16px}.mock-paper h3{font-size:19px}.mock-answer-sheet{border-top:1px solid #e0e6da;border-left:0;padding:18px 16px}.mock-number-grid{grid-template-columns:repeat(6,1fr)}.mock-summary{padding:22px 18px}}.mock-room .options button>span:first-child{flex:0 0 28px;width:28px;height:28px}.mock-room .options button>span[lang]{overflow-wrap:anywhere;background:0 0;border-radius:0;flex:1;width:auto;min-width:0;height:auto;line-height:1.7;display:block}.mock-room .options button{min-height:60px}.settings-modal{background:#f7f8f4;overflow-y:auto;width:min(960px,100vw - 48px)!important;max-width:960px!important;padding:0!important}.settings-modal .modal-top{z-index:2;background:#f7f8f4;border-bottom:1px solid #e1e6dc;margin:0;padding:22px 28px;position:sticky;top:0}.settings-modal .modal-top h2{font-size:22px;line-height:1.4}.settings-modal .modal-top button{background:#e9eee5;border-radius:50%;place-items:center;min-width:44px;min-height:44px;display:grid}.settings-intro{padding:18px 28px 0;font-size:14px}.settings-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;padding:22px 28px;display:grid}.settings-column{flex-direction:column;gap:20px;min-width:0;display:flex}.settings-modal .settings-account-card,.settings-panel,.settings-modal .study-reminder{box-shadow:none;background:#fff;border:1px solid #e0e6db;border-radius:18px;margin:0;padding:20px}.settings-section-heading,.settings-modal .account-card-header,.settings-modal .reminder-heading{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.settings-section-heading>div,.settings-modal .account-card-header>div:last-child{min-width:0}.settings-icon,.settings-modal .cloud-icon-circle,.settings-modal .reminder-heading>svg{color:#54734b;background:#eef3e9;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.settings-modal .reminder-heading>svg{padding:9px}.settings-modal h3{margin:0 0 6px;font-size:16px;line-height:1.5}.settings-modal p{font-size:13px;line-height:1.75}.settings-modal .account-user-meta{grid-template-columns:40px minmax(0,1fr);align-items:center;gap:12px;display:grid}.settings-modal .account-badge-verified{grid-column:2;justify-self:start;align-items:center;gap:5px;display:inline-flex}.settings-modal .account-user-text small{overflow-wrap:anywhere}.settings-modal .sync-actions-row,.settings-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.settings-modal button:not(.modal-top button){min-height:44px}.settings-modal .outline,.settings-modal .manual-sync-btn,.settings-modal .logout-btn{justify-content:center;align-items:center;gap:9px;font-size:13px;line-height:1.5;display:inline-flex}.settings-modal .guest-account-box{text-align:left;padding:16px}.settings-modal .google-login-main-btn{max-width:none;font-size:13px}.settings-modal .google-icon{flex:0 0 18px}.settings-modal .guest-desc{margin-bottom:16px}.settings-details{border-top:1px solid #e0e6db;gap:18px;padding:22px 28px;display:grid}.settings-details>p{flex-wrap:wrap;gap:8px;display:flex}.settings-details details{background:#fff;border:1px solid #e0e6db;border-radius:12px;padding:16px}.settings-details summary{cursor:pointer;min-height:32px;font-size:14px;font-weight:600}.settings-details details h3{margin-top:16px}.settings-backup{justify-self:start}.voice-settings fieldset{border:0;margin:0 0 18px;padding:0}.voice-settings legend{margin-bottom:10px;font-size:13px;font-weight:600}.voice-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.voice-options label{cursor:pointer;border:1px solid #cbd6c4;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;display:flex}.voice-options label:has(input:checked){color:#34502d;background:#edf4e8;border-color:#638456}.voice-options input{accent-color:#527448;width:18px;height:18px}.settings-select{justify-content:space-between;align-items:center;gap:14px;font-size:13px;font-weight:600;display:flex}.settings-select select{font:inherit;color:inherit;background:#fff;border:1px solid #cbd6c4;border-radius:10px;max-width:60%;padding:12px}.settings-help{color:#65715e!important;margin-top:14px!important}.voice-settings [role=status]:empty{display:none}.settings-modal .account-connections,.settings-modal .account-deletion{margin:0}@media (width<=767px){.app .overlay .settings-modal{max-height:calc(100dvh - env(safe-area-inset-top) - 8px);border-radius:22px 22px 0 0;width:100%!important;padding:0 0 env(safe-area-inset-bottom)!important}.settings-modal .modal-top{padding:16px 18px}.settings-modal .modal-top h2{font-size:19px}.settings-intro{padding:16px 18px 0}.settings-layout{grid-template-columns:1fr;gap:18px;padding:18px}.settings-column{gap:18px}.settings-details{padding:20px 18px}.settings-modal .settings-account-card,.settings-panel,.settings-modal .study-reminder{padding:17px}.settings-backup{width:100%}.settings-modal .sync-actions-row>*{flex:160px}.settings-modal .reminder-time input{min-width:120px;max-width:55%}}.settings-column{display:contents}.settings-layout{align-items:start}.settings-modal .study-reminder{grid-column:1/-1}.settings-modal .study-reminder .reminder-actions{margin-bottom:10px}.official-resource-links{max-width:640px;margin:16px 0}.official-resource-links>div{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.official-resource-links a{background:#fff;border:1px solid #cdd8c4;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:9px 12px;font-size:13px;display:inline-flex}.official-resource-links p{line-height:1.75;font-size:13px!important}.modal.settings-modal .settings-section-heading h3,.modal.settings-modal .account-card-header h3,.modal.settings-modal .reminder-heading h3{margin:0 0 6px;font-size:16px;line-height:1.5}.modal.settings-modal p{font-size:14px;line-height:1.7}.modal.settings-modal .settings-help{font-size:13px}.modal.settings-modal .modal-top h2{color:#344b36}.study-flow-controls{text-align:left;color:#364a30;background:#f5f8f1;border:1px solid #dce4d5;border-radius:12px;margin:12px 0;padding:10px 14px;font-size:14px}.study-flow-controls summary{cursor:pointer;min-height:28px;font-weight:600;line-height:28px}.study-flow-controls label{justify-content:space-between;align-items:center;gap:10px;min-height:44px;margin:8px 0;display:flex}.study-flow-controls input{accent-color:#526f46;width:22px;height:22px}.study-flow-controls select{font:inherit;color:#364a30;background:#fff;border:1px solid #a6b79c;border-radius:8px;padding:10px}.study-flow-controls p{margin:8px 0;line-height:1.7;font-size:12px!important}.flow-status{color:#53674a;font-size:13px;line-height:1.6}.flow-pause{color:#3f5634;background:#fff;border:1px solid #b7c5ab;border-radius:8px;min-height:44px;padding:8px 14px}.rating button{touch-action:manipulation}.study-flow-controls summary:focus-visible,.flow-pause:focus-visible{outline-offset:3px;outline:3px solid #6d865e}.study-reminder{color:#35472e;background:#f6f8f2;border:1px solid #d7dfce;border-radius:18px;margin:16px 0 24px;padding:20px}.reminder-heading{align-items:flex-start;gap:12px;display:flex}.reminder-heading h3{margin:0 0 6px;font-size:19px}.reminder-heading p{margin:0;font-size:14px}.reminder-toggle,.reminder-time{justify-content:space-between;align-items:center;gap:16px;margin:18px 0 10px;font-weight:600;display:flex}.reminder-toggle input{accent-color:#607953;cursor:pointer;width:26px;height:26px}.reminder-time input{color:#263920;min-width:135px;min-height:48px;font:inherit;background:#fff;border:1px solid #aab99e;border-radius:10px;padding:8px 12px}.reminder-help{line-height:1.65;color:#586750!important;font-size:13px!important}.reminder-state{font-size:14px;font-weight:600}.reminder-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.reminder-actions button,.study-reminder>button{min-height:46px}.reminder-message{color:#35472e;font-size:14px;line-height:1.6}.study-reminder input:focus-visible{outline-offset:3px;outline:3px solid #547546}@media (width<=440px){.study-reminder{padding:16px}.reminder-actions button{width:100%}}.apple-sign-in{color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:8px;width:100%;min-height:48px;margin-bottom:14px;font:600 17px system-ui;display:block}.apple-sign-in:disabled{opacity:.6}.account-connections{background:#f6f8f2;border:1px solid #d7dfce;border-radius:16px;margin:18px 0;padding:18px}.account-connections code{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;font-size:12px}:root{color:#313c33;font-synthesis:none;--green:#526f56;--muted:#858b82;--line:#e5e8df;--paper:#fff;background:#f8f9f5;font-family:DM Sans,Noto Sans KR,sans-serif;font-size:14px;font-weight:400}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #c79963}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}p{color:#7c837a;line-height:1.85}h2{letter-spacing:-.7px;font-size:21px}h3{letter-spacing:-.4px;font-size:16px}svg{flex-shrink:0}.sidebar{border-right:1px solid var(--line);background:#fcfcf9;flex-direction:column;width:246px;padding:40px 25px 24px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.5px;align-items:center;gap:10px;font-size:29px;font-weight:800;display:flex}.brand-icon{background:var(--green);color:#fff;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.brand-en{color:#8c9487;letter-spacing:0;align-self:flex-end;margin-bottom:4px;font-size:18px;font-weight:400}.sidebar-caption{color:#92978f;margin:16px 0 45px 6px;font-size:11px}.sidebar nav{gap:10px;display:grid}.sidebar nav button{text-align:left;color:#7e857d;border-radius:9px;align-items:center;gap:13px;padding:15px 13px;font-size:13px;display:flex}.sidebar nav button.active{color:#49654d;background:#eaf0e6;font-weight:700}.sidebar nav small{margin-left:auto}.sidebar-bottom{margin-top:auto}.goal-box{background:#f4f6ed;border:1px solid #e0e5d8;border-radius:12px;padding:17px 14px}.eyebrow{letter-spacing:2px;color:#889680;font-size:10px;font-weight:700}.goal-box strong{margin:10px 0 16px;font-size:13px;display:block}.goal-box>div{color:#959b8e;justify-content:space-between;font-size:11px;display:flex}.goal-box b{color:#607655;background:#e6ecd9;border-radius:5px;padding:3px 7px}.settings{color:#858a81;align-items:center;gap:12px;width:100%;padding:23px 8px;font-size:12px;display:flex}.settings svg:last-child{margin-left:auto}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:22px;display:flex}.avatar{color:#817d67;background:#eee7db;border-radius:50%;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:12px;display:grid}.profile strong{font-size:11px}.profile small{color:#92978f;margin-top:4px;font-size:9px;display:block}.profile>svg{color:#8a9a80;margin-left:auto}main{margin-left:246px}header{border-bottom:1px solid var(--line);color:#93998f;justify-content:space-between;align-items:center;height:83px;padding:0 45px;font-size:11px;display:flex}header>div{align-items:center;gap:25px;display:flex}.streak{color:#8c8574;align-items:center;gap:6px;display:flex}.streak svg{color:#ba9a70}.content{max-width:1320px;margin:auto;padding:43px 45px 0}.intro{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.intro h1{letter-spacing:-1.8px;margin:12px 0 13px;font-size:35px;font-weight:600;line-height:1.45}.intro h1 span{color:#5e785b}.intro p{font-size:12px}.date-chip{border:1px solid var(--line);color:#7d8579;background:#fff;border-radius:9px;align-self:flex-start;align-items:center;gap:8px;margin-top:30px;padding:12px 14px;font-size:11px;display:flex}.date-chip b{color:#5f7657;border-left:1px solid #e4e7e0;margin-left:3px;padding-left:9px}.home-grid{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:22px;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px}.hero{background:#edf2e6;border:1px solid #dfe6d6;border-radius:15px;min-height:316px;padding:29px 29px 30px;position:relative;overflow:hidden}.hero-top{color:#85947b;align-items:center;gap:10px;font-size:10px;display:flex}.pill{letter-spacing:.6px;color:#5b7951;border:1px solid #cfdbc6;border-radius:5px;padding:5px 9px;font-size:10px;display:inline-block}.hero h2{z-index:2;margin:22px 0 12px;font-size:24px;position:relative}.hero p{color:#819075;font-size:12px}.hero-meta{color:#809176;gap:14px;margin:19px 0 23px;font-size:10px;display:flex}.hero-meta span{align-items:center;gap:5px;display:flex}.primary{background:var(--green);color:#fff;z-index:2;border-radius:8px;justify-content:center;align-items:center;gap:22px;min-height:45px;padding:13px 19px;font-size:12px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex;position:relative}.primary:hover{background:#3f5b43;transform:translateY(-1px)}.kana-art{pointer-events:none;width:220px;height:230px;position:absolute;top:48px;right:15px}.paper{color:#566b4e;background:#fffdf7;border:1px solid #e6e5d9;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:88px;height:117px;font-family:Noto Serif JP,serif;font-size:49px;display:flex;position:absolute;box-shadow:0 8px 14px #69795710}.paper small{color:#a0aa94;margin-top:4px;font:13px DM Sans,sans-serif}.p1{top:55px;left:7px;transform:rotate(-14deg)}.p2{top:35px;left:78px;transform:rotate(9deg)}.p3{background:#e2e9d7;top:65px;left:125px;transform:rotate(23deg)}.art-note{color:#8e9d82;font-size:10px;line-height:1.7;position:absolute;bottom:0;left:45px;transform:rotate(-7deg)}.art-dots{color:#96a77e;font-size:27px;position:absolute;top:0;left:23px}.art-leaf{stroke-width:1px;color:#a6b492;position:absolute;bottom:10px;right:-8px;transform:rotate(-30deg)}.journey{padding:25px}.section-top{justify-content:space-between;align-items:center;display:flex}.section-top svg{color:#90a17f}.section-top h3{font-size:14px}.ring{border-radius:50%;width:139px;height:139px;margin:25px auto 19px;padding:8px;transform:rotate(0)}.ring>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.ring b{font-size:32px;font-weight:500}.ring b small{color:#a6aaa0;font-size:15px}.ring span{color:#9a9f95;margin-top:7px;font-size:10px}.journey p{text-align:center;font-size:10px}.journey-bottom{color:#959c90;justify-content:space-between;margin:20px 0 9px;font-size:10px;display:flex}.journey-bottom b{color:#6a805e}.bar{background:#edf0e7;border-radius:5px;height:5px;overflow:hidden}.bar span{background:#7f9873;height:100%;transition:width .3s;display:block}.stats{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:repeat(3,1fr);margin:20px 0 30px;padding:22px 0;display:grid}.stats>div{align-items:center;gap:13px;padding:0 26px;display:flex}.stats>div+div{border-left:1px solid var(--line)}.stat-icon{border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.stat-icon svg{width:19px}.sage{color:#79906a;background:#edf2e9}.peach{color:#be9978;background:#f8eee7}.sand{color:#b0a16b;background:#f4f1e5}.stats small{color:#93988d;margin-bottom:4px;font-size:10px;display:block}.stats strong{font-size:24px;font-weight:500}.stats em{color:#93998c;margin-left:6px;font-size:11px;font-style:normal}.section-heading{justify-content:space-between;align-items:center;gap:10px;margin:26px 0 18px;display:flex}.section-heading h2{font-size:17px}.section-heading h2 span{color:#93998f;margin-left:12px;font-size:11px;font-weight:400}.text-button{color:#828d7a;align-items:center;gap:7px;font-size:10px;display:flex}.steps{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.step{text-align:left;padding:21px;transition:transform .2s,box-shadow .2s}.step:hover{transform:translateY(-3px);box-shadow:0 7px 20px #36482c08}.step-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.step-icon{color:#829473;background:#edf1e8;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.color1{color:#bb9972;background:#f6eee5}.color2{color:#819ba4;background:#eaf0f2}.step-number{color:#e3e7de;font-size:24px;font-weight:500}.step>small{color:#9b9f95;font-size:9px}.step h3{margin:8px 0;font-size:13px}.step p{white-space:nowrap;font-size:10px}.step-bottom{color:#88947e;border-top:1px solid #f0f1ec;justify-content:space-between;margin-top:19px;padding-top:14px;font-size:10px;display:flex}.gentle{color:#90a07c;background:#f0f2e9;border:1px solid #e8ebdf;border-radius:11px;align-items:center;gap:15px;margin-top:25px;padding:20px 23px;display:flex}.gentle strong{color:#6a785f;font-size:11px;font-weight:500}.gentle p{color:#98a18e;margin-top:4px;font-size:10px}.gentle>span{white-space:nowrap;color:#9da78f;margin-left:auto;font-size:9px}footer{color:#a9afa1;justify-content:space-between;align-items:center;padding:25px 0;font-size:9px;display:flex}footer span{align-items:center;gap:7px;display:flex}footer button{font-size:9px}.mobile-nav{display:none}.week-tabs{gap:10px;margin:30px 0;display:flex}.week-tabs button{border:1px solid var(--line);background:#fff;border-radius:10px;flex:1;padding:14px}.week-tabs small{color:#959d90;margin-top:6px;font-size:10px;display:block}.week-tabs .selected{background:#eaf0e2;border-color:#a9ba9a}.lesson-list{gap:12px;display:grid}.lesson-row{text-align:left;align-items:center;gap:20px;padding:18px;display:flex}.lesson-row>svg{color:#a1ae96;margin-left:auto}.lesson-row small{color:#959d90;font-size:10px}.lesson-row h3{margin-top:7px}.day-num{color:#819375;background:#f3f5ee;border-radius:12px;place-items:center;width:47px;height:47px;font-size:21px;display:grid}.day-num.complete{background:#dce8d4}.footnote{margin:20px 0;line-height:1.9;font-size:11px!important}.review-banner{align-items:center;gap:24px;padding:28px;display:flex}.review-banner>svg{color:#8da07e}.review-banner p{margin-top:10px;font-size:12px}.review-banner button{white-space:nowrap;margin-left:auto}.section-heading>span{color:#939d89;font-size:11px}.learned-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.learned{flex-direction:column;gap:10px;padding:18px;display:flex}.learned b{font-size:25px;font-weight:500}.learned small{color:#919b86;font-size:9px}.empty{text-align:center;color:#93a182;padding:50px 20px}.empty h3{margin:15px 0}.empty p{margin-bottom:18px;font-size:12px}.exam-card{padding:28px}.exam-card>svg{color:#7d9370;margin:24px 0;display:block}.exam-card h2{margin-bottom:15px}.exam-card p{font-size:12px}.official{background:#f0f3e9}.external{color:#617c51;text-underline-offset:5px;align-items:center;gap:9px;margin:20px 0;font-size:12px;text-decoration:underline;display:flex}.timer-buttons{gap:7px;margin:25px 0 15px;display:flex}.timer-buttons button{background:#fff;border:1px solid #dce4d4;border-radius:6px;padding:9px;font-size:10px}.official>small{color:#8c9880;font-size:10px;line-height:1.8}.timer{font-variant-numeric:tabular-nums;background:#fff;border-radius:8px;margin-bottom:15px;padding:15px}.timer button{float:right}.result-row{align-items:center;gap:20px;margin:12px 0;padding:20px;display:flex}.result-row small{color:#9ca391;margin-top:7px;display:block}.result-row b{margin-left:auto}.overlay{z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#27342970;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fcfdf9;border-radius:22px;width:100%;max-width:620px;max-height:90dvh;padding:30px;overflow:auto;box-shadow:0 15px 80px #21322326}.modal-top{color:#8a967e;justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-top button{padding:8px;display:flex}.modal h3{margin:24px 0 12px}.modal p{font-size:13px}.study{text-align:center;max-width:550px}.study-hint{margin:25px 0 10px}.flash-front{color:#52674a;overflow-wrap:anywhere;padding:25px 0;font-family:Noto Serif JP,serif;font-size:85px}.flash-front.long{font-size:37px}.audio{color:#758b65;background:#edf2e7;border-radius:25px;align-items:center;gap:8px;min-height:44px;margin:10px auto 20px;padding:10px 15px;font-size:12px;display:inline-flex}.reveal{color:#74846a;border:1px dashed #b7c6aa;border-radius:10px;width:100%;margin:15px 0;padding:20px;display:block}.answer{border-top:1px solid var(--line);padding:20px 0}.answer h2{margin-bottom:12px}.rating{gap:10px;display:flex}.rating button{background:#f0f3ea;border:1px solid #dce3d3;border-radius:10px;flex:1;padding:15px}.rating button:first-child{background:#f7efe7;border-color:#e5daca}.rating small{color:#8f9984;margin-top:6px;font-size:10px;display:block}.wide{width:100%;margin-top:15px}.test-label{color:#92a082;margin:15px 0;font-size:12px}.test h2{font-size:21px;line-height:1.8}.options{gap:12px;margin:25px 0;display:grid}.options button{text-align:left;background:#fff;border:1px solid #dfe5d6;border-radius:10px;align-items:center;gap:15px;padding:16px;display:flex}.options button.chosen{background:#eaf1e4;border-color:#718966}.options button span{background:#f0f3e9;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.options button svg{margin-left:auto}.test-nav{justify-content:space-between;display:flex}.test-nav button{align-items:center;gap:8px;padding:12px;display:flex}.score{text-align:center;color:#637d54;margin:20px;font-size:60px}.score small{color:#a5ad9d;font-size:25px}.mistake{margin:14px 0;padding:16px;font-size:13px}.mistake summary{cursor:pointer;line-height:1.8}.mistake p{margin-top:12px}.outline{border:1px solid #c5d2ba;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;display:flex}.toast{color:#fff;z-index:30;background:#42563e;border-radius:12px;width:max-content;max-width:90vw;padding:16px 24px;font-size:12px;line-height:1.8;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #24351b30}@media (width>=1500px){.content{padding-top:55px}.hero{min-height:340px}.kana-art{top:62px;right:40px;transform:scale(1.12)}.hero h2{margin-top:28px}.step{padding:25px}.intro h1{font-size:40px}}@media (width<=1150px){.sidebar{width:215px;padding:30px 19px}main{margin-left:215px}.content{padding:30px 25px 0}header{padding:0 25px}.kana-art{transform-origin:100%;right:-25px;transform:scale(.8)}.hero h2{font-size:20px}.hero{padding:25px}.step{padding:16px}.step p{white-space:normal}.stats>div{padding:0 17px}.journey{padding:20px}.date-chip,.gentle>span,.section-heading h2 span{display:none}}@media (width<=800px){.sidebar{width:185px;padding:26px 15px}.brand{font-size:26px}.brand-en{font-size:14px}.sidebar nav button{gap:9px;padding:14px 10px;font-size:11px}main{margin-left:185px}.home-grid{grid-template-columns:1fr}.journey{display:none}.hero{min-height:310px}.kana-art{right:15px;transform:scale(.9)}.stats>div{gap:8px;padding:0 12px}.stat-icon{width:33px;height:36px}.stats small{font-size:8px}.steps{gap:10px}.step{padding:13px}.step h3{font-size:12px}.learned-grid{grid-template-columns:repeat(3,1fr)}.exam-grid{grid-template-columns:1fr}.review-banner{flex-wrap:wrap}.review-banner button{margin:0}.week-tabs small{display:none}}@media (width<=600px){.sidebar{display:none}main{margin:0}header{height:66px;padding:0 22px}header>span{font-size:10px}header>div{gap:12px}.streak{font-size:10px}.content{padding:28px 20px 90px}.intro{margin-bottom:25px}.intro h1{margin-top:10px;font-size:31px}.intro p{max-width:290px;font-size:11px}.hero{min-height:318px;padding:24px}.hero h2{max-width:210px;font-size:21px}.hero p{z-index:2;font-size:11px;position:relative}.hero-top{font-size:9px}.kana-art{top:60px;right:-6px;transform:scale(.63)}.hero .primary{margin-top:7px}.hero-meta{font-size:9px}.stats{gap:0;margin-top:16px;padding:17px 0}.stats>div{flex-direction:column;align-items:flex-start;gap:9px;padding:0 16px}.stats strong{font-size:23px}.stats small{font-size:9px}.stat-icon{border-radius:9px;width:32px;height:31px}.stat-icon svg{width:17px}.section-heading h2{font-size:16px}.section-heading{align-items:flex-start}.steps{grid-template-columns:1fr;gap:11px}.step{grid-template-columns:45px 1fr;column-gap:13px;padding:18px 18px 15px;display:grid}.step-top{grid-row:1/5;align-items:flex-start;margin:0;padding-top:5px}.step-number{display:none}.step>small{grid-column:2}.step h3{font-size:13px}.step p{font-size:10px}.step-bottom{grid-column:2;margin-top:12px;padding-top:10px}.gentle{align-items:flex-start;gap:10px;padding:17px}.gentle strong{font-size:10px}.gentle p{font-size:9px}.gentle svg{width:17px}.mobile-nav{padding:10px 10px calc(9px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:5;background:#fdfefaed;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#a0a797;flex-direction:column;align-items:center;gap:5px;min-width:65px;padding:5px;font-size:9px;display:flex}.mobile-nav button.active{color:#526f56;font-weight:700}footer{gap:10px;font-size:8px}footer button{font-size:8px}.week-tabs{gap:7px}.week-tabs button{font-size:12px}.lesson-row{gap:13px;padding:15px}.lesson-row h3{font-size:13px}.lesson-row small{font-size:9px}.day-num{width:38px;height:42px}.review-banner{gap:15px;padding:22px}.review-banner h2{font-size:18px}.review-banner p{font-size:11px}.review-banner>svg{display:none}.learned-grid{grid-template-columns:repeat(2,1fr)}.learned b{font-size:22px}.section-heading>span{text-align:right;max-width:120px;font-size:9px}.exam-card{padding:23px}.exam-card h2{font-size:20px}.result-row{flex-wrap:wrap;gap:10px;padding:16px;font-size:11px}.overlay{padding:12px}.modal{border-radius:17px;max-height:92dvh;padding:22px}.modal h2{font-size:19px}.modal p{font-size:12px}.flash-front{font-size:77px}.flash-front.long{font-size:30px}.toast{bottom:95px}.options button{font-size:14px}.test-nav button{min-height:45px}.timer-buttons button{font-size:10px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}header{padding-top:env(safe-area-inset-top);height:calc(83px + env(safe-area-inset-top))}.overlay{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}@media (width<=600px){header{height:calc(66px + env(safe-area-inset-top))}}.write-toggle-btn{color:#55704d;background:#edf2e8;border:1px solid #dce4d5;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.write-toggle-btn:hover{background:#e3ebd9}.write-toggle-btn.active{color:#fff;background:#557257;border-color:#466348}.study.with-writing{width:94vw;max-width:880px}.study-grid{flex-direction:column;gap:18px;display:flex}.study-card-panel,.study-pad-panel{flex-direction:column;display:flex}.no-drag,.study,.study *,.modal,.modal *{-webkit-touch-callout:none!important}.no-drag,.study,.study-grid,.study-card-panel,.study-pad-panel,.flash-front,.study-hint,.audio,.answer,.writing-container,.writing-cell,.writing-toolbar,.writing-bottom-bar,.rep-tracker-panel{-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important}.brush-badge{color:#2c4b31;background:#e5f1e3;border:1px solid #c7ddc3;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex}.pen-type-selector,.rep-count-selector{background:#edf3e7;border:1px solid #d6e2cf;border-radius:7px;align-items:center;gap:2px;padding:2px;display:inline-flex}.pen-type-btn,.rep-count-btn{color:#55704d;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.pen-type-btn:hover,.rep-count-btn:hover{color:#35532d;background:#e2ecd9}.pen-type-btn.active,.rep-count-btn.active{color:#2c4925;background:#fff;font-weight:700;box-shadow:0 1px 3px #2d46281f}@media (width>=768px){.study.with-writing{padding:30px 36px}.study.with-writing .study-grid{text-align:left;grid-template-columns:1.05fr 1fr;align-items:start;gap:28px;display:grid}.study.with-writing .flash-front{text-align:center;padding:12px 0}.study.with-writing .study-hint{text-align:center;margin-top:5px}.study.with-writing .audio{margin:5px auto 15px}.study.with-writing .study-card-panel{justify-content:flex-start;min-height:360px}}.writing-container{text-align:center;background:#fcfdfa;border:1px solid #e1e7db;border-radius:18px;padding:14px;box-shadow:0 3px 14px #465f410a}.writing-toolbar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.writing-title{color:#5c7651;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.writing-tools{gap:6px;display:flex}.tool-btn{color:#55704d;background:#edf3e7;border:1px solid #dce5d5;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.tool-btn:hover{background:#e2ecd9}.tool-btn.active{color:#fff;background:#557257;border-color:#466348}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.writing-cell-wrapper{flex-direction:column;align-items:center;gap:8px;display:flex}.writing-cell{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fff;border:2px solid #8ca684;border-radius:16px;width:100%;max-width:300px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #465f410d,0 2px 10px #00000008}@media (width>=768px){.writing-cell{max-width:340px}}.writing-grid-lines{pointer-events:none;position:absolute;inset:0}.grid-h{border-top:1.5px dashed #d5ded0;height:1px;position:absolute;top:50%;left:8px;right:8px}.grid-v{border-left:1.5px dashed #d5ded0;width:1px;position:absolute;top:8px;bottom:8px;left:50%}.writing-guide{color:#55725729;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-family:Noto Serif JP,serif;font-size:160px;line-height:1;transition:color .2s;display:flex;position:absolute;inset:0}.writing-guide.smaller{font-size:75px}.writing-guide.revealed-contrast{color:#55725752}.writing-canvas{touch-action:none;cursor:crosshair;z-index:2;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.writing-hint{color:#8c9784;min-height:16px;font-size:10.5px}.stroke-feedback{color:#49634b;font-weight:600}.level-select-sidebar{background:#f3f6ee;border:1px solid #e1e7da;border-radius:12px;margin:10px 0 18px;padding:12px}.level-label{letter-spacing:1px;color:#677d61;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.level-pill-group{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.level-pill-btn{text-align:center;color:#707c69;background:#fff;border:1px solid #d5decb;border-radius:6px;padding:7px 0;font-size:11px;font-weight:700;transition:all .15s}.level-pill-btn:hover{color:#456041;background:#e8f0e0}.level-pill-btn.active{color:#fff;background:#526f56;border-color:#435c47;box-shadow:0 2px 6px #526f5640}.header-left{align-items:center;gap:10px;display:flex}.lang-chip{color:#546f4e;background:#edf3e7;border:1px solid #dbe6d3;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.level-badge{color:#3d5b38;background:#d8e5ce;border-radius:6px;align-items:center;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.header-right{align-items:center;gap:18px;display:flex}.xp-chip{color:#a87428;background:#fbf3e4;border:1px solid #eedec4;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.rep-tracker-panel{background:#f5f8f1;border:1px solid #e0e8d8;border-radius:12px;margin-bottom:12px;padding:10px 12px}.rep-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.rep-badge{color:#526f56;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.rep-controls{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.auto-toggle-btn,.pen-toggle-btn,.strict-toggle-btn{color:#6d7d67;background:#fff;border:1px solid #d6e2cf;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.auto-toggle-btn:hover,.pen-toggle-btn:hover,.strict-toggle-btn:hover{background:#f1f7ec}.auto-toggle-btn.active,.pen-toggle-btn.active,.strict-toggle-btn.active{color:#456340;background:#e7f0e0;border-color:#bfd3b4}.pen-toggle-btn.active{color:#2f5d94;background:#e2ecfb;border-color:#bbd2ef}.strict-toggle-btn.active{color:#9b651b;background:#fcf1de;border-color:#e8d1a8}.stamp-slots-row{justify-content:center;align-items:center;gap:10px;padding:4px 0;display:flex}.stamp-slot{aspect-ratio:1;color:#94a390;background:#fff;border:1.5px dashed #cfdacf;border-radius:50%;place-items:center;width:36px;height:36px;font-size:11px;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:grid}.stamp-slot.current{background:#fbfdf9;border-style:solid;border-color:#7fa475;transform:scale(1.08)}.stamp-slot.filled{background:#fff5f3;border-style:solid;border-color:#e06354;animation:.3s cubic-bezier(.34,1.56,.64,1) popIn;transform:scale(1);box-shadow:0 2px 6px #e0635426}.blossom-stamp{font-size:14px;line-height:1}@keyframes popIn{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.confetti-canvas{pointer-events:none;z-index:9;width:100%;height:100%;position:absolute;inset:0}.xp-float-badge{color:#fff;z-index:10;pointer-events:none;background:#e06354;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:800;animation:1.2s ease-out forwards floatUp;position:absolute;top:20px;right:20px;box-shadow:0 4px 14px #e0635466}@keyframes floatUp{0%{opacity:0;transform:translateY(10px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.1)}80%{opacity:1;transform:translateY(-20px)scale(1)}to{opacity:0;transform:translateY(-35px)scale(.9)}}.master-seal-overlay{z-index:15;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);cursor:pointer;background:#fffffff0;flex-direction:column;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:absolute;inset:0}.seal-graphic{animation:.45s cubic-bezier(.175,.885,.32,1.275) forwards stampSlam}.seal-circle{border:4.5px solid #d93829;border-radius:50%;place-items:center;width:160px;height:160px;padding:6px;display:grid;box-shadow:0 0 0 3px #f7deda,0 8px 24px #d9382940}.seal-inner{color:#d93829;text-align:center;border:2px dashed #d93829;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex}.seal-text-top{letter-spacing:1px;font-family:Noto Serif JP,serif;font-size:12px;font-weight:700}.seal-flower{margin:3px 0;font-size:36px}.seal-text-sub{letter-spacing:.5px;font-size:11px;font-weight:700}.seal-caption{text-align:center;flex-direction:column;align-items:center;margin-top:16px;display:flex}.seal-caption strong{color:#d93829;font-size:16px;display:block}.seal-caption p{color:#7a8674;margin:4px 0 10px;font-size:11.5px}.replay-audio-btn{color:#fff;background:#526f56;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px 10px #526f5640}.replay-audio-btn:hover{background:#3f5b43;transform:scale(1.04)}@keyframes stampSlam{0%{opacity:0;transform:scale(2.2)rotate(-15deg)}70%{opacity:1;transform:scale(.95)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(-3deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.writing-bottom-bar{flex-direction:column;gap:8px;width:100%;max-width:340px;margin-top:6px;display:flex}.stamp-action-btn{color:#506a4b;background:#e9f0e3;border:1.5px solid #cbdbbf;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex;position:relative;overflow:hidden}.stamp-action-btn.ready{color:#fff;background:#526f56;border-color:#435d47;box-shadow:0 3px 12px #526f5640}.stamp-action-btn.failed{color:#b85d26;opacity:.85;background:#fdf2eb;border-color:#edd5c5}.stamp-action-btn:hover:not(:disabled){transform:translateY(-1px)}.stroke-feedback.warning{color:#be5d25;align-items:center;gap:4px;font-weight:600;display:inline-flex}.stroke-feedback.success{color:#49634b;align-items:center;gap:4px;font-weight:600;display:inline-flex}.status-warn-icon{color:#be5d25}.writing-container,.writing-cell,.writing-canvas{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.auto-timer-fill{pointer-events:none;background:#ffffff47;transition:width 40ms linear;position:absolute;top:0;bottom:0;left:0}.calendar-view{flex-direction:column;gap:24px;margin-top:8px;display:flex}.cal-stats-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.cal-stat-card{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:15px;padding:18px 20px;display:flex;box-shadow:0 2px 10px #00000005}.cal-stat-icon{border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.cal-stat-icon.flame{color:#dd6b20;background:#fdf2e8}.cal-stat-icon.pencil{color:#557257;background:#edf4e8}.cal-stat-icon.sprout{color:#48824b;background:#eef7ea}.cal-stat-icon.trophy{color:#c0852e;background:#fbf3e4}.cal-stat-info small{color:#8f9888;margin-bottom:3px;font-size:11px;display:block}.cal-stat-info strong{color:#2e3930;font-size:22px;font-weight:700}.cal-stat-info em{color:#858f7f;margin-left:4px;font-size:12px;font-style:normal;font-weight:500}.cal-main-layout{grid-template-columns:1.55fr 1fr;gap:22px;display:grid}.cal-matrix-container{padding:26px}.cal-matrix-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.cal-month-nav{align-items:center;gap:14px;display:flex}.cal-month-nav h2{font-size:19px;font-weight:700}.icon-nav-btn{color:#61735a;background:#fff;border:1px solid #dce4d5;border-radius:8px;place-items:center;width:34px;height:34px;transition:all .15s;display:grid}.icon-nav-btn:hover{background:#edf2e7}.today-jump-btn{color:#55704d;background:#fff;border:1px solid #dce4d5;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.today-jump-btn:hover{background:#edf2e7}.cal-weekdays-row{text-align:center;color:#949f8e;grid-template-columns:repeat(7,1fr);margin-bottom:10px;font-size:12px;font-weight:700;display:grid}.cal-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-day-cell{aspect-ratio:1;cursor:pointer;background:#fafbf8;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;align-items:center;padding:7px 5px;transition:all .15s;display:flex;position:relative}.cal-day-cell:hover{background:#edf3e7;border-color:#cad7c2}.cal-day-cell.outside{opacity:.35;background:0 0}.cal-day-cell.today{background:#f3f7ee;border-color:#526f56;font-weight:700}.cal-day-cell.active{background:#eef5e9;border-color:#cfdec7}.cal-day-cell.selected{background:#e5f0dc;border-color:#476a44;box-shadow:0 0 0 2px #476a44}.cal-day-number{color:#414f43;font-size:12px;font-weight:600}.cal-activity-marker{justify-content:center;align-items:center;height:16px;display:flex}.cherry-stamp{font-size:13px;line-height:1;animation:.2s ease-out popIn}.leaf-dot{background:#5c8157;border-radius:50%;width:6px;height:6px}.cal-legend{color:#85907e;border-top:1px solid #edf1e8;align-items:center;gap:18px;margin-top:20px;padding-top:16px;font-size:11px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.today-border-sample{background:#f3f7ee;border:1.5px solid #526f56;border-radius:3px;width:12px;height:12px}.cal-details-panel{flex-direction:column;padding:26px;display:flex}.detail-header{border-bottom:1px solid #edf1e8;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.detail-date-badge{color:#4a6344;align-items:center;gap:8px;display:flex}.detail-date-badge h3{font-size:16px;font-weight:700}.today-tag{color:#fff;background:#526f56;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700}.record-status-banner{background:#f0f6ec;border:1px solid #d8e5d3;border-radius:10px;align-items:center;gap:12px;margin-bottom:18px;padding:14px;display:flex}.banner-icon{color:#526f56;flex-shrink:0}.record-status-banner strong{color:#3b5637;font-size:13px;display:block}.record-status-banner p{color:#6d7f69;margin-top:2px;font-size:11px}.detail-metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.metric-box{background:#fbfcf9;border:1px solid #e2e8dc;border-radius:10px;flex-direction:column;gap:5px;padding:14px;display:flex}.metric-label{color:#8c9685;font-size:11px}.metric-box strong{color:#2f3a31;font-size:20px;font-weight:700}.detail-empty{text-align:center;flex-direction:column;align-items:center;margin:auto;padding:40px 16px;display:flex}.empty-sprout{color:#a2b399;margin-bottom:12px}.detail-empty h4{color:#5a6854;margin-bottom:8px;font-size:15px}.detail-empty p{color:#8e9987;max-width:260px;margin-bottom:18px;font-size:12px}.cal-heatmap-card{padding:24px}.heatmap-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.heatmap-title{color:#496144;align-items:center;gap:8px;display:flex}.heatmap-title h3{font-size:15px;font-weight:700}.heatmap-caption{color:#929d8b;font-size:11px}.heatmap-grid{grid-template-columns:repeat(30,1fr);gap:5px;padding-bottom:6px;display:grid;overflow-x:auto}.heat-cell{aspect-ratio:1;cursor:pointer;border-radius:3px;min-width:14px;min-height:14px;transition:transform .12s}.heat-cell:hover{transform:scale(1.25)}.heat-cell.level-0{background:#ebede8}.heat-cell.level-1{background:#c8ddc0}.heat-cell.level-2{background:#7fad73}.heat-cell.level-3{background:#3b6e35}.heat-cell.highlighted{outline-offset:1px;outline:2px solid #e06354}.heatmap-footer{color:#8a9683;justify-content:flex-end;align-items:center;gap:8px;margin-top:14px;font-size:10px;display:flex}.heat-legend-row{gap:4px;display:flex}.heat-legend-row .heat-cell{cursor:default}@media (width<=1024px){.cal-stats-row{grid-template-columns:repeat(2,1fr)}.cal-main-layout{grid-template-columns:1fr}}@media (width<=600px){.cal-stats-row{grid-template-columns:1fr}.cal-matrix-container{padding:16px}.heatmap-grid{grid-template-columns:repeat(20,1fr)}.level-pill-group{grid-template-columns:repeat(5,1fr)}}.avatar-img{object-fit:cover;border:1.5px solid #d5dfd0;border-radius:50%;flex-shrink:0;width:36px;height:36px}.avatar-img-circle{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px;display:block}button.avatar,.header-avatar-btn{cursor:pointer;background:#eee7db;aspect-ratio:1!important;border:1.5px solid #d5dfd0!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-self:center!important;align-items:center!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;margin:0!important;padding:0!important;line-height:0!important;display:inline-flex!important;overflow:hidden!important}button.avatar img,.header-avatar-btn img,.avatar-img-circle{aspect-ratio:1!important;object-fit:cover!important;border-radius:50%!important;flex-shrink:0!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;display:block!important}.profile.logged-in{border-top:1px solid var(--line);align-items:center;gap:10px;padding-top:18px;display:flex}.profile-text{flex-direction:column;flex:1;min-width:0;display:flex}.profile-text strong{color:#2f3a30;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sync-note{color:#677d61;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:inline-flex}.profile-logout-icon{color:#9ca395;border-radius:6px;place-items:center;padding:6px;transition:all .15s;display:grid}.profile-logout-icon:hover{color:#d9483b;background:#faeceb}.sidebar-auth-cta{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:18px;display:flex}.google-login-sidebar-btn{color:#445242;background:#fff;border:1px solid #dbe3d6;border-radius:9px;justify-content:center;align-items:center;gap:9px;width:100%;padding:10px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 4px #0000000a}.google-login-sidebar-btn:hover{background:#f5f8f2;border-color:#cad8c3;transform:translateY(-1px)}.auth-cta-caption{color:#9ca395;text-align:center;font-size:9.5px}.header-login-btn{color:#506a4e;background:#fff;border:1px solid #d8e2d2;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.header-login-btn:hover{background:#f2f7ed;border-color:#c4d6bc}.sync-chip{border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:11px;font-weight:600;display:inline-flex}.sync-chip.synced{color:#496b44;background:#edf6ea;border-color:#d0e4c8}.sync-chip.syncing{color:#a07421;background:#fdf6e7;border-color:#fae4b5}.sync-chip.offline{color:#878c83;background:#f6f6f3;border-color:#e0e2db}.spin{animation:1s linear infinite spinRotate}@keyframes spinRotate{to{transform:rotate(360deg)}}.settings-account-card{background:#fff;border:1px solid #e1e7dc;border-radius:14px;margin-bottom:24px;padding:20px;box-shadow:0 2px 8px #3c50370a}.account-card-header{align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.cloud-icon-circle{color:#4d6d48;background:#eef5eb;border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.account-card-header h3{color:#2f3b30;margin-bottom:4px;font-size:15px}.account-card-header p{color:#7e8779;font-size:11.5px;line-height:1.6}.logged-account-box{background:#f8faf6;border:1px solid #e3ebe0;border-radius:10px;flex-direction:column;gap:14px;padding:14px;display:flex}.account-user-meta{align-items:center;gap:12px;display:flex}.account-photo{object-fit:cover;border:2px solid #d4dfce;border-radius:50%;width:44px;height:44px}.account-photo-placeholder{color:#53704e;background:#e3ebd9;border-radius:50%;place-items:center;width:44px;height:44px;font-size:16px;font-weight:700;display:grid}.account-user-text{flex-direction:column;flex:1;min-width:0;display:flex}.account-user-text strong{color:#2d382d;font-size:13px}.account-user-text small{color:#889481;font-size:11px}.account-badge-verified{color:#4b6f45;background:#e4f2df;border-radius:20px;align-items:center;gap:4px;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.sync-actions-row{flex-wrap:wrap;gap:10px;display:flex}.manual-sync-btn{color:#fff;background:#526f56;border-radius:8px;align-items:center;gap:7px;padding:9px 15px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.manual-sync-btn:hover{background:#415c45}.logout-btn{color:#a84c42;background:#fff;border:1px solid #ded6d4;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.logout-btn:hover{background:#fdf2f1;border-color:#eac8c5}.guest-account-box{text-align:center;background:#fbfbf8;border:1px solid #e7ede2;border-radius:10px;padding:16px}.guest-desc{color:#788274;margin-bottom:14px;font-size:12px;line-height:1.7}.google-login-main-btn{color:#3b4739;background:#fff;border:1.5px solid #d5decb;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;max-width:320px;padding:12px 18px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #0000000d}.google-login-main-btn:hover{background:#f6f9f3;border-color:#b9cca9;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.google-icon{flex-shrink:0}.phase-stepper-bar{color:#5c6b57;background:#f5f8f3;border-bottom:1px solid #e2ebd0;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.phase-step-item{color:#677b63;background:#e9f0e4;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;transition:all .15s;display:inline-flex}.phase-step-item.active{color:#fff;background:#3b5c37;font-weight:700}.phase-step-item.done{color:#2c4c28;background:#d5e7ce}.phase-step-arrow{color:#a9baa3;font-size:11px}.sentences-stage-container{flex-direction:column;gap:18px;max-height:calc(85vh - 120px);padding:20px;display:flex;overflow-y:auto}.sentences-hero-banner{background:linear-gradient(135deg,#eef5e9 0%,#f6fbf3 100%);border:1.5px solid #d4e4cc;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #3c50370a}.sentences-hero-text h3{color:#273b24;margin-bottom:4px;font-size:17px;font-weight:700}.sentences-hero-text p{color:#61735e;font-size:12.5px;line-height:1.5}.shadowing-controls{align-items:center;gap:10px;display:flex}.listen-all-btn{color:#fff;background:#3b5c37;border-radius:10px;align-items:center;gap:7px;padding:10px 16px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #32502d33}.listen-all-btn:hover{background:#2e4a2b;transform:translateY(-1px)}.listen-all-btn.playing{background:#d45347}.sentence-list{flex-direction:column;gap:14px;display:flex}.sentence-card{background:#fff;border:1.5px solid #e1ebdc;border-radius:14px;flex-direction:column;gap:10px;padding:18px 20px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000008}.sentence-card:hover{border-color:#bed4b6;box-shadow:0 4px 12px #3c50370f}.sentence-card.active-speaking{background:#f7fbf5;border-color:#3b5c37;box-shadow:0 0 0 2px #3b5c3733}.sentence-card.mastered{background:#fcfefb;border-color:#c8dec2}.sentence-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sentence-ja-text{color:#1c2d1b;font-family:Noto Serif JP,serif;font-size:20px;font-weight:700;line-height:1.4}.sentence-reading-text{color:#70856c;margin-top:2px;font-size:12.5px}.sentence-ko-text{color:#3d4f3b;font-size:14px;font-weight:500;line-height:1.5}.sentence-tip-badge{color:#486343;background:#f0f6ec;border:1px solid #dbe8d4;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:5px 10px;font-size:11.5px;display:inline-flex}.sentence-actions{align-items:center;gap:8px;display:flex}.sentence-audio-play-btn{color:#355331;background:#eef6ea;border:1px solid #cfe0c7;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.sentence-audio-play-btn:hover{color:#223c1f;background:#ddeed7}.sentence-check-btn{color:#677d61;background:#fff;border:1px solid #d7e2d2;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.sentence-check-btn.checked{color:#fff;background:#41663c;border-color:#41663c}.stage-nav-footer{background:#fff;border-top:1px solid #e5ecd0;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.stage-next-btn{color:#fff;background:#355632;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 3px 8px #2d4b2833}.stage-next-btn:hover{background:#284525;transform:translateY(-1px)}.stage-back-btn{color:#546950;background:#f3f6f0;border:1px solid #d5dfd0;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.quiz-stage-container{flex-direction:column;gap:18px;max-height:calc(85vh - 120px);padding:20px;display:flex;overflow-y:auto}.quiz-item-card{background:#fff;border:1.5px solid #dfebda;border-radius:14px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 2px 6px #00000008}.quiz-question-header{align-items:center;gap:10px;display:flex}.quiz-badge{color:#3d5f38;background:#ebf5e6;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:700}.quiz-question-prompt{color:#243621;font-size:16px;font-weight:700}.quiz-options-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quiz-opt-btn{color:#354732;text-align:left;background:#fbfdfa;border:1.5px solid #d7e4d2;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;padding:13px 16px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.quiz-opt-btn:hover{background:#edf6e8;border-color:#b5cea9}.quiz-opt-btn.correct{color:#205216;background:#e2f4dc;border-color:#489938}.quiz-opt-btn.wrong{color:#872017;background:#fdeeee;border-color:#e05b50}.quiz-explanation-box{color:#455941;background:#f4f9f1;border-left:4px solid #4a7a44;border-radius:0 8px 8px 0;padding:12px 14px;font-size:12.5px;line-height:1.6}.day-complete-container{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;display:flex}.day-complete-trophy{color:#3a6135;background:#ebf6e7;border-radius:50%;place-items:center;width:76px;height:76px;animation:.5s cubic-bezier(.34,1.56,.64,1) bounceIn;display:grid;box-shadow:0 4px 16px #32552d26}.day-complete-title h2{color:#1e311b;margin-bottom:6px;font-size:24px;font-weight:800}.day-complete-title p{color:#5b6e57;font-size:13.5px}.day-metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;max-width:540px;display:grid}.day-metric-box{background:#f7faf4;border:1px solid #dce8d6;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.day-metric-box strong{color:#284224;font-size:18px;font-weight:800}.day-metric-box span{color:#6b7e67;font-size:11px}.day-complete-actions{gap:12px;width:100%;max-width:540px;margin-top:10px;display:flex}.day-complete-actions button{border-radius:12px;flex:1;padding:14px 20px;font-size:13.5px;font-weight:700}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}header{flex-wrap:wrap;gap:12px;height:auto!important;min-height:calc(72px + env(safe-area-inset-top))!important;padding:max(16px, env(safe-area-inset-top)) 32px 14px!important}.header-left{flex-wrap:wrap;gap:10px;align-items:center!important;display:flex!important}.header-right{flex-wrap:wrap;gap:12px;align-items:center!important;display:flex!important}@media (width<=960px){.kana-art{display:none!important}.home-grid{grid-template-columns:1fr!important}.stats{grid-template-columns:repeat(3,1fr)!important}}@media (width<=640px){header{padding:max(12px, env(safe-area-inset-top)) 16px 12px!important}.stats{grid-template-columns:1fr!important;gap:10px!important;padding:14px 16px!important}.stats>div+div{border-top:1px solid var(--line);padding-top:10px;border-left:0!important}.quiz-options-grid,.day-metrics-grid,.cal-stats-row{grid-template-columns:1fr!important}}.lang-level-switcher-btn{color:#3b4c37;cursor:pointer;background:#fff;border:1.5px solid #d5decb;border-radius:20px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #0000000a}.lang-level-switcher-btn:hover{background:#f1f7ec;border-color:#b5c7a7;transform:translateY(-1px)}.lang-badge-tag{color:#3f603a;background:#e6efe1;border-radius:10px;padding:2px 7px;font-size:10.5px;font-weight:800}.lang-sub-crown{color:#d97706}.cog-method-pill{color:#32582d;cursor:pointer;background:#eef6ec;border:1px solid #d0e4cc;border-radius:18px;align-items:center;gap:6px;padding:6px 13px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.cog-method-pill:hover{background:#e0f0dc;transform:translateY(-1px);box-shadow:0 2px 6px #32552d1a}.phase-stepper-bar{color:#5c6b57;white-space:nowrap;-webkit-overflow-scrolling:touch;background:#f5f8f3;border-bottom:1px solid #e2ebd0;justify-content:flex-start;align-items:center;gap:6px;padding:10px 16px;font-size:11px;font-weight:600;display:flex;overflow-x:auto}.phase-step-item{flex-shrink:0}.subscription-modal{background:#fcfdfa!important;border-radius:20px!important}.sub-header-banner{color:#fff;background:linear-gradient(135deg,#243c21 0%,#3a5c35 100%);padding:24px 26px 20px;position:relative}.sub-badge-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sub-premium-badge{letter-spacing:.5px;background:#ffffff2e;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.sub-close-btn{color:#fffc;border-radius:50%;place-items:center;padding:4px;transition:all .15s;display:grid}.sub-close-btn:hover{color:#fff;background:#fff3}.sub-header-content h2{letter-spacing:-.5px;margin-bottom:8px;font-size:23px;font-weight:800}.sub-header-content h2 .highlight{color:#ffd166}.sub-header-content p{color:#e2ede0;font-size:12.5px;line-height:1.6}.sub-modal-body{flex-direction:column;gap:16px;max-height:calc(88dvh - 140px);padding:22px 24px 20px;display:flex;overflow-y:auto}.sub-active-callout{color:#2b5624;background:#eef7eb;border:1px solid #cce5c6;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.sub-plans-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=580px){.sub-plans-grid{grid-template-columns:1fr}}.sub-plan-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #dee8da;border-radius:14px;flex-direction:column;align-items:center;padding:16px 12px 14px;transition:all .18s;display:flex;position:relative}.sub-plan-card:hover{border-color:#92b888;transform:translateY(-2px);box-shadow:0 4px 14px #3c5a3714}.sub-plan-card.selected{background:#f7faf5;border-color:#3b6335;box-shadow:0 0 0 1px #3b6335,0 6px 16px #3b633526}.plan-tag{border-radius:12px;padding:3px 8px;font-size:9.5px;font-weight:800;position:absolute;top:-11px}.plan-tag.best{color:#fff;background:#d97706;box-shadow:0 2px 6px #d977064d}.plan-tag.lifetime{color:#fff;background:#4f46e5}.plan-name{color:#283a25;margin-top:4px;font-size:13px;font-weight:700}.plan-price{margin:10px 0 6px}.plan-price strong{color:#1e331b;font-size:19px;font-weight:800}.plan-price small{color:#71826d;font-size:10px;display:block}.plan-trial{color:#3a6934;font-size:10.5px;font-weight:600}.sub-features-card{background:#fff;border:1px solid #e1ebde;border-radius:12px;padding:16px 18px}.sub-features-card h4{color:#243821;margin:0 0 12px;font-size:13px;font-weight:700}.features-list{flex-direction:column;gap:10px;display:flex}.feature-item{color:#4a5947;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;display:flex}.feature-check{color:#3b6e35;flex-shrink:0;margin-top:2px}.sub-primary-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#32582d 0%,#43733d 100%);border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-size:15px;font-weight:800;transition:all .15s;display:flex;box-shadow:0 4px 14px #32582d40}.sub-primary-cta-btn:hover:not(:disabled){background:linear-gradient(135deg,#284724 0%,#366131 100%);transform:translateY(-1px)}.sub-policy-footer{text-align:center;border-top:1px solid #e7ede2;margin-top:4px;padding-top:12px}.policy-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.restore-btn,.policy-link-btn,.text-link-btn{color:#6d8069;cursor:pointer;align-items:center;gap:4px;font-size:11px;font-weight:600;display:inline-flex}.restore-btn:hover,.policy-link-btn:hover,.text-link-btn:hover{color:#294026;text-decoration:underline}.sub-policy-footer .dot{color:#b7c4b4;font-size:10px}.policy-disclaimer{color:#929f8e;margin-top:8px;font-size:9.5px;line-height:1.5}.sub-doc-viewer{flex-direction:column;gap:14px;display:flex}.doc-title-row{justify-content:space-between;align-items:center;display:flex}.doc-title-row h3{color:#253822;font-size:15px;font-weight:700}.doc-content-box{color:#556352;background:#fff;border:1px solid #e3ebe0;border-radius:10px;max-height:380px;padding:16px;font-size:12px;line-height:1.8;overflow-y:auto}.lang-level-modal{background:#fbfcf9!important;border-radius:20px!important}.lang-modal-header{background:#f5f8f2;border-bottom:1px solid #e2ecde;justify-content:space-between;align-items:flex-start;padding:22px 26px 18px;display:flex}.lang-modal-tag{color:#496944;letter-spacing:.5px;align-items:center;gap:5px;margin-bottom:6px;font-size:10.5px;font-weight:800;display:inline-flex}.lang-modal-header-text h2{color:#233520;margin-bottom:4px;font-size:21px;font-weight:800}.lang-modal-header-text p{color:#697864;font-size:12px}.lang-modal-close{color:#798a75;border-radius:50%;place-items:center;padding:6px;display:grid}.lang-modal-close:hover{color:#293d25;background:#e7f0e3}.lang-modal-body{flex-direction:column;gap:16px;max-height:calc(88dvh - 120px);padding:20px 24px;display:flex;overflow-y:auto}.lang-tabs-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=540px){.lang-tabs-row{grid-template-columns:1fr}}.lang-tab-btn{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #dbe5d7;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .15s;display:flex;position:relative}.lang-tab-btn:hover{background:#f4f8f1;border-color:#b7cca9}.lang-tab-btn.active{background:#eef6ec;border-color:#436b3e;box-shadow:0 0 0 1px #436b3e}.lang-tab-flag{font-size:24px;line-height:1}.lang-tab-info strong{color:#243521;font-size:13px;display:block}.lang-tab-info small{color:#72826e;font-size:10.5px}.lang-sub-badge{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:3px;padding:2px 6px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:6px;right:8px}.lang-sub-status-card{background:#fff;border:1px solid #e1ebe0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.lang-sub-left{flex:1;align-items:flex-start;gap:12px;min-width:240px;display:flex}.lang-sub-left strong{color:#263823;margin-bottom:2px;font-size:12.5px;display:block}.lang-sub-left p{color:#6f7f6b;font-size:11px;line-height:1.5}.lang-upgrade-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#466e41;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #3c64372e}.lang-upgrade-btn:hover{background:#355731;transform:translateY(-1px)}.level-cards-list{flex-direction:column;gap:10px;display:flex}.level-selection-card{cursor:pointer;background:#fff;border:1.5px solid #dce7d9;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:all .18s;display:flex}.level-selection-card:hover{border-color:#a4c498;transform:translateY(-1px);box-shadow:0 3px 10px #0000000a}.level-selection-card.active{background:#f7fbf5;border-color:#3b6636;box-shadow:0 0 0 1px #3b6636}.level-selection-card.locked{opacity:.85;background:#fbfbf9}.level-card-left{flex:1;align-items:flex-start;gap:14px;display:flex}.level-pill-badge{color:#3b5f35;text-align:center;background:#edf5eb;border-radius:10px;flex-shrink:0;min-width:52px;padding:8px 12px;font-size:14px;font-weight:800}.level-card-title-row{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.level-card-title-row h3{color:#21331e;font-size:15px;font-weight:700}.level-subtitle{color:#6a7c66;font-size:11.5px}.level-desc{color:#657461;margin-bottom:8px;font-size:11.5px;line-height:1.5}.level-meta-row{color:#798975;flex-wrap:wrap;gap:14px;font-size:10.5px;display:flex}.level-meta-row span{align-items:center;gap:4px;display:flex}.active-level-indicator{color:#2f592a;background:#e5f2e2;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.locked-level-indicator{color:#92400e;background:#fef3c7;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.select-level-btn{color:#4b6647;background:#f0f5ee;border:1px solid #d5dfd2;border-radius:8px;align-items:center;gap:4px;padding:7px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.select-level-btn:hover{background:#e3ede0}.cognitive-modal{background:#fcfdfa!important;border-radius:20px!important}.cog-modal-header{color:#fff;background:linear-gradient(135deg,#1f3825 0%,#2f5636 100%);justify-content:space-between;align-items:flex-start;padding:22px 26px 18px;display:flex}.cog-tag{letter-spacing:.5px;background:#ffffff2e;border-radius:12px;align-items:center;gap:5px;margin-bottom:8px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.cog-header-left h2{margin-bottom:6px;font-size:21px;font-weight:800;line-height:1.4}.cog-header-left p{color:#deebe0;font-size:12px;line-height:1.6}.cog-modal-close{color:#fffc;border-radius:50%;place-items:center;padding:4px;display:grid}.cog-modal-close:hover{color:#fff;background:#fff3}.cog-modal-body{flex-direction:column;gap:16px;max-height:calc(88dvh - 140px);padding:20px 24px;display:flex;overflow-y:auto}.cog-steps-list{flex-direction:column;gap:14px;display:flex}.cog-step-card{background:#fff;border:1px solid #dfe7dc;border-radius:14px;flex-direction:column;gap:8px;padding:16px 18px;display:flex;box-shadow:0 2px 6px #00000005}.cog-step-header{justify-content:space-between;align-items:center;display:flex}.cog-step-num{letter-spacing:1px;font-size:11px;font-weight:900}.cog-scientist-tag{color:#7b8a77;background:#f3f6f1;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600}.cog-step-title-row{align-items:center;gap:12px;display:flex}.cog-icon-box{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.cog-step-title-row h3{color:#22351f;margin-bottom:2px;font-size:14.5px;font-weight:700}.cog-step-title-row strong{color:#496944;font-size:12px;font-weight:600}.cog-step-desc{color:#5d6d59;margin-top:2px;font-size:12px;line-height:1.65}.cog-modal-footer{border-top:1px solid #e5ecd0;flex-direction:column;align-items:center;gap:10px;padding-top:14px;display:flex}.cog-footer-text{color:#44683f;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.cog-start-btn{color:#fff;cursor:pointer;background:#396134;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:800;transition:all .15s}.cog-start-btn:hover{background:#2a4826}.exam-banner{border:1px solid #ffffff1a;box-shadow:0 10px 25px -5px #0f172a26}.exam-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.exam-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.exam-card:hover{transform:translateY(-2px);box-shadow:0 12px 20px -5px #00000014}.exam-card.drill{background:#fafaf9;border-color:#e7e5e4}.exam-card h2{color:#1e293b;margin:12px 0 6px;font-size:18px;font-weight:700}.exam-card p{color:#64748b;margin-bottom:12px;font-size:13px;line-height:1.5}.exam-card.official{background:#f8fafc;border:1px solid #cbd5e1}details.mistake.correct summary{color:#065f46;font-weight:600}details.mistake.wrong summary{color:#991b1b;font-weight:600}.kana-course-container{flex-direction:column;gap:20px;display:flex}.kana-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.kana-controls-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex}.syllabary-toggle-group{background:#e2e8f0;border-radius:10px;gap:4px;padding:3px;display:inline-flex}.toggle-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:700;transition:all .15s;display:inline-flex}.toggle-tab-btn span{font-size:15px;font-weight:800}.toggle-tab-btn.active{color:#0f172a;background:#fff;box-shadow:0 2px 5px #00000014}.reps-selector-group{align-items:center;gap:8px;display:flex}.rep-pill-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s}.rep-pill-btn.selected{color:#fff;background:#0f172a;border-color:#0f172a}.kana-daily-hero{color:#fff;background:linear-gradient(135deg,#064e3b,#047857);border:1px solid #ffffff26;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px;display:flex;box-shadow:0 10px 25px -5px #04785740}.daily-flame-badge{color:#fff;background:#fff3;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.daily-done-badge{color:#065f46;background:#d1fae5;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.kana-daily-left h2{color:#fff;margin:10px 0 6px;font-size:24px;font-weight:800}.kana-daily-left p{color:#d1fae5;max-width:480px;margin:0 0 14px;font-size:14px}.kana-hero-stats{color:#a7f3d0;flex-wrap:wrap;gap:14px;font-size:12.5px;display:flex}.kana-hero-start-btn{transition:transform .15s;box-shadow:0 4px 14px #00000026;color:#065f46!important;background:#fff!important;border-radius:12px!important;align-items:center!important;gap:8px!important;padding:14px 24px!important;font-size:15px!important;font-weight:800!important;display:inline-flex!important}.kana-hero-start-btn:hover{transform:translateY(-2px)}.kana-rows-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.kana-row-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;padding:16px;transition:transform .15s,box-shadow .15s;display:flex}.kana-row-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.kana-row-card-top{justify-content:space-between;align-items:center;display:flex}.kana-row-card-top h3{color:#1e293b;margin:0;font-size:14px;font-weight:700}.row-progress-pill{color:#047857;background:#ecfdf5;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.kana-row-preview{align-items:center;gap:8px;display:flex}.preview-char{color:#334155;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.kana-row-start-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.kana-row-start-btn:hover{color:#fff;background:#0f172a;border-color:#0f172a}.kana-matrix-card{background:#fff;border-radius:16px;padding:24px}.kana-matrix-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:8px;display:grid}.kana-tile-btn{aspect-ratio:1/1.1;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:relative}.kana-tile-btn:hover{background:#f1f5f9;border-color:#94a3b8;transform:translateY(-2px)}.kana-tile-btn.practiced{background:#f0fdf4;border-color:#6ee7b7}.tile-check-badge{color:#059669;font-size:9px;font-weight:800;position:absolute;top:3px;right:4px}.kana-tile-btn b{color:#0f172a;font-size:20px;font-weight:700}.tile-sound{color:#475569;font-size:11px;font-weight:600}.tile-romaji{color:#94a3b8;font-size:9px}.kana-writing-modal{width:95vw!important;max-width:900px!important;padding:20px 24px!important}.kana-session-bar{background:#e2e8f0;border-radius:3px;width:100%;height:5px;margin:10px 0 16px;overflow:hidden}.kana-session-bar span{background:#059669;height:100%;transition:width .25s ease-out;display:block}.kana-practice-layout{grid-template-columns:320px 1fr;align-items:stretch;gap:20px;display:grid}@media (width<=768px){.kana-practice-layout{grid-template-columns:1fr}}.kana-info-panel{flex-direction:column;gap:14px;display:flex}.kana-char-display-box{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.kana-large-char{color:#0f172a;margin-bottom:8px;font-size:58px;font-weight:800;line-height:1}.kana-sound-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.kana-korean-sound{color:#047857;font-size:18px;font-weight:800}.kana-romaji-sound{color:#64748b;font-size:14px;font-weight:600}.kana-listen-btn{border-radius:6px!important;padding:4px 10px!important;font-size:12px!important}.kana-mnemonic-box{background:#fffbeb;border:1px solid #fef3c7;border-radius:12px;padding:12px 14px}.mnemonic-title{color:#b45309;align-items:center;gap:6px;margin-bottom:4px;font-size:12.5px;display:flex}.kana-mnemonic-box p{color:#78350f;margin:0;font-size:13px;line-height:1.5}.kana-example-box{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:12px 14px}.example-title{color:#1d4ed8;align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;display:flex}.example-content{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.example-content b{color:#1e293b;font-size:14px}.example-content span{color:#64748b;font-size:12px}.example-content em{color:#2563eb;font-style:normal;font-weight:600}.audio-small-btn{color:#1d4ed8;cursor:pointer;background:#dbeafe;border:none;border-radius:4px;padding:4px 6px}.kana-nav-buttons{gap:10px;margin-top:auto;display:flex}.kana-nav-buttons button{flex:1;justify-content:center;align-items:center;gap:6px;display:inline-flex}.kana-pad-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.auto-advance-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;display:inline-flex}.celebration-body{text-align:center;padding:16px 8px}.celebration-trophy{margin-bottom:12px}.celebration-body h2{color:#0f172a;margin:0 0 8px;font-size:22px;font-weight:800}.celebration-body p{color:#475569;font-size:14px;line-height:1.6}.xp-reward-box{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:8px;margin:16px 0 20px;padding:8px 18px;font-weight:700;display:inline-flex}.celebration-actions{flex-direction:column;gap:8px;display:flex}@media (width<=600px){.mobile-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:8px 12px calc(8px + env(safe-area-inset-bottom));justify-content:flex-start;gap:4px;overflow-x:auto}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav button{flex-shrink:0;min-width:52px;padding:4px 6px;font-size:8.5px}}.mobile-app-header{display:none}.more-screen h1{margin:5px 0 8px;font-size:25px}.more-screen>p{font-size:14px}.more-list{border:1px solid var(--line);background:#fff;border-radius:16px;margin:20px 0;overflow:hidden}.more-list button,.more-level{text-align:left;align-items:center;gap:14px;width:100%;min-height:60px;padding:15px 18px;display:flex}.more-list button+button{border-top:1px solid var(--line)}.more-list button svg:last-child{color:#98a28e;margin-left:auto}.more-level{background:#e9efdf;border-radius:14px;margin-top:25px}.more-level b{margin-left:auto}.more-list button span{font-size:14px}@media (width<=767px){.app>.sidebar{display:none}.app>main{margin-left:0}.app .desktop-app-header{display:none}.mobile-app-header{z-index:6;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f8f9f5f5;border-bottom:1px solid #e4e8dd;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mobile-app-header>a{color:#496749;align-items:center;gap:7px;min-height:44px;display:flex}.mobile-app-header b{letter-spacing:-.8px;font-size:20px}.mobile-app-header>a>span{color:#8a9384;font-size:11px}.mobile-app-header button{place-items:center;width:44px;height:44px;display:grid}.mobile-screen-name{color:#75806e;margin-left:auto;margin-right:10px;font-size:12px}.app .content{padding:22px 20px calc(95px + env(safe-area-inset-bottom))}.app .intro,.app .content>footer{display:none}.app .mobile-nav{z-index:7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:7px 12px calc(7px + env(safe-area-inset-bottom));background:#fffefbf5;border-top:1px solid #e1e6d9;grid-template-columns:repeat(4,1fr);gap:0;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:visible}.app .mobile-nav button{color:#90998a;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:52px;padding:5px 0;font-size:11px;display:flex;position:relative}.app .mobile-nav button.active{color:#466548;font-weight:700}.app .mobile-nav button.active:before{content:"";background:#6e8a60;border-radius:10px;width:22px;height:3px;position:absolute;top:0}.app .beginner-course{padding:0}.app .beginner-course h1{letter-spacing:-1px;font-size:27px;line-height:1.4}.app .beginner-course p{font-size:14px}.app .primary,.app .outline,.app .audio,.app .reveal{min-height:46px}.app .beginner-options button{min-height:52px}.app .overlay{align-items:flex-end;padding:0}.app .overlay .modal{width:100%;max-width:100%;max-height:calc(100dvh - env(safe-area-inset-top) - 12px);padding:22px 20px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.app .modal-top button{justify-content:center;min-width:44px;min-height:44px}.app .learned b{overflow-wrap:anywhere}.app .lesson-row{min-height:75px}.app .week-tabs button{min-height:44px}.app .toast{bottom:calc(88px + env(safe-area-inset-bottom))}}.sidebar{overscroll-behavior:contain;overflow-y:auto}.sidebar>nav{flex-shrink:0}.sidebar-bottom{padding-top:18px}.sidebar .goal-box{flex-shrink:0}.course-toolbar{background:#fffefb;border:1px solid #d8e2d4;border-radius:16px;margin:0 0 28px;padding:18px 20px}.course-toolbar-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.course-toolbar-label>strong{font-size:15px}.course-subscribe{color:#496845;background:#eef2e6;border-radius:10px;align-items:center;gap:7px;min-height:44px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.course-levels{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.course-levels button{background:#fafbf6;border:1px solid #e0e5d9;border-radius:10px;min-height:66px}.course-levels button[aria-pressed=true]{color:#fff;background:#476747;border-color:#476747}.course-levels span{font-size:20px;font-weight:700;display:block}.course-levels small{margin-top:5px;font-size:11px;display:block}.course-actions{border-top:1px solid #e3e8dc;gap:10px;margin-top:16px;padding-top:12px;display:flex}.course-actions button{background:#f8faf4;border:1px solid #e1e6db;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.course-actions button[aria-pressed=true]{color:#41623a;background:#edf2e5;font-weight:700}.course-lock{justify-items:start;gap:18px;padding:35px;display:grid}.course-lock h1{font-size:26px}.course-lock>svg{color:#879d70}.course-lock p{max-width:650px;font-size:15px}@media (width>=768px) and (width<=1180px){.app>.sidebar{width:200px;padding:24px 16px}.app>main{margin-left:200px}.app .content{padding:28px 24px}.app .desktop-app-header{padding:0 24px}.app .desktop-app-header .cog-method-pill,.app .desktop-app-header .xp-chip,.app .desktop-app-header .streak{display:none}.app .study-grid{grid-template-columns:1fr 1fr}.app .modal.study{width:94vw;max-width:960px}.app .sidebar nav button{min-height:44px;font-size:13px}}@media (width<=767px){.course-toolbar{margin-bottom:24px;padding:14px}.course-toolbar-label>strong{font-size:13px}.course-subscribe{padding:8px 10px;font-size:12px}.course-levels{gap:5px}.course-levels button{min-height:61px}.course-levels span{font-size:18px}.course-levels small{font-size:9px}.course-lock{padding:24px}.course-lock h1{font-size:23px}.course-lock .primary,.course-lock .outline{justify-content:center;width:100%}}.subscription-plan{background:#f8faf4;border:1px solid #dae3d2;border-radius:12px;margin:14px 0;padding:16px}.subscription-plan>strong{color:#3c593c;font-size:20px}.subscription-plan>p{margin-top:5px;font-size:12px}.subscription-plan>.primary{margin-top:10px}.writing-container{touch-action:pan-y!important}.writing-cell,.writing-canvas{overscroll-behavior:contain;touch-action:none!important}.writing-complete-note{z-index:3;pointer-events:none;color:#385532;background:#eef5e8ed;border-radius:9px;padding:8px;font-size:12px;position:absolute;bottom:10px;left:10px;right:10px}.writing-toolbar{flex-wrap:wrap;gap:10px}.writing-tools{flex-wrap:wrap}.writing-tools button,.rep-controls button{min-width:44px;min-height:44px}.rep-controls{flex-wrap:wrap;gap:6px}.writing-bottom-bar{max-width:460px}@media (width>=768px){.study.with-writing{max-width:1180px}.study.with-writing .study-grid{grid-template-columns:.9fr 1.2fr}.writing-cell{max-width:460px}.writing-guide{font-size:210px}.writing-guide.smaller{font-size:110px}}@media (width<=767px){.modal.study{max-height:calc(100dvh - 30px);padding:18px 16px}.study .flash-front{padding:12px 0;font-size:clamp(48px,15vw,72px)}.study .study-hint{margin:12px 0 4px}.study .answer{padding:12px 0}.study .audio{margin:4px auto 10px}.study .rating button{min-height:64px;padding:12px 8px}.study .rating small{font-size:11px;line-height:1.5}.study .phase-stepper-bar{white-space:nowrap;justify-content:flex-start;overflow-x:auto}.writing-container{padding:10px}.writing-toolbar{justify-content:center}.writing-title{font-size:12px}.rep-header{flex-wrap:wrap;gap:8px}.writing-cell{max-width:100%}.study-flow-controls{margin:8px 0}.study-flow-controls summary{font-size:12px}}.writing-options{text-align:left;font-size:12px}.writing-options summary{cursor:pointer;color:#37512e;background:#edf3e7;border-radius:8px;align-items:center;min-height:44px;padding:8px 12px;display:flex}.writing-options[open] .rep-controls{padding-top:8px}.quick-study-card{background:#f0f5e9;border:1px solid #d6e1cc;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;padding:18px 22px;display:flex}.quick-study-card p{color:#5e7052;margin:6px 0 0;font-size:13px}.quick-study-card button{flex-shrink:0;min-height:48px}.quick-study-complete{text-align:center;padding:30px 10px}.quick-study-complete p{line-height:1.8}@media (width<=600px){.quick-study-card{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.quick-study-card button{width:100%}.rep-header{align-items:center}.writing-options{max-width:100%}}.app-announcement{color:#34462f;background:#f0f5ec;border:1px solid #cbd8c6;border-radius:16px;margin-bottom:18px;padding:16px 18px}.app-announcement strong{font-size:14px}.app-announcement p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;line-height:1.65}.account-consent label{cursor:pointer;align-items:center;gap:12px;min-height:44px;display:flex}.account-consent input[type=checkbox]{accent-color:#526f56;flex-shrink:0;width:22px;height:22px}.account-connections .reminder-actions a{border:1px solid #cbd8c6;border-radius:8px;align-items:center;min-height:44px;padding:6px 10px;text-decoration:underline;display:inline-flex}.account-consent .text-button{min-height:44px}.beginner-course{color:#263d36;max-width:900px;margin:0 auto;padding:24px 16px 48px}.beginner-course h1{margin:12px 0;font-size:clamp(26px,4vw,38px);line-height:1.2}.beginner-course h2{font-size:21px;line-height:1.5}.beginner-course p{line-height:1.8}.beginner-eyebrow{color:#40624e;font-size:13px;font-weight:700}.beginner-quiet{color:#526358;font-size:13px}.beginner-start,.beginner-session,.beginner-review,.beginner-roadmap{background:#fffdf8;border:1px solid #dce4dc;border-radius:20px;margin-top:22px;padding:26px}.beginner-start{align-items:center;gap:24px;display:flex}.beginner-start>div{flex:1}.beginner-course button{cursor:pointer;min-height:44px;font:inherit;color:#263d36;background:#fff;border:1px solid #a7bbaa;border-radius:10px;padding:10px 16px}.beginner-course button.primary{color:#fff;background:#285c46;border-color:#285c46}.beginner-course button:disabled{cursor:default;opacity:.65}.beginner-course button:focus-visible,.beginner-course summary:focus-visible{outline-offset:3px;outline:3px solid #b77a29}.beginner-session{text-align:center}.beginner-session-top{text-align:left;justify-content:space-between;align-items:center;gap:16px;font-size:13px;display:flex}.beginner-session-top button{font-size:12px}.beginner-intro{text-align:left;background:#edf3eb;border-radius:12px;padding:16px}.beginner-prompt{color:#526358;margin-top:30px;font-size:14px}.beginner-japanese{overflow-wrap:anywhere;margin:20px 0;font-size:clamp(34px,7vw,66px);font-weight:700;line-height:1.6}.beginner-meaning{font-size:20px}.beginner-next{min-width:190px;margin:24px auto;display:block}.beginner-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:26px 0;display:grid}.beginner-options button{overflow-wrap:anywhere;padding:18px}.beginner-options button.correct{opacity:1;background:#dceede;border-color:#377746}.beginner-options button.incorrect{opacity:1;background:#f7e4dc;border-color:#a95637}.beginner-result{background:#f0f4ed;border-radius:12px;padding:16px}.beginner-course small,.beginner-course footer{color:#637268;font-size:12px;line-height:1.7}.beginner-course footer{margin:24px 0}.beginner-roadmap summary{cursor:pointer;font-weight:700}.beginner-roadmap ol{padding:0;list-style:none}.beginner-roadmap li{border-bottom:1px solid #e2e7df;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.beginner-roadmap li button{flex-shrink:0;font-size:12px}@media (width<=600px){.beginner-course{padding:18px 8px 36px}.beginner-start{display:block}.beginner-start>button{width:100%}.beginner-start,.beginner-session,.beginner-review,.beginner-roadmap{padding:18px}.beginner-session-top{align-items:flex-start}.beginner-options{grid-template-columns:1fr}.beginner-roadmap li{align-items:flex-start}}.admin-shell{color:#304331;background:#f4f6f0;min-height:100vh;font-family:Noto Sans KR,sans-serif}.admin-shell header{background:#fff;justify-content:space-between;height:auto;padding:24px;display:flex}.admin-shell main{max-width:1080px;margin:0 auto;padding:35px 22px}.admin-shell h1{font-size:30px}.admin-shell h2{margin-bottom:15px;font-size:20px}.admin-shell section{background:#fff;border:1px solid #dce4d3;border-radius:14px;margin:22px 0;padding:25px}.admin-shell button{color:#fff;background:#4e6e52;border-radius:8px;margin-top:12px;padding:12px 18px}.admin-shell textarea{width:100%;min-height:100px;font:inherit;background:#fafbf8;border:1px solid #bac8ae;border-radius:8px;padding:12px;display:block}.admin-shell .editor{height:430px;font:13px monospace}.admin-shell table{border-collapse:collapse;width:100%}.admin-shell td,.admin-shell th{text-align:left;border-bottom:1px solid #eee;padding:12px}.admin-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.admin-lessons{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}@media (width<=650px){.admin-grid{display:block}.admin-shell section{padding:18px}}