:root{--green:#20764e;--dark:#233c32;--muted:#66736b;--line:#e2e8df;--paper:#fafbf7;--mint:#e9f5e0;--yellow:#f5c76a;--shadow:#155535;--font:17px;--radius:20px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--dark);font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--font);line-height:1.5}body.large-text{--font:20px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:var(--green);text-underline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em}h1{font-size:clamp(32px,3.1vw,44px);font-weight:750}h2{font-size:25px}h3{font-size:20px}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:.86rem}.eyebrow{text-transform:uppercase;font-weight:750;font-size:.75rem;letter-spacing:.11em;color:var(--green)}svg.icon{width:24px;height:24px;flex:none;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:16px;background:#fff;padding:14px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid #236baf;outline-offset:4px}button:focus:not(:focus-visible){outline:none}.btn{border:2px solid var(--line);border-radius:14px;min-height:52px;padding:12px 20px;font-weight:700;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;box-shadow:0 3px 0 var(--line);transition:transform .12s,background .12s}.btn:hover{background:#f1f5ef}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.btn.primary{background:var(--green);border-color:var(--green);box-shadow:0 4px 0 var(--shadow);color:#fff}.btn.primary:hover{background:#196442}.btn.light{background:#e9f5e0;border-color:#d7e9ce;color:#24573a}.btn.text{border-color:transparent;background:transparent;box-shadow:none}.btn.danger{color:#a53e34}.icon-button{width:48px;height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;display:inline-grid;place-items:center}.full{width:100%}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:grid;gap:18px}.pill{border-radius:100px;padding:5px 11px;background:#f1f4ee;font-size:.76rem;font-weight:650;display:inline-flex;align-items:center;gap:6px}.pill.green{background:var(--mint);color:var(--green)}.pill.gold{background:#fff3d7;color:#926216}.pill svg.icon{width:16px;height:16px}.logo{display:flex;align-items:center;gap:10px;font-size:31px;font-weight:800;letter-spacing:-1.3px;color:var(--green)}.logo-mark{display:grid;place-items:center;background:var(--green);color:#eff8e5;width:40px;height:40px;border-radius:13px}.logo-mark svg.icon{width:28px;height:28px}.layout{min-height:100dvh;padding-left:236px}.sidebar{width:236px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:30px 22px;display:flex;flex-direction:column;z-index:10}.brand-caption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:6px 0 35px 50px;color:#78867b}.nav{display:grid;gap:9px}.nav button{display:flex;align-items:center;gap:14px;padding:15px 16px;text-align:left;border:2px solid transparent;border-radius:15px;background:transparent;font-weight:650;font-size:16px;min-height:56px;color:#59665d}.nav button.active{background:var(--mint);border-color:#d6e8cb;color:var(--green)}.nav button:hover{background:#f2f6ed}.sidebar-foot{margin-top:auto;padding-top:32px;display:grid;gap:16px}.sidebar-foot button{border:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;color:#627065;font-size:14px;min-height:44px}.offline-dot{width:8px;height:8px;background:#88918b;display:inline-block;border-radius:50%;margin-right:6px}.offline-dot.ready{background:#20764e}.offline-label{font-size:12px;color:#627065;padding:0 8px}.topbar{height:90px;max-width:1200px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar .greeting{font-size:14px;font-weight:650;color:#718074}.topbar .greeting span{color:#bac3b8;margin:0 9px}.topstats{display:flex;gap:22px;align-items:center;font-size:15px;font-weight:750}.stat{display:flex;gap:6px;align-items:center}.stat svg{color:#c8802f}.stat.points svg{color:var(--green)}.mobile-logo{display:none}.content-grid{max-width:1200px;padding:34px 38px 50px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:30px}.main-content{min-width:0}.page-heading{margin-bottom:25px}.page-heading p{margin-top:8px;color:var(--muted)}.hero{position:relative;border:1px solid #dae8cf;background:#edf5e7;border-radius:25px;padding:29px 30px 28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 176px;align-items:center;gap:8px}.hero h1{font-size:clamp(29px,2.6vw,38px);margin:13px 0 12px;line-height:1.14}.hero p{font-size:15px;color:#53644f;max-width:320px}.hero .btn{margin-top:22px;font-size:16px}.hero-art{width:206px;max-width:none;margin-left:-10px;margin-top:24px}.hero-tag{position:absolute;top:19px;right:22px;font-size:10px;letter-spacing:.13em;color:#7f9674;text-transform:uppercase}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:29px 0 18px}.section-title a,.section-title button{font-size:13px;color:var(--green);background:none;border:0;font-weight:650;min-height:36px;padding:0}.section-title p{font-size:13px;color:var(--muted);margin-top:5px}.lesson-list{display:grid;gap:14px}.lesson{display:flex;align-items:center;gap:18px;min-height:120px;padding:20px;border:1.5px solid var(--line);border-radius:19px;background:#fff;position:relative;text-align:left;width:100%;box-shadow:0 3px 0 #e9ede5}.lesson:hover{border-color:#abc59d;background:#fefffc}.lesson.featured{border-color:#97bd85}.lesson-icon{width:68px;height:68px;flex:none;display:grid;place-items:center;border-radius:19px;color:var(--green);background:#e7f2df;box-shadow:0 4px 0 #ccdfc0}.lesson-icon svg{width:43px;height:43px}.lesson:nth-child(2) .lesson-icon{background:#fff0d5;color:#a66e25;box-shadow:0 4px 0 #eddcbb}.lesson:nth-child(3) .lesson-icon{background:#e8effa;color:#5476a0;box-shadow:0 4px 0 #d2dff0}.lesson-text{flex:1;min-width:0}.lesson-text h3{font-size:20px;margin:3px 0 6px}.lesson-text p{font-size:13px;color:var(--muted)}.lesson-kicker{font-size:10px;letter-spacing:.08em;font-weight:750;color:#69825b;text-transform:uppercase}.lesson-chevron{color:#a1aca2}.lesson .mini-progress{height:5px;border-radius:99px;background:#ebefe5;margin-top:12px;max-width:185px;overflow:hidden}.lesson .mini-progress span{display:block;height:100%;background:#83aa6f;border-radius:99px}.next-regions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.region-chip{min-height:43px;padding:7px 15px;border-radius:100px;border:1px solid var(--line);background:#fff;color:#60725e;font-size:13px;font-weight:600}.region-chip:hover{border-color:#8dab7f}.right-panel{display:grid;gap:20px;align-content:start}.panel{background:#fff;border:1.5px solid var(--line);border-radius:20px;padding:23px}.panel h3{font-size:17px;letter-spacing:-.025em}.daily-top{display:flex;justify-content:space-between;align-items:center}.daily-top .icon{color:#8ba979}.goal-row{display:flex;gap:18px;align-items:center;margin-top:22px}.goal-ring{--pct:0;position:relative;width:77px;height:77px;background:conic-gradient(var(--green) calc(var(--pct)*1%),#edf1e7 0);border-radius:50%;display:grid;place-items:center;flex:none}.goal-ring:before{content:"";width:63px;height:63px;border-radius:50%;background:#fff;position:absolute}.goal-ring svg{position:relative;color:#638954;width:28px;height:28px}.goal-number{font-size:24px;font-weight:750;letter-spacing:-1px}.goal-number span{font-size:16px;color:#8a968d;font-weight:500;letter-spacing:0}.goal-sub{font-size:12px;color:#758171}.week{display:flex;justify-content:space-between;margin-top:22px;border-top:1px solid #eff2ec;padding-top:18px}.day{text-align:center;font-size:10px;color:#83907e}.day-dot{width:24px;height:24px;border-radius:50%;background:#f1f4ed;display:grid;place-items:center;margin-top:8px;font-size:13px;color:#9aaa92}.day-dot.done{background:#dfeece;color:var(--green)}.day.today .day-dot{border:1px solid #81a96d}.progress-panel .row{align-items:flex-start}.stamp{width:50px;height:50px;flex:none;border-radius:15px;background:#f9efd9;display:grid;place-items:center;color:#a97535}.progress-panel p{font-size:13px;color:var(--muted);margin-top:11px}.progress-line{height:7px;background:#edf1e7;border-radius:9px;margin:17px 0 7px;overflow:hidden}.progress-line span{height:100%;background:#97b580;display:block;border-radius:9px}.progress-caption{font-size:11px;color:#7b8973}.install-panel{background:#f1f4eb;border-style:dashed}.install-panel .icon{color:#82996d}.install-panel p{font-size:13px;color:#75816d;margin:10px 0 15px}.install-panel button{font-size:13px;min-height:43px;padding:8px 12px;box-shadow:none}.calm-note{display:flex;gap:10px;font-size:12px;color:#7b8775;line-height:1.65;padding:0 9px}.calm-note svg{width:18px;height:18px;margin-top:2px}.resume-card{display:flex;align-items:center;gap:18px;padding:20px;background:#fff5df;border:1px solid #ecdbb7;border-radius:18px;margin-bottom:20px}.resume-card p{font-size:14px;color:#7d704f}.resume-card .btn{margin-left:auto;white-space:nowrap}.footnote{color:#819078;font-size:12px;margin-top:25px}.footnote button{background:none;border:0;color:#657b5b;min-height:36px;text-decoration:underline;font-size:12px}.form-card{background:#fff;padding:28px;border:1.5px solid var(--line);border-radius:22px}.form-section{border:0;padding:0;margin:0 0 25px}.form-section legend,.field>label{display:block;font-weight:700;font-size:16px;margin-bottom:11px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.segment{position:relative}.segment input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.segment span{display:flex;flex-direction:column;justify-content:center;min-height:72px;background:#f9faf7;border:2px solid var(--line);border-radius:13px;text-align:center;padding:10px 7px;font-weight:600;font-size:14px}.segment input:checked+span{background:var(--mint);color:var(--green);border-color:#80aa6c}.segment input:focus-visible+span{outline:3px solid #236baf;outline-offset:3px}.segment span small{font-size:11px;font-weight:400;color:#73806b;margin-top:3px}.checkboxes{display:flex;gap:9px;flex-wrap:wrap}.check-chip{position:relative}.check-chip input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.check-chip span{display:flex;gap:7px;align-items:center;min-height:46px;padding:10px 14px;border:2px solid var(--line);border-radius:13px;font-size:14px}.check-chip input:checked+span{background:#f0f6ea;border-color:#95b682;color:var(--green)}.check-chip input:checked+span:before{content:'✓';font-weight:800}.check-chip input:focus-visible+span{outline:3px solid #236baf}.check-row{display:flex;align-items:center;gap:12px;min-height:48px;font-size:15px}.check-row input{width:22px;height:22px;accent-color:var(--green);flex:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field select,.field input{min-height:51px;width:100%;border:1.5px solid #ccd6c7;border-radius:12px;padding:10px 13px;background:#fff;color:var(--dark)}.form-hint{font-size:13px;color:var(--muted);margin-top:10px}.form-preview{background:#f4f7ef;padding:16px;border-radius:13px;margin:18px 0;display:flex;gap:9px;align-items:center;font-size:14px}.form-preview .icon{color:var(--green)}details{border-top:1px solid var(--line);margin-top:15px;padding-top:16px}summary{cursor:pointer;font-weight:650;font-size:15px;min-height:44px}details p{font-size:14px;margin:10px 0}.search-wrap{margin:20px 0;position:relative}.search-wrap svg{position:absolute;top:17px;left:16px;color:#819179}.search-wrap input{width:100%;min-height:58px;padding:14px 16px 14px 51px;border:1.5px solid #ccd6c7;border-radius:15px;background:#fff;color:var(--dark)}.atlas-controls{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.atlas-controls select{min-height:46px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 12px;max-width:100%}.atlas-count{font-size:13px;color:var(--muted);margin:18px 0 13px}.atlas-list{display:grid;gap:10px}.atlas-entry{width:100%;display:flex;gap:14px;align-items:center;text-align:left;padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px;min-height:84px}.code-badge{width:42px;height:42px;display:grid;place-items:center;background:#f0f4ea;border-radius:12px;color:#5d7952;font-size:13px;font-weight:750;flex:none}.atlas-entry h3{font-size:17px;letter-spacing:-.015em}.atlas-entry p{font-size:14px;color:#71806a;margin-top:3px}.atlas-entry .icon{margin-left:auto;color:#99a591;width:18px}.status-tag{font-size:10px;color:#8a795d;margin-top:4px;display:block}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:23px 0}.stats-box{border:1px solid var(--line);padding:20px 14px;background:#fff;border-radius:17px}.stats-box strong{font-size:30px;display:block;letter-spacing:-.04em}.stats-box span{font-size:12px;color:var(--muted)}.history-row{display:flex;gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-row .history-score{margin-left:auto;font-weight:750;white-space:nowrap}.empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 24px}.empty .icon{width:42px;height:42px;color:#9db58e;margin-bottom:12px}.empty p{margin:10px 0 22px;color:var(--muted)}.quiz-shell{max-width:810px;margin:auto;padding:32px 32px 145px}.quiz-top{display:flex;gap:19px;align-items:center}.quiz-progress{flex:1;height:14px;background:#e8ede3;border-radius:99px;overflow:hidden}.quiz-progress span{display:block;height:100%;background:#71a85d;border-radius:99px;transition:width .3s}.quiz-count{font-size:14px;font-weight:650;white-space:nowrap}.quiz-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:30px 0}.quiz-meta .pill{font-size:12px}.timer{padding:7px 12px;background:#fff0d8;border-radius:99px;font-variant-numeric:tabular-nums;font-weight:750;font-size:15px;display:flex;align-items:center;gap:7px}.timer.low{background:#fff0ec;color:#a54c37}.quiz-card{background:#fff;border:1.5px solid var(--line);border-radius:24px;padding:32px}.quiz-card h1{font-size:29px;line-height:1.28;margin-bottom:23px;letter-spacing:-.04em}.question-place{background:#f3f7ed;border-radius:16px;padding:23px;text-align:center;margin-bottom:26px}.question-place strong{font-size:clamp(25px,4vw,37px);letter-spacing:-.04em;display:block;overflow-wrap:anywhere}.question-place span{display:block;color:#708266;font-size:13px;margin-top:6px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{min-height:73px;border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:15px;background:#fff;padding:13px 16px;display:flex;align-items:center;gap:12px;text-align:left;font-size:17px;font-weight:550;overflow-wrap:anywhere}.answer:hover:not(:disabled){border-color:#9bba87;background:#f7faf1}.answer .key{width:27px;height:27px;border:1px solid #dbe2d5;border-radius:7px;display:grid;place-items:center;font-size:12px;flex:none;color:#89967f}.answer.selected{border-color:#779f61;background:#edf6e4;color:var(--green);box-shadow:0 3px 0 #a8c797}.answer.correct{border-color:#69a55c;background:#e8f4df;opacity:1;box-shadow:0 3px 0 #91b784}.answer.wrong{border-color:#c47563;background:#fff0eb;opacity:1;box-shadow:0 3px 0 #dcac9f}.answer:disabled{opacity:.7}.input-label{display:block;font-weight:650;font-size:15px;margin-bottom:9px}.answer-input{width:100%;min-height:62px;border:2px solid #cbd8c1;border-radius:14px;padding:14px 18px;background:#fff;color:var(--dark);font-size:20px}.answer-input:disabled{opacity:1;color:var(--dark)}.input-hint{font-size:12px;color:#7d8973;margin-top:10px}.quiz-actions{margin-top:27px;display:flex;justify-content:space-between;align-items:center;gap:15px}.quiz-actions .btn{min-width:155px}.feedback{border:1px solid #a8cb99;border-radius:16px;background:#edf6e5;padding:20px;margin-top:25px}.feedback.incorrect{background:#fff3ea;border-color:#e6c4a9}.feedback .row{align-items:flex-start}.feedback .icon{color:#4c8841}.feedback.incorrect .icon{color:#a76e3a}.feedback strong{font-size:18px}.feedback p{font-size:14px;margin-top:5px;color:#526749}.feedback.incorrect p{color:#82654d}.feedback .note{padding-top:11px;border-top:1px solid #d6e4cb;margin-top:11px;font-size:13px}.pause-link{display:flex;gap:7px;align-items:center;justify-content:center;margin:22px auto 0;border:0;background:none;color:#7b8975;font-size:13px;min-height:44px}.result-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:25px;padding:33px 27px}.result-emblem{width:100px;height:100px;display:grid;place-items:center;background:#fff0ca;color:#ad802f;border-radius:50%;margin:0 auto 22px;box-shadow:0 7px 0 #f2e2b8}.result-emblem svg{width:55px;height:55px}.result-card h1{font-size:33px}.result-card p{color:var(--muted);margin-top:12px}.result-buttons{display:grid;gap:12px;margin-top:25px}.review-list{margin-top:28px}.review-row{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:flex-start}.review-row svg{color:#5e9450;flex:none}.review-row.wrong svg{color:#ae7c47}.review-row strong{font-size:16px}.review-row p{font-size:13px;color:var(--muted);margin-top:3px}.review-row .tiny{font-size:11px;color:#89917e}.update-banner{position:fixed;bottom:20px;left:calc(50% + 118px);transform:translateX(-50%);z-index:22;max-width:650px;width:calc(100% - 290px);padding:16px 20px;background:#fff;border:1px solid #aac698;border-radius:16px;box-shadow:0 8px 35px #2139191c;display:flex;gap:18px;align-items:center;font-size:14px}.update-banner .btn{min-height:43px;white-space:nowrap;padding:8px 14px;font-size:13px}.storage-warning{padding:12px 18px;background:#fff3d8;color:#7d642a;font-size:13px;text-align:center}.loading{display:grid;place-content:center;text-align:center;min-height:100dvh;padding:30px;gap:18px}.loading .logo-mark{margin:auto}.loading h1{font-size:25px}.loading p{color:var(--muted)}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:60;background:#273e31;color:#fff;max-width:calc(100% - 30px);padding:14px 22px;border-radius:14px;font-size:15px;box-shadow:0 4px 24px #0002}dialog{width:min(560px,calc(100% - 28px));border:1px solid var(--line);border-radius:24px;padding:28px;color:var(--dark);background:var(--paper);box-shadow:0 20px 70px #20351740;max-height:calc(100dvh - 40px);overflow:auto}dialog::backdrop{background:#243e3266;backdrop-filter:blur(3px)}.dialog-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:24px}.dialog-body p{margin-bottom:15px}.dialog-body .btn{margin-top:12px}.dialog-body ol{padding-left:23px}.dialog-body li{margin-bottom:12px}.dialog-body .caps{display:grid;gap:9px;margin:18px 0}.cap-detail{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}.cap-detail strong{display:block}.cap-detail span{font-size:13px;color:var(--muted)}.sources{font-size:13px;padding-left:19px}.sources li{margin:12px 0}.dialog-body .form-section{margin-top:20px}.no-motion *{scroll-behavior:auto}.no-motion *{transition:none!important;animation:none!important}
@media(min-width:1440px){.content-grid{padding-top:42px;gap:40px}.hero{padding:32px}.lesson{min-height:130px}.hero-art{width:220px}.sidebar{padding-top:38px}.topbar{height:100px}}
@media(max-width:1180px){.layout{padding-left:210px}.sidebar{width:210px;padding:28px 17px}.content-grid{padding:28px;gap:22px;grid-template-columns:minmax(0,1fr) 250px}.topbar{padding:0 28px}.hero{grid-template-columns:1fr 135px;padding:26px}.hero-art{width:175px;margin-left:-20px}.hero h1{font-size:30px}.hero .btn{font-size:14px}.panel{padding:20px}.update-banner{left:calc(50% + 105px)}}
@media(max-width:980px){.content-grid{grid-template-columns:1fr;max-width:740px}.right-panel{grid-template-columns:1fr 1fr}.right-panel .calm-note{grid-column:1/-1}.right-panel .install-panel{display:none}.hero{grid-template-columns:1fr 190px}.hero-art{width:220px;margin-left:-15px}.hero h1{font-size:36px}.hero .btn{font-size:16px}.topbar .greeting{font-size:12px}.lesson{padding:20px}.update-banner{width:calc(100% - 250px)}}
@media(max-width:700px){.layout{padding-left:0;padding-bottom:88px}.sidebar{inset:auto 0 0;width:100%;height:calc(75px + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);border-right:0;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(10px)}.sidebar>.logo,.brand-caption,.sidebar-foot{display:none}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.nav button{flex-direction:column;justify-content:center;gap:4px;padding:7px 2px;font-size:10px;line-height:1.3;border:0;border-radius:12px;min-height:62px}.nav button svg{width:23px;height:23px}.topbar{height:76px;padding:0 20px}.mobile-logo{display:flex;font-size:26px}.mobile-logo .logo-mark{width:34px;height:34px;border-radius:11px}.mobile-logo .logo-mark svg{width:23px;height:23px}.topbar .greeting{display:none}.topstats{gap:14px;font-size:13px}.topstats .icon{width:20px;height:20px}.content-grid{padding:25px 20px 28px;gap:25px}.hero{padding:24px 23px;grid-template-columns:minmax(0,1fr) 125px;border-radius:22px;gap:0}.hero h1{font-size:29px;margin:13px 0 12px}.hero p{font-size:13px}.hero .btn{font-size:14px;padding:10px 15px;min-height:50px}.hero-art{width:165px;margin-left:-23px;align-self:center;margin-top:8px}.hero-tag{display:none}.eyebrow{font-size:10px}.section-title{margin-top:28px}.section-title h2{font-size:23px}.section-title p{font-size:12px}.lesson{gap:14px;padding:17px;min-height:115px}.lesson-icon{width:59px;height:59px;border-radius:17px}.lesson-icon svg{width:36px;height:36px}.lesson-text h3{font-size:19px}.lesson-text p{font-size:12px}.lesson-chevron svg{width:18px}.lesson-kicker{font-size:9px}.right-panel{gap:13px}.panel{padding:18px 15px}.panel h3{font-size:15px}.goal-row{gap:10px}.goal-ring{width:57px;height:57px}.goal-ring:before{width:45px;height:45px}.goal-ring svg{width:22px}.goal-number{font-size:20px}.goal-number span{font-size:13px}.goal-sub{font-size:10px}.week{gap:2px}.day{font-size:9px}.day-dot{width:17px;height:17px;font-size:11px}.stamp{width:34px;height:34px;border-radius:10px}.stamp svg{width:20px;height:20px}.progress-panel .row{gap:10px}.progress-panel p{font-size:11px;margin-top:12px}.progress-caption{font-size:10px}.calm-note{display:none}.resume-card{flex-wrap:wrap;padding:17px;gap:9px}.resume-card .btn{width:100%;margin:8px 0 0}.form-card{padding:22px 18px}.segmented{gap:6px}.segment span{font-size:12px;padding:10px 6px;min-height:75px}.segment span small{font-size:10px}.form-grid{gap:13px}.field>label{font-size:14px}.field select{font-size:14px}.check-row{font-size:14px}.form-preview{font-size:13px}.stats-grid{gap:8px}.stats-box{padding:16px 11px}.stats-box strong{font-size:27px}.stats-box span{font-size:11px}.quiz-shell{padding:20px 18px 90px}.quiz-top{gap:12px}.quiz-count{font-size:12px}.quiz-top .icon-button{width:41px;height:41px}.quiz-meta{margin:24px 0 20px}.quiz-card{padding:24px 19px}.quiz-card h1{font-size:24px;margin-bottom:19px}.question-place{padding:20px 13px;margin-bottom:23px}.answers{grid-template-columns:1fr;gap:11px}.answer{min-height:62px;font-size:17px}.quiz-actions{margin-top:24px}.quiz-actions .btn{min-width:120px;padding:12px 16px}.feedback{padding:17px}.feedback p{font-size:13px}.result-card{padding:30px 20px}.result-card h1{font-size:29px}.update-banner{left:16px;right:16px;bottom:calc(90px + env(safe-area-inset-bottom));transform:none;width:auto;gap:12px;padding:13px;font-size:12px}.update-banner .btn{font-size:12px}#toast{bottom:calc(90px + env(safe-area-inset-bottom))}.footnote{font-size:11px}.large-text .hero{grid-template-columns:1fr}.large-text .hero-art{display:none}.large-text .right-panel{grid-template-columns:1fr}.large-text .segment span{font-size:15px}.large-text .answer{font-size:20px}.large-text .lesson-text p{font-size:15px}.large-text .lesson-text h3{font-size:22px}.large-text .form-grid{grid-template-columns:1fr}.large-text .lesson{gap:11px}.large-text .hero h1{font-size:34px}.large-text .hero p{font-size:17px}}
@media(max-width:370px){.content-grid{padding:20px 14px}.hero{grid-template-columns:1fr}.hero-art{display:none}.right-panel{grid-template-columns:1fr}.topstats{gap:10px}.segmented{grid-template-columns:1fr}.segment span{min-height:50px;flex-direction:row;align-items:center;gap:6px}.quiz-card{padding:21px 16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.mobile-status{display:none}
@media(max-width:700px){.mobile-status{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px;min-height:42px;font-size:11px;color:#64795b;border-bottom:1px solid var(--line)}.mobile-status button{background:none;border:0;min-height:42px;color:var(--green);font-size:11px;font-weight:650;padding:6px 0}.topbar{border-bottom:0}.content-grid{padding-top:20px}.large-text .mobile-status,.large-text .mobile-status button{font-size:14px}}

@media(max-width:700px){.nav button{font-size:12px}.hero p{font-size:15px}.hero .btn{min-height:54px}.lesson-text p{font-size:14px}.lesson-kicker{font-size:10px}.mobile-status{min-height:44px}.mobile-status button{min-height:44px}.large-text .nav button{font-size:13px}}