:root{color:#18281f;font-synthesis:none;--ink:#18281f;--mint:#b8f36a;--green:#2d6d4a;--paper:#fffdf8;--soft:#e6e0d4;--coral:#ff8068;background:#f3f0e8;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f3f0e8}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-family:inherit}.app-shell,.page-shell{background:#f3f0e8;max-width:680px;min-height:100dvh;margin:0 auto}.content{padding:calc(22px + env(safe-area-inset-top)) 18px calc(102px + env(safe-area-inset-bottom))}.eyebrow{letter-spacing:.16em;color:#5f7668;margin:0 0 7px;font-size:.7rem;font-weight:800}.soft{color:#68786f;font-size:.78rem;font-weight:700}.primary,.secondary{letter-spacing:.01em;border:0;border-radius:17px;min-height:52px;font-weight:800}.primary{background:var(--ink);color:#fff;box-shadow:0 5px #0d1712}.primary:active{transform:translateY(3px);box-shadow:0 2px #0d1712}.secondary{color:var(--ink);background:#e5f3db;border:1px solid #b9d8b2}.wide{width:100%}.brand-chip{border:1px solid #cad1c9;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.onboarding{padding:calc(32px + env(safe-area-inset-top)) 20px calc(28px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.onboarding-kicker{margin-top:142px}.onboarding-app-name{letter-spacing:-.06em;margin:10px 0 8px;font-size:clamp(2.5rem,13vw,4.4rem);line-height:1}.onboarding-title{margin:0 0 18px;font-size:clamp(1.4rem,7.1vw,2.35rem);font-weight:800;line-height:1.14}.onboarding-title span,.onboarding-title em{white-space:nowrap;display:block}.onboarding-title em{color:var(--green);font-style:normal}.onboarding .lead{color:#4b5f53;max-width:34rem;line-height:1.8}.hero-orbit{border:1px solid #c8d4c9;border-radius:50%;width:116px;height:116px;animation:18s linear infinite rotate;position:absolute;top:84px;right:24px}.hero-orbit span{background:var(--mint);border-radius:999px;padding:5px 8px;font-size:.56rem;font-weight:800;position:absolute}.hero-orbit span:first-child{top:42px;left:-13px}.hero-orbit span:nth-child(2){top:10px;right:-3px}.hero-orbit span:nth-child(3){bottom:6px;right:5px}@keyframes rotate{to{transform:rotate(360deg)}}.concept-card{background:var(--ink);color:#fff;border-radius:22px;align-items:center;gap:15px;margin:26px 0;padding:18px;display:flex}.concept-card span{background:var(--mint);height:62px;color:var(--ink);border-radius:18px;flex:0 0 62px;place-items:center;font-size:2rem;font-weight:800;display:grid;transform:rotate(-4deg)}.concept-card p{margin:0;font-weight:700;line-height:1.5}.pace-card,.daily-card,.today-grid,.settings-card,.record-section{background:#fffdf8db;border:1px solid #ded8cc;border-radius:24px;padding:18px;box-shadow:0 8px 30px #2d362f0d}.pace-card h2,.settings-card h2{font-size:1rem}.pace-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pace{min-height:70px;color:var(--ink);background:#f9f7f1;border:1px solid #d7d2c7;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.pace strong{font-size:.9rem}.pace span{color:#53665b;font-size:.7rem;font-weight:800}.pace small{color:#718078;font-size:.62rem}.pace.active{border:2px solid var(--ink);background:var(--mint)}.pace-options.compact .pace{min-height:66px}.estimate,.microcopy,.pace-note{text-align:center;color:#728078;margin:12px 0 0;font-size:.75rem}.pace-note{margin-top:5px}.level-check-preview{background:#fffdf8;border:1px solid #d8d2c7;border-radius:18px;margin-top:14px;padding:15px 16px}.level-check-preview strong{font-size:.86rem;display:block}.level-check-preview p{color:#53665b;margin:6px 0 4px;font-size:.76rem;line-height:1.55}.level-check-preview small{color:#718078;font-size:.67rem}.onboarding>.primary{margin-top:18px}.topbar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.topbar>div:first-child{min-width:0}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.topbar h1{margin:0;font-size:1.35rem;line-height:1.3}.streak{white-space:nowrap;background:#fffdf8;border:1px solid #ddd8ce;border-radius:14px;padding:10px 12px;font-weight:800}.browser-notice{background:#fff8e8;border:1px solid #e1cba4;border-radius:16px;margin:0 0 14px;padding:12px 14px}.browser-notice strong{font-size:.78rem}.browser-notice p{color:#756a53;margin:4px 0 0;font-size:.7rem;line-height:1.5}.hero-progress{background:#d9f6cf;border:1px solid #bcdcb3;border-radius:25px;grid-template-columns:112px 1fr;align-items:center;gap:16px;padding:18px;display:grid}.hero-progress h2{margin:0 0 8px;font-size:1.05rem;line-height:1.4}.progress-ring{background:conic-gradient(var(--green) var(--progress), #eff6eb 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:relative}.progress-ring:after{content:"";background:#f8fff5;border-radius:50%;position:absolute;inset:9px}.progress-ring strong,.progress-ring span{z-index:1;position:relative}.progress-ring strong{font:800 1.6rem Manrope}.progress-ring span{color:#738077;font-size:.7rem}.text-button{color:var(--green);background:0 0;border:0;padding:0;font-size:.76rem;font-weight:800}.daily-card{margin-top:14px}.daily-card>p{color:#5b6c63;line-height:1.6}.section-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.section-heading h2{margin:0;font-size:1.45rem}.section-heading>span{background:#f0ece3;border-radius:999px;padding:6px 10px;font-size:.72rem;font-weight:800}.daily-mission-progress{background:#f2eee6;border-radius:15px;grid-template-columns:auto auto;justify-content:start;align-items:center;gap:5px 10px;margin:0 0 16px;padding:12px 13px;display:grid}.daily-mission-progress.complete{background:#e4f4dc}.daily-mission-progress strong{font:800 .78rem Manrope}.daily-mission-progress span{color:#64736a;grid-column:1/-1;font-size:.7rem}.mission-dots{gap:6px;display:flex}.mission-dots i{background:#d0cbc1;border-radius:50%;width:11px;height:11px}.mission-dots i.done{background:var(--green);box-shadow:inset 0 0 0 2px #ffffff80}.mini-stats{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0;display:grid}.stat-pill{background:#f2eee6;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:10px;display:flex}.stat-pill strong{font:800 1.25rem Manrope}.stat-pill span{color:#6c7b72;text-align:center;margin-top:3px;font-size:.68rem}.review-card{text-align:left;width:100%;color:var(--ink);background:#fff5f0;border:1px solid #dfc9c2;border-radius:19px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin-top:14px;padding:14px;display:grid}.review-card>span{background:var(--coral);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.3rem;display:grid}.review-card strong,.review-card small{display:block}.review-card small{color:#786c67;margin-top:4px}.today-grid{margin-top:14px}.today-grid h2{font-size:1rem}.summary-stats,.record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.home-note{text-align:center;color:#64746a;margin:18px;font-size:.75rem}.bottom-nav{z-index:30;width:min(680px,100%);padding:8px 8px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8f0;border-top:1px solid #d9d4ca;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav button{color:#7d8982;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:54px;display:flex}.bottom-nav button span{font-size:1rem;font-weight:800}.bottom-nav button small{font-size:.62rem}.bottom-nav button.active{color:var(--ink);background:#e2f5d4}.page-title{margin-bottom:20px}.page-title h1{margin:0 0 8px;font-size:2rem}.page-title>p:last-child{color:#617269;font-size:.86rem;line-height:1.7}.stage-map{flex-direction:column;gap:11px;display:flex;position:relative}.stage-map:before{content:"";background:#d8d4ca;width:2px;position:absolute;top:25px;bottom:25px;left:29px}.stage-node{width:100%;min-height:96px;color:var(--ink);text-align:left;background:#fbf8f2;border:1px solid #dcd7cd;border-radius:20px;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:13px;display:grid;position:relative}.stage-node:nth-child(2n){width:calc(100% - 7px);transform:translate(7px)}.stage-node.cleared{background:#dff5d5;border-color:#acd29e}.stage-node.locked{opacity:.55}.stage-number{z-index:1;background:#ebe6dc;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.cleared .stage-number{background:var(--green);color:#fff}.open .stage-number{background:var(--mint)}.stage-copy small,.stage-copy strong,.stage-copy em{display:block}.stage-copy small{letter-spacing:.12em;color:#758179;font-size:.58rem}.stage-copy strong{margin:3px 0;font-family:Manrope}.stage-copy em{color:#66766d;font-size:.68rem;font-style:normal;line-height:1.35}.stage-percent{color:var(--green);font-size:.62rem;font-weight:800}.search,.answer-input,.code-row input{width:100%;min-height:52px;color:var(--ink);background:#fffdf8;border:1px solid #d6d0c5;border-radius:15px;outline:none;padding:0 15px;font-size:16px}.search:focus,.answer-input:focus,.code-row input:focus{border-color:var(--green);box-shadow:0 0 0 3px #d9efcf}.review-actions{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.review-actions button{min-height:46px;color:var(--ink);background:#eaf5e5;border:1px solid #cbd8c8;border-radius:13px;font-size:.74rem;font-weight:800}.filters{scrollbar-width:none;gap:7px;padding:12px 0 14px;display:flex;overflow:auto}.filters button{white-space:nowrap;color:#5d6d64;background:#fbf8f2;border:1px solid #d8d2c8;border-radius:999px;padding:8px 12px;font-size:.7rem}.filters button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.word-list{background:#fffdf8;border:1px solid #ddd7cc;border-radius:20px;overflow:hidden}.word-list>button{width:100%;min-height:66px;color:var(--ink);text-align:left;background:0 0;border:0;border-bottom:1px solid #ece7de;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.word-list>button:last-child{border-bottom:0}.word-list strong,.word-list small{display:block}.word-list strong{font:800 1rem Manrope}.word-list small{color:#6d7b73;margin-top:3px}.badge{background:#eee9df;border-radius:999px;padding:6px 8px;font-size:.62rem;font-style:normal}.badge.discovered{background:#fff0b9}.badge.understood{background:#dff2d2}.badge.recalled{background:#d8f0ff}.badge.usable{background:#ffe69d}.list-note{text-align:center;color:#708077;font-size:.75rem}.modal-backdrop{z-index:80;background:#0e19137a;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.word-modal{width:min(680px,100%);max-height:88dvh;padding:26px 20px calc(25px + env(safe-area-inset-bottom));background:var(--paper);border-radius:28px 28px 0 0;position:relative;overflow:auto}.word-modal .close{border:0;border-radius:50%;width:40px;height:40px;font-size:1.4rem;position:absolute;top:14px;right:16px}.word-modal h2{margin:18px 0 4px;font-size:3rem}.word-modal h3{color:var(--green);font-size:1.2rem}.example{background:#eef6e9;border-radius:17px;flex-direction:column;gap:6px;margin:16px 0;padding:16px;display:flex}.example strong{font:800 1.15rem Manrope}.example span{color:#5e6e65;font-size:.82rem}.audio-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.audio-actions button,.audio-prompt{min-height:42px;color:var(--ink);background:#f7fbf5;border:1px solid #cfd7ce;border-radius:12px;padding:0 14px;font-size:.73rem;font-weight:800}.audio-actions .speed{background:0 0;min-width:auto}.speech-message{color:#53645a;background:#f2eee6;border-radius:10px;margin:8px 0 0;padding:9px 11px;font-size:.72rem}.input-hint{color:#6b786f;margin:-2px 2px 2px;font-size:.7rem;line-height:1.5}.order-area{flex-direction:column;gap:14px;display:flex}.order-answer{background:#f7f3eb;border:2px dashed #cfc9bd;border-radius:17px;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:8px;min-height:84px;padding:13px;display:flex}.order-answer>span{color:#7a857e;margin:auto;font-size:.75rem}.order-answer.correct{background:#e0f6d8;border-style:solid;border-color:#6ba65c}.order-answer.wrong{background:#fff0ec;border-style:solid;border-color:#dd7c69}.order-answer button,.word-bank button{min-height:44px;color:var(--ink);background:#fffdf8;border:1px solid #c9cfc6;border-radius:12px;padding:9px 13px;font-weight:800;box-shadow:0 2px #d7d2c8}.word-bank{flex-wrap:wrap;place-content:flex-start center;gap:8px;min-height:58px;padding:7px;display:flex}.word-bank button{background:#e9f5e4;border-color:#bad3b5}.order-controls{grid-template-columns:auto 1fr;gap:9px;display:grid}.order-controls button{min-height:50px}.order-reset{color:#5e6c64;background:#faf7f1;border:1px solid #d5cfc4;border-radius:15px;padding:0 14px;font-weight:800}.order-controls button:disabled,.order-answer button:disabled,.word-bank button:disabled{opacity:.55}.record-hero{background:var(--ink);color:#fff;border-radius:25px;flex-direction:column;align-items:center;margin-bottom:12px;padding:26px;display:flex}.record-hero>span{font-size:2rem}.record-hero strong{font:800 2.2rem Manrope}.record-hero small{color:#bed0c5}.record-section{margin-top:12px}.settings-card{margin-bottom:12px}.settings-card p{color:#5f7066;font-size:.83rem;line-height:1.65}.settings-card h3{margin-top:22px;font-size:.85rem}.settings-card>.secondary{margin-top:10px}.setting-help{margin:10px 0 0!important;font-size:.7rem!important}.code-row{grid-template-columns:1fr auto;gap:8px;margin-top:10px;display:grid}.code-row button{background:var(--ink);color:#fff;border:0;border-radius:13px;padding:0 16px;font-weight:800}.status-message{background:#eef5e9;border-radius:12px;padding:10px}.sync-state{background:#edf6e8;border-radius:14px;align-items:flex-start;gap:10px;padding:12px;display:flex}.sync-state.pending{background:#fff6df}.sync-state>span{color:var(--green);font-size:.8rem}.sync-state.pending>span{color:#c18a1d}.sync-state strong,.sync-state small{display:block}.sync-state strong{font-size:.78rem}.sync-state small{color:#6a776f;margin-top:4px;font-size:.68rem;line-height:1.5}.audio-check{border-top:1px solid #e2ddd3;margin-top:14px;padding-top:14px}.audio-check summary{cursor:pointer;align-items:center;min-height:44px;font-size:.8rem;font-weight:800;display:flex}.audio-check-body{flex-direction:column;gap:12px;padding-top:10px;display:flex}.audio-device{background:#f2eee6;border-radius:14px;padding:12px}.audio-device span,.audio-device strong,.audio-device small{display:block}.audio-device span{color:#68776f;font-size:.65rem}.audio-device strong{margin:4px 0;font-size:.8rem}.audio-device small,.audio-check-body>small{color:#68776f;font-size:.68rem;line-height:1.55}.audio-check label{flex-direction:column;gap:6px;font-size:.72rem;font-weight:800;display:flex}.audio-check select{width:100%;min-height:48px;color:var(--ink);background:#fffdf8;border:1px solid #d6d0c5;border-radius:13px;padding:0 12px;font-size:16px}.audio-test-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.audio-test-actions button{min-height:48px;color:var(--ink);background:#f3f8f0;border:1px solid #cbd8c8;border-radius:13px;font-size:.72rem;font-weight:800}.danger-zone button{color:#a14433;background:#fff6f3;border:1px solid #e1a79c;border-radius:12px;padding:11px}.studio-link{text-align:center;color:var(--green);margin:24px;font-weight:800;text-decoration:none;display:block}.mastery-guide{background:#f2f8ed;border:1px solid #cddfc5;border-radius:18px;margin:-6px 0 16px;padding:14px 16px}.mastery-guide strong{font-size:.9rem;display:block}.mastery-guide p{color:#52645a;margin:6px 0 4px;font-size:.78rem;line-height:1.6}.mastery-guide small{color:#6b7a71;font-size:.7rem}.app-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100dvh;display:flex}.app-loading>strong{color:var(--green);font:900 clamp(2.8rem,16vw,5rem) Manrope}.app-loading>p{color:#68776f;margin:0;font-size:.82rem}.legal-links{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:22px 0 0;display:flex}.legal-links a,.back-link,.legal-page a{color:var(--green);text-underline-offset:3px;font-weight:800}.legal-links a{font-size:.72rem}.legal-heading .back-link{margin-bottom:26px;font-size:.8rem;text-decoration:none;display:inline-block}.legal-page{padding-bottom:calc(42px + env(safe-area-inset-bottom))}.legal-page section{background:#fffdf8e6;border:1px solid #ded8cc;border-radius:20px;margin-bottom:12px;padding:18px}.legal-page section h2{margin-bottom:8px;font-size:1rem}.legal-page section h3{margin:16px 0 6px;font-size:.88rem}.legal-page section p{color:#53645a;margin:0;font-size:.84rem;line-height:1.85}.legal-date{text-align:right;color:#728078;margin-top:24px;font-size:.72rem}.lesson-overlay{z-index:100;background:#f3f0e8;position:fixed;inset:0;overflow:auto}.lesson-header{z-index:3;padding:calc(10px + env(safe-area-inset-top)) 15px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f0e8f0;grid-template-columns:42px 1fr 40px;align-items:center;gap:10px;display:grid;position:sticky;top:0}.lesson-header>button{background:#e4dfd5;border:0;border-radius:50%;width:40px;height:40px;font-size:1.3rem}.lesson-header>span{text-align:right;font-size:.7rem;font-weight:800}.lesson-progress{background:#ded9cf;border-radius:999px;height:9px;overflow:hidden}.lesson-progress i{background:var(--green);border-radius:inherit;height:100%;transition:width .25s;display:block}.lesson-body{max-width:600px;padding:24px 18px calc(34px + env(safe-area-inset-bottom));flex-direction:column;min-height:calc(100dvh - 68px);margin:0 auto;display:flex}.flash-card,.question-card{background:#fffdf8;border:1px solid #ddd7cc;border-radius:26px;padding:22px;box-shadow:0 12px 34px #222d2612}.flash-card h1{margin:8px 0;font-size:clamp(3rem,17vw,5.4rem)}.flash-card h2{color:var(--green)}.flash-card>p{color:#637168;font-size:.85rem;line-height:1.7}.lesson-body .next{bottom:calc(10px + env(safe-area-inset-bottom));margin-top:auto;position:sticky}.retry-note{color:#66552a;text-align:center;background:#fff3cb;border-radius:13px;margin:0 0 10px;padding:10px 12px;font-size:.75rem;font-weight:800}.question-card h2{white-space:pre-wrap;font-size:1.35rem;line-height:1.5}.recall-hint{margin:-4px 0 14px}.recall-hint button{min-height:42px;color:var(--green);background:#f4f8f1;border:1px dashed #b9c8b6;border-radius:12px;padding:0 13px;font-size:.72rem;font-weight:800}.recall-hint p{color:#52645a;background:#edf5e9;border-radius:12px;margin:0;padding:10px 12px;font-size:.78rem}.choices{flex-direction:column;gap:9px;display:flex}.choices button{min-height:54px;color:var(--ink);text-align:left;background:#faf7f1;border:1px solid #d5cfc4;border-radius:15px;padding:12px 14px;font-weight:700}.choices button.correct{background:#e0f6d8;border-color:#6ba65c}.choices button.wrong{background:#fff0ec;border-color:#dd7c69}.question-card form{flex-direction:column;gap:10px;display:flex}.feedback{border-radius:15px;margin-top:14px;padding:14px}.feedback.correct{background:#e1f5d9}.feedback.wrong{background:#fff0e9}.feedback strong{font:800 1rem Manrope}.feedback p{margin:6px 0;font-size:.8rem;line-height:1.5}.feedback em{font-size:.75rem;font-style:normal;font-weight:800}.already-known{align-self:center;min-height:44px;margin:18px 0 14px;padding:10px 16px}.completion{place-items:center;padding:22px;display:grid}.completion main{text-align:center;max-width:520px}.completion-icon{background:var(--mint);border-radius:30px;place-items:center;width:92px;height:92px;margin:0 auto 24px;font:800 2.25rem sans-serif;display:grid;transform:rotate(-5deg)}.completion h1{font-size:2rem}.completion p{color:#5f7067;line-height:1.7}.completion-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.completion-stats.review-stats{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=700px){body{padding:22px}.app-shell,.page-shell{border-radius:30px;overflow:hidden;box-shadow:0 22px 70px #19261e29}.bottom-nav{border-radius:0 0 30px 30px;bottom:22px}.lesson-overlay{border-radius:26px;width:min(680px,100%);left:50%;transform:translate(-50%)}.modal-backdrop{align-items:center}.word-modal{border-radius:28px;max-height:82vh}}@media (width<=370px){.content{padding-left:13px;padding-right:13px}.hero-progress{grid-template-columns:94px 1fr;padding:14px}.progress-ring{width:88px;height:88px}.stage-node{grid-template-columns:44px 1fr auto}.stage-copy em{display:none}.flash-card,.question-card{padding:17px}.completion-stats{gap:5px}.stat-pill{padding:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.onboarding-actions{flex-direction:column;gap:9px;margin-top:18px;display:flex}.onboarding-actions .secondary{background:0 0}.chapter-chip{color:#496054;letter-spacing:.04em;background:#edf4e9;border-radius:999px;margin:4px 0 16px;padding:7px 10px;font-weight:800;display:inline-flex}.mission-start{letter-spacing:.08em;font-size:1rem}.usable-card,.can-now{background:#fffdf8;border:1px solid #d8d2c7;border-radius:20px;margin-top:14px;padding:17px}.usable-card h2{margin:3px 0 12px;font-size:1.05rem}.usable-card h2 strong{font-size:1.55rem}.mastery-track{background:#e8e3d9;border-radius:999px;height:10px;overflow:hidden}.mastery-track i{border-radius:inherit;background:linear-gradient(90deg,#8ec77a,#efc95c);height:100%;transition:width .35s;display:block}.mastery-mini{color:#68776f;justify-content:space-between;gap:5px;margin-top:10px;font-size:.65rem;font-weight:800;display:flex}.quick-card{text-align:left;width:100%;color:var(--ink);background:#fff9df;border:1px solid #d9d2b5;border-radius:19px;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;margin-top:10px;padding:14px;display:grid}.quick-card>span{background:#f4ce4b;border-radius:14px;place-items:center;width:46px;height:46px;font-size:1.25rem;display:grid}.quick-card strong,.quick-card small{display:block}.quick-card small{color:#736c55;margin-top:4px}.can-now p:not(.eyebrow){color:#53645a;margin:8px 0;font-size:.78rem}.chapter-section{margin-bottom:26px}.chapter-heading{padding:0 4px 10px}.chapter-heading small{color:var(--green);letter-spacing:.12em;font-weight:900}.chapter-heading h2{margin:4px 0;font-size:1.2rem}.chapter-heading p{color:#68776f;margin:0;font-size:.75rem}.chapter-clear{background:#e5f6dd;border-radius:15px;flex-direction:column;gap:5px;margin-top:10px;padding:13px;font-size:.72rem;display:flex}.chapter-clear strong{color:var(--green);letter-spacing:.08em}.core-usage{overflow-wrap:anywhere;border-radius:15px;flex-direction:column;gap:7px;margin:20px 0 0;padding:16px 17px;line-height:1.55;color:#52645a!important;background:#f2eee6!important;font-size:.78rem!important;display:flex!important}.core-usage strong{font-size:.8rem}.word-modal .core-usage+.audio-wrap{margin-top:16px}.evidence-list{color:#58685f;border-top:1px solid #ddd7cc;flex-direction:column;gap:6px;margin-top:16px;padding:14px;font-size:.74rem;display:flex}.mastery-distribution{gap:7px;margin:12px 0;display:grid}.mastery-distribution>div{background:#fffdf8;border:1px solid #dfd9ce;border-radius:13px;justify-content:space-between;padding:11px 13px;display:flex}.mastery-distribution span{font-size:.76rem}.mastery-distribution strong{font-family:Manrope}.unknown-button{color:#68756e;background:0 0;border:1px dashed #bdb7ad;border-radius:13px;width:100%;min-height:46px;margin-top:10px;font-weight:800}.recall-hint{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.mini-dialogue{background:#eaf4e6;border-radius:18px;margin:0 0 12px;padding:14px}.mini-dialogue>p:not(.eyebrow){grid-template-columns:24px 1fr;gap:2px 8px;margin:9px 0;display:grid}.mini-dialogue p strong{background:var(--green);color:#fff;border-radius:50%;grid-row:1/3;place-items:center;width:24px;height:24px;font-size:.65rem;display:grid}.mini-dialogue p span{font:800 .9rem Manrope}.mini-dialogue p small{color:#64736a}.mastered-banner{background:#fff4bd;border:1px solid #dfc45f;border-radius:17px;flex-direction:column;gap:4px;margin:14px 0;padding:14px;display:flex}.mastered-banner strong{color:#765d00;letter-spacing:.08em;font-size:.72rem}.mastered-banner span{font:900 1.2rem Manrope}.completion-note{font-size:.78rem}.completion-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.completion-actions .text-button{min-height:44px}.quick-timer,.level-check-intro{color:#66552a;background:#fff3cb;border-radius:15px;margin:0 0 16px;padding:14px 15px;font-size:.75rem;font-weight:800}.level-check-intro strong{margin-bottom:6px;display:block}.level-check-intro p{margin:4px 0;line-height:1.55}.level-check-intro small{color:#796b43;margin-top:7px;display:block}.level-check-result h1{font-size:1.6rem;line-height:1.4}.check-use{text-align:left;color:#52645a;background:#edf5e9;border-radius:16px;flex-direction:column;gap:7px;margin:20px 0;padding:15px;display:flex}.check-use strong{color:var(--green);font-size:.78rem}.check-use span{font-size:.75rem}.check-use span:before{content:"✓ ";font-weight:900}.question-card button:focus-visible,.bottom-nav button:focus-visible,.primary:focus-visible{outline-offset:2px;outline:3px solid #1f7a4a}.registry-menu-button{z-index:112;top:max(14px,env(safe-area-inset-top));width:48px;height:48px;color:var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f2;border:1px solid #d6d1c7;border-radius:16px;place-content:center;gap:5px;padding:0;display:grid;position:fixed;right:max(18px,50vw - 322px);box-shadow:0 8px 24px #1f2d241f}.registry-menu-button.is-inline{flex:none;width:48px;height:48px;position:relative;top:auto;right:auto}.registry-menu-button i{background:currentColor;border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.registry-menu-button.is-open{opacity:0;pointer-events:none}.registry-menu-layer{z-index:110;position:fixed;inset:0}.registry-menu-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#111d167a;border:0;width:100%;height:100%;position:absolute;inset:0}.registry-menu-drawer{width:min(88vw,370px);padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom));color:var(--ink);background:#f3f0e8;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-18px 0 48px #111d1638}.registry-menu-drawer>header{border-bottom:1px solid #d9d4ca;align-items:center;min-height:50px;padding:0 56px 12px 4px;display:flex;position:relative}.registry-menu-drawer>header>div{gap:3px;display:grid}.registry-menu-drawer>header small{color:var(--green);letter-spacing:.1em;font-size:.54rem;font-weight:900}.registry-menu-drawer>header strong{letter-spacing:.08em;font-size:1rem}.registry-menu-drawer>header>button{width:48px;height:48px;color:var(--ink);background:var(--paper);border:1px solid #d6d1c7;border-radius:16px;place-items:center;font-size:1.55rem;line-height:1;display:grid;position:absolute;top:0;right:0}.registry-studio-link,.registry-app-link,.registry-menu-drawer>nav a{color:inherit;text-decoration:none}.registry-studio-link{color:#fff;background:linear-gradient(145deg,#2d6d4a,#183f2d);border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:72px;margin:14px 0;padding:12px 14px;display:grid;box-shadow:0 9px 20px #1f583a2e}.registry-studio-link>b{font-size:1.15rem}.registry-link-copy{gap:4px;min-width:0;display:grid}.registry-link-copy strong{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;font-size:.8rem;display:flex}.registry-link-copy small{color:#69786f;font-size:.6rem;line-height:1.5}.registry-studio-link small{color:#ffffffc7}.registry-menu-drawer>section{flex-direction:column;flex:1;min-height:0;display:flex}.registry-menu-drawer>section>h2{color:#758179;letter-spacing:.05em;margin:20px 4px 9px;font-size:.58rem;font-weight:900}.registry-app-list{overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:7px;min-height:0;padding-right:4px;display:grid;overflow-y:auto}.registry-app-link{background:var(--paper);border:1px solid #ddd7cc;border-radius:17px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px 12px;display:grid}.registry-app-link>b{color:#8a968e;font-size:1.2rem}.registry-app-link.is-current{box-shadow:inset 3px 0 0 var(--green);background:#e7f5df;border-color:#9cc68e}.registry-app-link em{color:#fff;background:var(--green);white-space:nowrap;border-radius:7px;padding:3px 6px;font-size:.45rem;font-style:normal;font-weight:900}.registry-menu-drawer>nav{border-top:1px solid #d9d4ca;flex:none;margin-top:16px;padding:8px 0 2px}.registry-menu-drawer>nav a{border-bottom:1px solid #e4dfd6;justify-content:space-between;align-items:center;min-height:47px;padding:0 7px;font-size:.66rem;font-weight:800;display:flex}.registry-menu-drawer>nav b{color:#8a968e;font-size:.9rem}.page-title{padding-right:58px}@media (width<=370px){.registry-menu-button{right:13px}.topbar-actions{gap:6px}.streak{padding-inline:9px;font-size:.76rem}.onboarding{padding-left:18px;padding-right:18px}.onboarding-app-name{font-size:clamp(2.35rem,13vw,3rem)}.onboarding-title{font-size:clamp(1.32rem,7vw,1.65rem)}.hero-orbit{right:19px}.page-title{padding-right:54px}}
