:root{--bg:#f8f8f3;--paper:#fff;--ink:#223e32;--muted:#788078;--green:#254b3c;--line:#e3e7dd;--gold:#d4b77c;--sage:#edf1e7;--orange:#ab6a35;--shadow:0 8px 30px #253d3110}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.75}button,input,select{font:inherit}button,a,input,select,summary,label.file-label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #bb974e;outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.45}button{border:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;right:20px;background:var(--green);color:white;padding:10px;z-index:99}.skip-link:focus{top:12px}.header{max-width:1240px;height:108px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;background:var(--green);color:#efe6c6;width:47px;height:47px;border-radius:14px}.brand-icon svg{width:28px;height:28px}.brand strong{font-size:34px;letter-spacing:-2px;line-height:1}.brand-dot{color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:0;color:var(--muted);margin-top:5px}.desktop-nav{display:flex;gap:30px}.nav-btn{background:transparent;position:relative;color:#68766c;font-weight:600;font-size:14px;padding:13px 0}.desktop-nav .nav-btn.active{color:var(--green)}.desktop-nav .nav-btn.active:after{content:'';height:4px;width:4px;border-radius:50%;position:absolute;bottom:0;right:calc(50% - 2px);background:var(--green)}.install-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #cbd5c8;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:600}.install-button svg{width:17px;height:17px}main{max-width:1240px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:center;padding:58px 0 48px;min-height:480px}.eyebrow{font-size:12px;display:inline-flex;align-items:center;gap:8px;color:#6b785f;background:#edf0e5;padding:5px 12px;border:1px solid #e0e5d5;border-radius:20px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:#6f8850}.hero h1{font-size:50px;letter-spacing:-2px;line-height:1.4;margin:18px 0;color:#244133;font-weight:750}.hero h1>span{color:#728466;position:relative;white-space:nowrap}.hero h1>span:after{content:'';height:5px;background:#d9c591;border-radius:50%;position:absolute;right:0;left:0;bottom:-3px;transform:rotate(-3deg)}.hero-copy>p{font-size:15px;color:#747e73;line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:27px 0 18px}.button{border-radius:10px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-weight:600;font-size:13px;min-height:44px;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:white;box-shadow:0 3px 10px #254b3c14}.button.light{background:#fff;border:1px solid #dce2d5}.button svg{width:18px;height:18px}.wide{width:100%}.hero-foot{font-size:11px;color:#92988e;display:block}.hero-art{height:335px;position:relative;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;border-radius:50%;border:1px solid #e4e7d8;z-index:-1}.orbit-a{width:315px;height:315px;background:radial-gradient(circle,#e7eddd88 0,transparent 70%)}.orbit-b{width:370px;height:280px;transform:rotate(-25deg);border-style:dashed}.book-scene{width:270px;height:195px;position:relative;transform:rotate(-9deg)}.book-shadow{position:absolute;inset:85% 2% -6%;background:#8a9a772f;border-radius:50%;filter:blur(12px)}.book-cover{position:absolute;inset:15px -9px 0;background:#31523e;border-radius:13px 8px 13px 13px;transform:skewY(-3deg);box-shadow:0 10px 0 #153f2f20}.open-book{display:flex;direction:rtl;position:absolute;inset:0 0 17px;filter:drop-shadow(0 10px 8px #1a322a18)}.page{width:50%;background:#fffef3;padding:28px 17px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px}.page-right{border-radius:3px 12px 3px 5px;transform:skewY(-7deg);background:linear-gradient(270deg,#fffef3 78%,#e4e2cd)}.page-left{border-radius:12px 3px 5px 3px;transform:skewY(7deg);background:linear-gradient(90deg,#fffef3 78%,#e4e2cd)}.page i{height:3px;background:#d2d7bd;border-radius:3px;width:100%;display:block}.page i:nth-child(2n){width:80%}.page b{height:24px;background:#dfe8c8;margin:3px 0}.leaf{border:1px solid #a9bb89;width:36px;height:60px;border-radius:60% 0 60% 0;transform:rotate(-28deg);display:block;margin:-3px 10px 5px;background:#dbe6c5}.leaf:after{content:'';height:45px;width:1px;background:#91a174;display:block;transform:rotate(23deg);position:absolute;top:8px;right:18px}.bookmark-ribbon{position:absolute;top:1px;right:79px;width:18px;height:42px;background:#c6a25d;clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%);z-index:3}.floating-card{position:absolute;background:#fffef9;border:1px solid #e3e7d9;border-radius:11px;box-shadow:var(--shadow);font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center;padding:10px 15px;z-index:4;transform:rotate(-5deg)}.floating-card svg{width:19px;height:19px;color:#7e9468}.fc-one{top:37px;right:25px}.fc-two{bottom:38px;left:10px;transform:rotate(5deg)}.art-spark{position:absolute;color:#ba9b58;font-size:31px}.s1{top:45px;left:50px}.s2{bottom:42px;right:44px;font-size:20px}.art-caption{position:absolute;bottom:-16px;font-size:10px;color:#9b9d8b;letter-spacing:1px}.review-note{display:flex;gap:14px;align-items:center;border:1px solid #e9e2ce;background:#fbf9f0;padding:18px 22px;border-radius:12px;margin-bottom:40px}.notice-icon{width:38px;height:38px;background:#eee8d5;color:#967c45;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.notice-icon svg{width:21px}.review-note strong{font-size:13px;color:#78663e}.review-note p{font-size:11px;color:#92866b;line-height:1.85;margin-top:3px}.review-note p b{font-weight:600}.review-pill{margin-right:auto;white-space:nowrap;background:#f1ebd8;border:1px solid #e9dfc1;color:#8b774b;padding:3px 10px;border-radius:20px;font-size:10px}.home-grid{display:grid;grid-template-columns:2.3fr 1fr;gap:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.kicker{font-size:10px;letter-spacing:.4px;color:#89937e;display:block;margin-bottom:5px}.section-heading h2{font-size:23px;font-weight:650;letter-spacing:-.7px}.text-button{background:none;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#657b5d;padding:5px 0;white-space:nowrap}.text-button svg{width:17px;height:17px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{border:1px solid var(--line);background:#fff;text-align:right;border-radius:13px;padding:20px 14px 12px;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-icon{height:44px;width:44px;background:#edf2e7;border-radius:12px;display:grid;place-items:center;margin-bottom:17px;color:#71875c}.category-icon svg{width:25px;height:25px}.category-card.handout .category-icon{background:#f4ecdf;color:#b48d53}.category-card.question .category-icon{background:#eaf0ee;color:#668b7c}.category-card.textbook .category-icon{background:#f0eef5;color:#8c82a5}.category-card>strong{font-size:15px;font-weight:650;margin-bottom:1px}.category-card>small{font-size:10px;color:#939b8e}.category-meta{font-size:9px;display:flex;justify-content:space-between;align-items:center;color:#9aa28f;gap:5px;margin-top:19px;padding-top:12px;border-top:1px solid #eff1eb}.category-meta span{font-size:17px;color:#71845e}.continue-card{background:#edf1e6;border:1px solid #e1e7d7;border-radius:14px;padding:22px;align-self:end}.continue-card .kicker{color:#8a9679}.continue-card h2{font-size:20px;margin:8px 0}.continue-card>p{font-size:11px;color:#829078;line-height:1.9;margin-bottom:18px}.progress-track{height:5px;background:#dfe7d4;overflow:hidden;border-radius:8px}.progress-track>span{height:100%;width:0%;background:#769363;border-radius:8px;display:block;transition:width .3s}.progress-caption{display:flex;justify-content:space-between;font-size:9px;margin:7px 0 17px;color:#89947a}.continue-card .button{font-size:11px;min-height:40px;padding:8px}.continue-card>small{font-size:9px;color:#94a086;text-align:center;display:block;margin-top:10px}.future-card{margin:36px 0 12px;display:flex;gap:16px;align-items:center;padding:21px 22px;border:1px dashed #d8dfcf;border-radius:12px;background:#f6f7ef}.future-mark{width:40px;height:40px;display:grid;place-items:center;background:#e9eede;border-radius:50%;color:#93a176;flex-shrink:0}.future-card h3{font-size:13px;font-weight:600}.future-card p{font-size:10px;color:#949b88;margin-top:5px}.small-tag{font-size:9px;border:1px solid #dfe4d5;border-radius:20px;padding:2px 9px;white-space:nowrap;margin-right:auto;color:#8c987b}footer{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:25px 0;margin-top:40px;color:#a1a896;font-size:9px}.footer-brand{font-weight:700;font-size:20px;color:#6d7b5d}footer>span:last-child{margin-right:auto}.bottom-nav{display:none}.page-heading{padding:40px 0 25px}.page-heading h1{font-size:35px;letter-spacing:-1px;margin-bottom:5px}.page-heading>p{font-size:13px;color:var(--muted)}.search-box{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce3d5;border-radius:12px;padding:5px 16px;max-width:720px}.search-box>svg{color:#87977b;width:21px}.search-box input{width:100%;padding:12px 0;border:0;outline:none;background:none;font-size:14px;color:var(--ink)}.search-box input:focus-visible{outline:none}.search-box:focus-within{outline:2px solid #9cae8d}.search-box button{background:none;font-size:23px;color:#87977b;padding:3px 10px}.filter-row{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.chip{padding:7px 17px;border:1px solid var(--line);border-radius:22px;background:#fff;font-size:12px;white-space:nowrap}.chip.active{background:var(--green);color:white;border-color:var(--green)}.path-filters{border:1px solid var(--line);border-radius:12px;background:#f2f4ec}.path-filters summary{cursor:pointer;padding:13px 17px;font-size:12px}.path-filters summary>span{float:left;color:#8d9980;font-size:10px}.select-grid{padding:0 17px 17px;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.select-grid label{display:block;font-size:10px;color:#7a886d}.select-grid select{display:block;max-width:100%;width:100%;border:1px solid #d9dfd0;background:white;padding:7px;border-radius:7px;color:var(--ink);font-size:11px;margin-top:5px}.results-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:23px 0 17px;font-size:11px;color:#849078}.switch-label{display:flex;align-items:center;gap:6px;cursor:pointer}.switch-label input{accent-color:var(--green);width:15px;height:15px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.lesson-card{display:flex;flex-direction:column;position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.status-badge{font-size:10px;padding:2px 8px;background:#f8efda;color:#957032;border-radius:5px;border:1px solid #f0e2c1;display:inline-block}.status-badge.reviewed{background:#eaf2e7;color:#537946;border-color:#dce9d5}.bookmark-button{display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:8px;width:32px;height:32px;color:#9ba68f}.bookmark-button svg{width:16px;height:16px}.bookmark-button.saved{background:#edf2e7;color:#6d8858}.bookmark-button.saved svg{fill:#6d88583b}.lesson-card .lesson-kind{font-size:10px;color:#939f87}.lesson-card h3{font-size:20px;margin:6px 0 12px;letter-spacing:-.5px}.lesson-card p{font-size:11px;color:#8a9580;margin-bottom:18px}.card-path{font-size:9px;color:#a1a991;margin-bottom:15px}.card-bottom{margin-top:auto;padding-top:15px;border-top:1px solid #eef0e9;display:flex;justify-content:space-between;align-items:center}.card-bottom span{font-size:10px;color:#94a087}.card-bottom button{background:none;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#537447;padding:4px}.card-bottom svg{width:16px;height:16px}.card-progress{margin-top:16px}.card-progress small{font-size:9px;color:#8d9b7b;display:block;margin-top:4px}.empty-state{grid-column:1/-1;border:1px dashed #d7dfcd;border-radius:14px;text-align:center;background:#f2f4ec;padding:45px 20px;color:#96a086}.empty-state>svg{width:40px;height:40px;stroke-width:1;margin-bottom:13px}.empty-state h3{font-size:18px;color:#6e815f;margin-bottom:8px}.empty-state p{font-size:12px;max-width:460px;margin:auto}.empty-state button{margin-top:20px}.manage-panel{margin-top:36px;border:1px solid var(--line);border-radius:12px;background:#fff}.manage-panel summary{padding:18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:12px;gap:12px}.manage-panel summary>span:first-child{display:flex;align-items:center;gap:10px}.manage-panel summary svg{width:18px}.manage-panel summary>span:last-child{font-size:10px;color:#93a082}.manage-body{padding:0 22px 22px;font-size:12px;color:#859177}.manage-body h3{font-size:16px;color:#59734c;margin-bottom:10px}.manage-body p{margin:10px 0}.manage-body code{background:#eff2e8;padding:0 4px;color:#526d45}.manage-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 12px}.file-label{cursor:pointer}.file-label input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-label:focus-within{outline:3px solid #bb974e}.muted{font-size:10px;color:#98a08c}.danger{color:#a9654c}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:25px}.stat-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:12px}.stat-card strong{font-size:31px;font-weight:650;color:#59764d;display:block}.stat-card span{font-size:12px;color:#9aa68e}.privacy-note{margin-top:25px;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;gap:15px;align-items:center;color:#96a284;background:#f0f3e9}.privacy-note>svg{width:25px;height:25px}.privacy-note p{font-size:11px;flex:1}.privacy-note .button{font-size:10px;padding:7px 12px;white-space:nowrap}.storage-warning{background:#fff1db;color:#94702d;padding:12px;border-radius:9px;font-size:12px;margin-bottom:20px}dialog{border:0;color:var(--ink);padding:0;box-shadow:0 20px 100px #16332630;background:#fafbf6}dialog::backdrop{background:#19352970;backdrop-filter:blur(4px)}.reader{width:min(800px,94vw);max-height:92dvh;border-radius:20px;overflow-y:auto}.reader-top{position:sticky;top:0;z-index:2;background:#fafbf6ee;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:space-between;padding:15px 28px;border-bottom:1px solid var(--line)}.reader-brand{font-size:11px;color:#8b977e}.icon-button{display:grid;place-items:center;width:35px;height:35px;background:#eff3e7;border:1px solid #dce5d1;border-radius:50%;color:#7c906d}.icon-button svg{width:18px;height:18px}.reader-header{padding:26px 32px 20px}.reader-breadcrumb{font-size:10px;color:#92a080;margin-bottom:16px}.reader-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}.reader-title-row h2{font-size:30px;letter-spacing:-.5px}.reader-header>p{font-size:12px;line-height:1.9;color:#8b987c;margin-top:12px}.reader-tabs{display:flex;gap:22px;margin:0 32px;border-bottom:1px solid #dfe5d7}.reader-tabs button{padding:12px 0;font-size:13px;background:none;color:#8d9b7e;border-bottom:3px solid transparent}.reader-tabs button.active{color:#446e36;border-color:#739b5d;font-weight:650}#lesson-body,#quiz-body{padding:27px 32px 32px}.lesson-section{margin-bottom:24px}.lesson-section h3{font-size:16px;color:#58794a;margin-bottom:9px}.lesson-section p{font-size:16px;line-height:2.1;color:#5d7053}.lesson-section:first-child{background:#edf2e6;border-right:3px solid #a2b889;border-radius:9px;padding:20px}.lesson-section:first-child p{font-size:17px}.lesson-review-note{padding:12px 15px;border:1px solid #ecdfc4;border-radius:8px;font-size:10px;color:#ad8c4c;background:#fbf7eb;margin:22px 0}.read-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.review-metadata{background:#edf2e6;padding:12px 15px;border-radius:8px;font-size:11px;margin-top:15px;color:#758967}.review-metadata a{text-decoration:underline;color:#4d773a;word-break:break-all}.quiz-intro{font-size:12px;color:#8a9a79;margin-bottom:25px}.question-block{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px;margin-bottom:20px}.question-counter{font-size:10px;color:#a0ad8f}.question-block h3{font-size:16px;margin:7px 0 18px;line-height:1.9}.answer-options{display:flex;flex-direction:column;gap:9px}.answer-option{padding:12px;border:1px solid #dfe5d7;text-align:right;border-radius:8px;background:#fafcf7;display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.8}.answer-option>span:first-child{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d9e1cf;border-radius:50%;font-size:10px;flex-shrink:0}.answer-option.chosen{border-color:#bc9d68;background:#fbf5e8}.answer-option.correct{border-color:#91ae7a;background:#f0f7e9;color:#537c3d}.answer-option.wrong{border-color:#c69781;background:#fcf1eb;color:#9b6449}.answer-explanation{font-size:12px;padding:14px;border-radius:8px;margin-top:15px;background:#f0f4e8;color:#7b9167}.answer-explanation strong{display:block;margin-bottom:3px;color:#5f804c}.answer-explanation.wrong{background:#fbf4e7;color:#9c8b67}.answer-explanation.wrong strong{color:#a4864c}.quiz-result{border:1px solid #d8e4ce;padding:22px;border-radius:12px;background:#edf4e5;text-align:center;margin-bottom:20px}.quiz-result h3{font-size:20px;color:#5c7e46}.quiz-result p{font-size:12px;color:#8b9d79;margin-top:8px}.quiz-result strong{font-size:27px;margin-top:10px;display:block;color:#65884c}.info-dialog{width:min(440px,90vw);padding:28px;border-radius:18px}.info-dialog>.icon-button{margin-right:auto}.install-art{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;background:var(--green);border-radius:18px;color:#eee2ba}.install-art svg{width:36px;height:36px}.info-dialog h2{text-align:center;font-size:25px}.info-dialog>p{font-size:12px;color:#859573;line-height:1.9;margin:14px 0}.install-steps{background:#eef3e6;padding:16px;border-radius:11px;font-size:12px}.install-steps strong{color:#688454;display:block;margin-top:10px}.install-steps strong:first-child{margin-top:0}.install-steps p{font-size:11px;color:#859a73;margin-top:4px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);background:#244a3cee;color:white;border:1px solid #74907c55;padding:11px 23px;font-size:12px;border-radius:11px;box-shadow:var(--shadow);z-index:99;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:90vw;width:max-content}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.noscript{position:fixed;bottom:0;inset-inline:0;padding:20px;background:#fbf2d5;color:#705826;z-index:100;text-align:center}
@media(min-width:1400px){.header,main{max-width:1280px}.hero{gap:55px}.hero-art{margin-left:30px}}
@media(max-width:1000px){.header,main{padding-inline:25px}.desktop-nav{gap:23px}.hero h1{font-size:43px}.hero{grid-template-columns:1.15fr 1fr}.hero-art{transform:scale(.9)}.home-grid{grid-template-columns:1fr}.continue-card{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:center;padding:22px}.continue-card .kicker,.continue-card h2,.continue-card>p{grid-column:1}.continue-card>p{margin-bottom:0}.continue-card .progress-track{grid-column:2;grid-row:1/3;align-self:end;margin-bottom:15px}.continue-card .progress-caption{grid-column:2;grid-row:3;margin:0 0 12px;align-self:start}.continue-card>.button{grid-column:2;grid-row:3;margin-top:28px;align-self:end}.continue-card>small{grid-column:2}.lesson-grid{grid-template-columns:repeat(2,1fr)}.select-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){body{font-size:15px}.header{height:83px;padding:0 21px;margin:0}.brand{gap:9px}.brand-icon{width:39px;height:39px;border-radius:12px}.brand-icon svg{width:24px;height:24px}.brand strong{font-size:29px}.brand small{font-size:9px;margin-top:3px}.desktop-nav{display:none}.install-button{font-size:10px;border-radius:8px;gap:6px;padding:7px 9px}.install-button svg{width:14px;height:14px}main{padding:0 21px}.hero{grid-template-columns:1fr;gap:0;padding:29px 0 24px;min-height:0;position:relative}.eyebrow{font-size:10px;padding:3px 9px;gap:6px}.hero h1{font-size:38px;letter-spacing:-1.5px;margin:17px 0 15px;line-height:1.4}.hero-copy>p{font-size:12px;line-height:1.95;max-width:290px}.hero-actions{gap:9px;margin:21px 0 12px}.button{font-size:11px;padding:10px 14px;gap:13px;min-height:42px}.hero-foot{font-size:9px}.hero-art{height:160px;width:180px;position:absolute;left:-29px;top:48px;transform:scale(.53);transform-origin:left center;opacity:.7;z-index:-1}.hero-copy{padding-left:0}.hero-copy h1,.hero-copy>p,.hero-actions{position:relative;z-index:1}.hero-art .book-scene{transform:rotate(-14deg) translateX(-20px)}.hero-art .orbit-a{width:300px;height:300px;opacity:.6}.hero-art .orbit-b{display:none}.floating-card,.hero-art .art-caption{display:none}.hero-art .s1{top:-50px;left:20px}.hero-art .s2{bottom:-30px;right:-20px}.review-note{padding:13px 12px;gap:10px;align-items:flex-start;border-radius:10px;margin-bottom:27px}.notice-icon{height:28px;width:28px;border-radius:8px;margin-top:2px}.notice-icon svg{width:17px;height:17px}.review-note strong{font-size:11px}.review-note p{font-size:9px;line-height:1.9}.review-pill{display:none}.home-grid{gap:22px}.section-heading{margin-bottom:14px;gap:7px}.section-heading h2{font-size:18px;letter-spacing:-.5px}.kicker{font-size:9px;margin-bottom:5px}.text-button{font-size:9px;gap:6px}.text-button svg{width:14px;height:14px}.category-grid{grid-template-columns:repeat(2,1fr);gap:11px}.category-card{padding:15px 13px 10px;border-radius:12px;position:relative}.category-icon{width:35px;height:35px;border-radius:10px;margin-bottom:12px}.category-icon svg{width:21px;height:21px}.category-card>strong{font-size:14px}.category-card>small{font-size:9px}.category-meta{font-size:8px;margin-top:13px;padding-top:8px}.category-meta span{font-size:15px}.continue-card{display:block;padding:20px}.continue-card h2{font-size:20px}.continue-card>p{font-size:11px;margin-bottom:15px}.continue-card .progress-track{margin-bottom:0}.continue-card .progress-caption{margin:7px 0 15px}.continue-card>.button{margin-top:0}.future-card{padding:15px 13px;gap:10px;margin-top:23px}.future-mark{width:30px;height:30px}.future-mark svg{width:18px;height:18px}.future-card h3{font-size:11px}.future-card p{font-size:9px;line-height:1.9}.small-tag{display:none}footer{display:grid;grid-template-columns:auto 1fr;gap:1px 11px;padding:22px 0 104px;margin-top:25px;font-size:9px}.footer-brand{grid-row:1/3;font-size:23px}footer>span:last-child{margin-right:0;font-size:8px}.bottom-nav{display:flex;position:fixed;bottom:0;right:0;left:0;background:#fffffff5;backdrop-filter:blur(14px);border-top:1px solid #e6ebde;z-index:10;padding:7px 15px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav .nav-btn{font-size:9px;display:flex;flex-direction:column;gap:3px;padding:6px 14px;min-width:68px;align-items:center;color:#99a38f;border-radius:10px}.bottom-nav .nav-btn svg{width:20px;height:20px;stroke-width:1.5}.bottom-nav .nav-btn.active{background:#edf2e5;color:#577647}.bottom-nav .nav-btn.active svg{stroke-width:1.9}.page-heading{padding:27px 0 21px}.page-heading h1{font-size:30px}.page-heading>p{font-size:11px}.search-box{border-radius:10px;padding:3px 12px;gap:10px}.search-box>svg{width:19px;height:19px}.search-box input{font-size:12px;padding:12px 0}.filter-row{gap:6px;margin:17px 0;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.chip{padding:6px 13px;font-size:10px}.path-filters summary{font-size:10px;padding:12px}.path-filters summary>span{display:none}.select-grid{grid-template-columns:repeat(2,1fr);gap:11px;padding:0 12px 14px}.results-header{font-size:10px;margin:20px 0 14px}.switch-label{font-size:9px}.lesson-grid{grid-template-columns:1fr;gap:14px}.lesson-card{padding:18px}.lesson-card h3{font-size:21px}.lesson-card p{font-size:11px}.card-top{margin-bottom:15px}.card-path{font-size:9px}.card-bottom button{font-size:11px}.empty-state{padding:35px 15px}.empty-state p{font-size:11px}.empty-state h3{font-size:17px}.manage-panel{margin-top:25px}.manage-panel summary{padding:15px 12px;font-size:10px}.manage-panel summary>span:last-child{font-size:8px}.manage-panel summary svg{width:16px}.manage-body{padding:0 15px 15px;font-size:11px}.manage-body h3{font-size:14px}.manage-actions{gap:8px}.manage-actions>.button{font-size:10px;padding:8px 12px}.stats-grid{gap:9px}.stat-card{padding:13px 10px}.stat-card strong{font-size:26px}.stat-card span{font-size:9px}.privacy-note{flex-wrap:wrap;padding:16px;gap:10px}.privacy-note p{font-size:10px;min-width:200px}.privacy-note .button{margin-right:35px}.reader{margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.reader-top{padding:12px 20px}.reader-brand{font-size:10px}.reader-header{padding:22px 21px 18px}.reader-breadcrumb{font-size:9px;line-height:1.9;margin-bottom:13px}.reader-title-row h2{font-size:27px}.reader-header>p{font-size:11px}.reader-tabs{margin:0 21px}.reader-tabs button{font-size:12px}#lesson-body,#quiz-body{padding:22px 21px 38px}.lesson-section:first-child{padding:17px}.lesson-section p{font-size:15px}.lesson-section:first-child p{font-size:16px}.lesson-section h3{font-size:15px}.read-actions{gap:9px}.question-block{padding:16px}.question-block h3{font-size:15px}.answer-option{font-size:12px;padding:11px}.answer-explanation{font-size:11px}.quiz-intro{font-size:11px}.toast{bottom:90px;font-size:11px;padding:10px 17px}.info-dialog{padding:23px}.info-dialog h2{font-size:23px}}
@media(max-width:370px){.header,main{padding-inline:16px}.hero h1{font-size:34px}.hero-art{display:none}.hero-copy>p{font-size:11px}.hero-actions .button{font-size:10px;padding-inline:12px}.section-heading h2{font-size:16px}.category-meta{font-size:7.5px}.category-card{padding-inline:11px}.manage-panel summary{font-size:9px}.bottom-nav .nav-btn{padding-inline:10px;min-width:60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.pwa-promo{display:flex;align-items:center;gap:15px;padding:17px 20px;background:#edf2e7;border:1px solid #dfe7d5;border-radius:12px;margin:-18px 0 32px}.pwa-promo>svg{color:#7f966b;width:24px;height:24px}.pwa-promo>div{flex:1}.pwa-promo h3{font-size:13px;color:#4c6d3f}.pwa-promo p{font-size:10px;color:#8d9b7e;margin-top:3px}.pwa-promo .button{font-size:10px;padding:8px 15px;white-space:nowrap;min-height:36px}
@media(max-width:650px){.hero-art{display:none}.hero{overflow:hidden}.pwa-promo{margin:-11px 0 25px;padding:12px;gap:9px;flex-wrap:wrap}.pwa-promo>svg{width:20px;height:20px}.pwa-promo h3{font-size:11px}.pwa-promo p{font-size:9px}.pwa-promo>div{min-width:180px}.pwa-promo .button{margin-right:29px;font-size:10px;padding:7px 14px}.privacy-note .file-label{margin-right:0}}

@media(min-width:651px) and (max-width:1000px){.hero-art{overflow:hidden}}

/* Cloud account and online/offline status */
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-shrink:0}.service-status{font-size:9px;line-height:1.3;padding:5px 8px;border:1px solid #dce4d3;border-radius:20px;white-space:nowrap;color:#6e8065;background:#f0f4eb}.service-status.online{background:#e9f3e5;border-color:#d4e7cc;color:#4f7943}.service-status.offline{background:#f3f0e7;border-color:#e6dfcc;color:#87764b}.account-button{border:1px solid #ccd8c8;background:#fff;border-radius:9px;padding:8px 12px;font-size:11px;font-weight:600;white-space:nowrap;color:#42613f;max-width:150px;overflow:hidden;text-overflow:ellipsis}.account-dialog{width:min(470px,92vw);max-height:90dvh;overflow:auto}.account-dialog>p{font-size:11px;color:#7c8a73;line-height:1.9}.auth-modes{display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#edf1e8;border-radius:10px;padding:5px;margin:18px 0}.auth-modes button{background:transparent;border-radius:7px;padding:8px;font-size:10px;color:#75826a}.auth-modes button.active{background:#fff;color:#42613f;box-shadow:0 1px 4px #1d382010;font-weight:650}.account-dialog form label{display:block;font-size:10px;color:#74816b;margin:12px 0}.account-dialog form input{display:block;width:100%;margin-top:5px;padding:10px 11px;border:1px solid #dce3d6;border-radius:8px;background:#fff;color:var(--ink);font-size:13px;direction:ltr;text-align:left}.account-dialog .auth-hint{font-size:9px;color:#97a08f;line-height:1.8;margin:9px 0}.auth-error{padding:9px 11px;border:1px solid #e7d0c5;border-radius:8px;background:#fff1ec;color:#9d5946;font-size:10px}.auth-actions,.account-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.account-profile{background:#eef3e8;border:1px solid #dfe8d6;padding:16px;border-radius:10px;display:flex;flex-direction:column;gap:4px;margin-top:16px}.account-profile strong{font-size:16px;color:#4e6d43}.account-profile span{font-size:11px;color:#72806b;direction:ltr;text-align:right}.account-profile small{font-size:9px;color:#9a9f8c}
@media(max-width:650px){.header-tools{gap:5px}.service-status{font-size:8px;padding:4px 6px}.account-button{font-size:9px;padding:7px 8px;max-width:96px}.install-button{padding:7px 8px}.install-button span{font-size:9px}}
@media(max-width:370px){.service-status{display:none}.install-button span{display:none}.install-button{width:32px;height:32px;justify-content:center;padding:5px}.account-button{max-width:86px}}