:root{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:#343e32;background:#f8f9f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:400;--green:#52714d;--green-dark:#3f5e3a;--muted:#6f7866;--border:#e8ebe0;--cream:#fffdf5;--shadow:0 8px 30px #3e492a04}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.56}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex-shrink:0}button svg,a svg{vertical-align:middle}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #90a76c;outline-offset:4px}input,select{max-width:100%}input:focus,select:focus{border-color:#91a77c}button{transition:background .18s,transform .18s,box-shadow .18s}button:not(:disabled):active{transform:translateY(1px)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:650}p{line-height:1.8}h1{font-size:32px;letter-spacing:1px}h2{font-size:22px}h3{font-size:17px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.8}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:1.9px;font-weight:600;color:#7d8c6b}.paper{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 19px;border:1px solid #dfe5d6;border-radius:11px;background:#fff;font-size:14px;font-weight:550;line-height:1.5}.button:hover:not(:disabled){background:#f0f4e9;border-color:#b9c8a8}.button.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px #3b573a20}.button.primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.button.full{width:100%}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;min-height:44px;padding:5px 0;color:var(--green);font-size:13px;font-weight:550}.text-button:hover{color:#263f25}.text-button.inline{display:inline-flex;margin-left:8px}.icon-button{border:1px solid transparent;border-radius:50%;background:transparent;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#77816e}.icon-button:hover{background:#edf1e6}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.tag{display:inline-flex;align-items:center;width:fit-content;padding:5px 9px;border-radius:6px;background:#eff3e9;color:#6b7e5e;font-size:11px;font-weight:550;line-height:1.5}.tag.success{background:#e7f1dd;color:#517047}.tag.warm{background:#f9eee0;color:#9b764a}.section-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{min-height:100vh}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fdfdf9;border-right:1px solid var(--border);padding:32px 19px 17px;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:9px;padding:1px 8px}.brand img{width:43px;height:43px}.brand strong{font-size:18px;letter-spacing:1px}.brand span{display:block;font-size:10px;letter-spacing:3px;color:#9b9e8d;margin-top:5px}.sidebar-divider{height:1px;background:var(--border);margin:29px 10px 22px}.nav-caption{font-size:10px;letter-spacing:1.5px;color:#9b9f92;margin:0 12px 15px}.main-nav{display:grid;gap:10px}.main-nav a{display:flex;align-items:center;gap:14px;min-height:61px;padding:12px 15px;border-radius:12px;color:#818978;font-size:14px}.main-nav a span{flex:1}.main-nav a small{display:block;font-size:8px;letter-spacing:1.2px;font-weight:400;margin-top:4px;color:#9da38e}.main-nav a.active{background:#eaf0de;color:#526b42;font-weight:650}.main-nav a:hover{background:#f0f3e9}.main-nav a.active small{color:#82916f}.main-nav .nav-dot{width:5px;height:5px;flex:none;background:#6f8a50;border-radius:50%}.sidebar-bottom{margin-top:auto;padding-top:36px}.fox-note{position:relative;background:#f5f4e9;border:1px solid #eeedde;border-radius:14px;text-align:center;padding:72px 7px 15px;margin:30px 9px 22px}.fox-note>svg{position:absolute;width:88px;height:93px;left:50%;transform:translate(-50%);top:-23px}.fox-note p{font-size:11px;color:#8a8976;letter-spacing:1px;line-height:1.9}.fox-note>span{display:block;color:#a19c86;font-size:9px;margin-top:8px}.parent-nav,.settings-nav{display:flex;gap:12px;align-items:center;font-size:12px;color:#7e8875;min-height:44px;padding:8px 13px}.parent-nav>svg:last-child{margin-left:auto}.parent-nav.active{color:var(--green);background:#edf1e6;border-radius:10px}.version-note{text-align:center;font-size:9px;color:#a2a695;margin-top:15px;letter-spacing:.5px}.main-wrap{margin-left:224px}.topbar{height:85px;border-bottom:1px solid var(--border);background:#fdfdf9;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 40px}.course-selector{display:flex;align-items:center;gap:11px;background:#f2f4eb;padding:8px 13px;border:1px solid #e7eadf;border-radius:9px;color:#68775d;font-size:12px}.course-selector select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#5f7055;font-size:12px;cursor:pointer;padding:4px;outline-offset:2px}.course-selector>svg:last-child{margin-left:-6px;pointer-events:none}.selector-divider{height:15px;width:1px;background:#d8dfcb}.topbar-actions{display:flex;align-items:center;gap:10px}.star-wallet{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:#b59148;min-width:63px;border:1px solid #eee7d1;background:#faf5e5;min-height:33px;padding:5px 10px;border-radius:18px}.star-wallet svg{color:#cead59}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#717b65;max-width:175px;font-size:12px;min-height:44px;padding:0 0 0 10px}.profile-button>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:35px;height:35px;border:2px solid #fff;border-radius:50%;background:#e8eedb;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #e5e9dc}.mobile-brand,.mobile-nav{display:none}.main-content{max-width:1510px;margin:0 auto;padding:34px 40px 26px}.welcome-row{display:flex;align-items:center;justify-content:space-between;margin:0 0 26px;gap:15px}.welcome-row .eyebrow{font-size:10px;letter-spacing:1.5px;color:#92997e}.little-sun{height:8px;width:8px;background:#d9b865;box-shadow:0 0 0 4px #eee5cb;border-radius:50%;margin:0 6px 0 3px}.welcome-row h1{font-size:29px;margin:9px 0}.welcome-row p{color:#939a88;font-size:12px;letter-spacing:.3px}.greeting-spark{display:inline-block;font-size:34px;color:#c0ae72;margin-left:12px;vertical-align:middle;font-weight:400}.welcome-history{font-size:11px;color:#8f9982;align-self:flex-end;margin-bottom:1px}.hero-grid{display:grid;grid-template-columns:minmax(0,2.8fr) minmax(230px,1fr);gap:23px}.hero-card{position:relative;overflow:hidden;border-radius:20px;background:#eaf0df;min-height:337px;border:1px solid #e2e9d4}.hero-copy{position:relative;z-index:2;padding:29px 26px;width:57%}.hero-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.8px;padding:5px 9px;border:1px solid #d8e1c7;border-radius:6px;color:#8c9871;background:#f1f4e8}.hero-copy h2{font-size:30px;line-height:1.55;margin:18px 0 9px;letter-spacing:1.5px;color:#475f3e;font-weight:600;white-space:nowrap}.hero-copy h2 span{color:#799654}.hero-copy p{font-size:11px;line-height:2;color:#8c9879;letter-spacing:.7px}.hero-cta{margin-top:21px;min-height:42px;padding:10px 15px;font-size:12px;border-radius:8px}.hero-footnote{display:block;font-size:9px;color:#9ba58c;margin-top:11px;letter-spacing:1px}.hero-art{position:absolute;bottom:11px;right:-91px;width:65%;height:auto;pointer-events:none}.hero-float{position:absolute;right:34px;bottom:18px;font-size:8px;color:#8f9c7a;letter-spacing:1.5px}.daily-card{padding:24px 22px 0;background:#fdfcf6;border:1px solid #e9e7d9;border-radius:20px;text-align:center;overflow:hidden}.daily-card .eyebrow{font-size:8px;color:#a0997b;letter-spacing:1.2px}.daily-card .section-top>svg{color:#a5ad8f}.daily-card h3{font-size:15px;margin:15px 0;color:#6f775b;letter-spacing:.5px}.daily-circle{margin:13px auto;width:116px;height:116px;background:#eed;border-radius:50%;padding:7px}.daily-circle>div{width:100%;height:100%;border-radius:50%;background:#faf9f0;display:flex;flex-direction:column;align-items:center;justify-content:center}.daily-circle svg{height:45px;width:45px}.daily-circle strong{font-family:Georgia,serif;font-size:20px;color:#9ba382;font-weight:400;margin-top:2px}.daily-circle.done{background:#99ad79}.daily-circle.done>div>svg{color:var(--green)}.daily-circle.done strong{font-family:inherit;font-size:16px;color:var(--green)}.daily-card>p{font-size:12px;color:#727d61;margin-top:9px}.daily-card>.small{font-size:9px;display:block;margin-top:5px}.daily-bottom{display:flex;justify-content:center;align-items:center;gap:7px;border-top:1px dashed #e7e5d4;font-size:9px;color:#a09979;margin-top:19px;padding:15px 0}.daily-bottom svg{color:#bca46b}.guest-banner{border:1px dashed #dfe5d5;border-radius:11px;margin:19px 0 27px;padding:8px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f3f6ed}.guest-banner>div{display:flex;gap:10px;align-items:center;color:#849474}.guest-banner p{font-size:11px;color:#7b876e;line-height:1.7}.guest-banner p span{font-size:10px;margin-left:12px;color:#969f8b}.guest-banner .text-button{font-size:10px;min-height:32px;white-space:nowrap}.adventure-title{margin:30px 0 18px}.adventure-title .eyebrow{font-size:8px;color:#a3a790;letter-spacing:1.4px}.adventure-title h2{font-size:20px;margin-top:7px;color:#4c5944;letter-spacing:1px}.chapter-progress{display:flex;align-items:center;gap:7px;font-size:10px;color:#8d9981}.chapter-progress>span{width:5px;height:5px;background:#94a17f;border-radius:50%}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lesson-card{position:relative;text-align:left;border:1px solid #e9e7dc;border-radius:16px;padding:17px 18px 0;min-height:227px;box-shadow:var(--shadow);overflow:hidden;isolation:isolate}.lesson-card:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 22px #4e5f3610;border-color:#c5d0b6}.peach{background:#fbf0e7}.green{background:#eef3e7}.lavender{background:#f1edf5}.yellow{background:#faf5e4}.lesson-card-top{display:flex;gap:9px;align-items:center}.lesson-number{font-size:10px;color:#a69d8c;font-family:Georgia,serif}.card-category{font-size:9px;color:#9e907b;padding:4px 8px;border-radius:5px;background:#ffffff70}.lesson-card-top>svg{margin-left:auto;color:#718a52}.lesson-scene{height:73px;width:84px;margin:6px 0;display:block}.lesson-card h3{font-size:16px;letter-spacing:.3px;color:#5d6353}.lesson-card>p{font-size:10px;color:#9b9c8c;margin-top:7px;line-height:1.7}.lesson-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;margin-top:16px;border-top:1px solid #e2dfd34f}.lesson-card-bottom>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#a1a18e}.lesson-card-bottom .lesson-card-action{font-size:10px;color:#7c8c69}.lesson-card.completed{border-color:#c6d5b5}.knowledge-promo{display:flex;align-items:center;gap:19px;border:1px solid var(--border);border-radius:15px;background:#fdfdf9;padding:23px;margin-top:25px}.promo-icon{width:53px;height:58px;background:#edf1e3;border-radius:12px;color:#92a377;display:flex;align-items:center;justify-content:center}.knowledge-promo .eyebrow{font-size:8px;letter-spacing:1px;color:#a4aa95}.knowledge-promo h3{font-size:15px;margin:7px 0;color:#67755a}.knowledge-promo p{font-size:10px;color:#a0a492}.knowledge-promo>.button{margin-left:auto;white-space:nowrap;font-size:11px;min-height:39px;background:transparent;padding:8px 13px}.page-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin:31px 0 5px;font-size:9px;color:#a3ab97;letter-spacing:1px}.page-footer button{border:0;border-left:1px solid #dfe4d6;padding:0 0 0 13px;margin-left:8px;background:transparent;font-size:9px;color:#a3ab97}.coming-card{background:#edf2e5;padding:45px;border-radius:22px;overflow:hidden;text-align:center}.coming-card>svg{width:min(500px,100%);display:block;margin:-30px auto 10px}.coming-card h2{margin:14px 0}.coming-card p{margin:12px auto 24px;color:#7b876e;max-width:450px}.page-intro{margin-bottom:28px}.page-intro h1{margin:12px 0;font-size:29px}.page-intro>p{font-size:13px;color:#929986}.page-intro .eyebrow{font-size:10px}.title-count{font-size:13px;letter-spacing:0;font-weight:400;background:#edf1e4;color:#8a9a74;display:inline-block;padding:4px 10px;border-radius:15px;margin-left:13px;vertical-align:middle}.knowledge-tools{display:flex;gap:13px;margin:25px 0 16px}.search-field{display:flex;align-items:center;gap:11px;min-height:49px;flex:1;background:#fff;border:1px solid var(--border);border-radius:11px;padding:0 15px;color:#a1a88f}.search-field input{border:0;outline:none;min-width:0;width:100%;background:transparent;padding:12px 0;color:#53634b;font-size:13px}.search-field:focus-within{outline:2px solid #a7b88e;outline-offset:2px}.search-field input:focus-visible{outline:none}.search-field input::placeholder{color:#a8ae9c}.select-control{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:0 12px;min-height:46px;color:#929b84}.select-control select{border:0;background:transparent;min-height:44px;color:#738264;font-size:12px;padding:5px 10px 5px 0;cursor:pointer}.filter-chips{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.filter-chips button{min-height:40px;padding:8px 15px;border:1px solid transparent;border-radius:9px;background:transparent;color:#8a947c;font-size:12px}.filter-chips button:hover{background:#eff2e7}.filter-chips button.active{background:#e9f0dc;border-color:#dce6cb;color:#5e774b}.source-note{display:flex;gap:12px;align-items:flex-start;background:#f0f3e8;border:1px solid #e3e9d8;padding:14px 16px;border-radius:11px;color:#859374;margin-bottom:22px}.source-note>svg{margin-top:3px}.source-note p{font-size:11px;line-height:1.9;color:#869477}.knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:17px}.knowledge-card{display:flex;flex-direction:column;min-width:0;padding:19px;background:#fff;border:1px solid var(--border);border-radius:14px;text-align:left;min-height:195px;box-shadow:var(--shadow)}.knowledge-card:hover{border-color:#bdcda7;transform:translateY(-2px)}.knowledge-card h3{font-size:15px;line-height:1.9;margin:14px 0 8px;color:#5d6c52;overflow-wrap:anywhere}.knowledge-card>p{font-size:11px;color:#929b85;line-height:1.9;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.knowledge-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:#a2ab95;padding-top:13px;margin-top:auto;border-top:1px solid #f0f1eb}.skeleton-card{height:200px;background:linear-gradient(110deg,#f0f1e9 20%,#f9faf5,#f0f1e9 60%);border-radius:14px;background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:-200% 0}}.pagination{display:flex;align-items:center;justify-content:center;gap:25px;margin:30px 0;font-size:12px;color:#8f9b81}.pagination .button{font-size:12px}.detail-title{font-size:22px;line-height:1.8;margin:16px 0 12px}.source-item{padding:16px;background:#f6f7f0;border:1px solid #e9ecdf;border-radius:11px;margin:13px 0;overflow-wrap:anywhere}.source-item h3{font-size:15px;line-height:1.8}.source-item strong{font-size:13px;font-weight:550}.source-item p{font-size:12px;color:#8f9783;margin-top:7px}.objective-list{font-size:13px;color:#7f8a70;line-height:2;padding-left:24px}.warning-box{display:flex;align-items:center;gap:10px;background:#fbf0df;border-radius:8px;padding:12px;font-size:12px;color:#9d7953;margin:15px 0}.modal{border:1px solid var(--border);border-radius:22px;padding:25px;max-width:calc(100vw - 32px);width:470px;max-height:calc(100dvh - 40px);overflow:auto;background:#fffef9;color:#4d5c43;box-shadow:0 25px 100px #24371d25}.modal.wide{width:660px}.modal::backdrop{background:#2d3f2860;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.modal-top h2{font-size:20px;line-height:1.6}.modal>p{font-size:13px;margin:14px 0;line-height:2}.modal h4{font-size:14px;margin:24px 0 11px}.modal .small{font-size:11px}.auth-welcome{display:flex;gap:17px;align-items:center;margin:10px 0 15px;background:#f0f4e6;border-radius:12px;padding:10px 17px}.auth-welcome>svg{height:85px;width:75px}.auth-welcome strong{font-size:15px}.auth-welcome p{font-size:11px;color:#8c997e;margin-top:6px}.segmented{display:flex;background:#f1f2e9;border-radius:10px;padding:5px;margin:20px 0}.segmented button{flex:1;border:0;background:transparent;color:#8c977c;font-size:13px;min-height:40px;border-radius:7px}.segmented button.active{background:#fffef7;box-shadow:0 2px 5px #536d3d0a;color:#5d7748}.auth-form{display:grid;gap:17px}.auth-form label{display:grid;gap:9px;color:#7d8a6c;font-size:12px}.auth-form input:not([type=checkbox]),.auth-form select{border:1px solid #e0e6d7;background:#fff;min-height:47px;border-radius:9px;padding:11px 13px;color:#53604a;font-size:14px;width:100%}.auth-form input::placeholder{color:#afb5a2;font-size:12px}.input-icon{display:flex;align-items:center;gap:8px;border:1px solid #e0e6d7;border-radius:9px;background:#fff;padding-left:12px;color:#a2ad91}.auth-form .input-icon input{border:0;background:transparent;min-width:0}.auth-form .checkbox-label{display:flex;align-items:center;gap:8px;line-height:1.8;font-size:11px}.checkbox-label input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.auth-note{display:flex;align-items:flex-start;gap:7px;margin:19px 0 0!important;font-size:10px!important}.auth-note svg{margin-top:4px}.error-message{display:flex;align-items:flex-start;gap:7px;background:#fbede6;border-radius:9px;padding:12px 14px;color:#a4593c;font-size:12px;line-height:1.8}.help-fox{text-align:center}.help-fox svg{width:110px;height:116px}.toast{position:fixed;bottom:25px;left:calc(50% + 112px);transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 40px);background:#3f5839;color:#fffef4;padding:14px 16px;border:1px solid #69825a;border-radius:12px;box-shadow:0 10px 30px #32462730;font-size:12px;line-height:1.7}.toast>span{flex:1}.toast button{border:0;background:transparent;color:#dce6cc;width:26px;height:26px;display:flex;justify-content:center;align-items:center}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:280px;gap:16px;color:#8e9d7b;padding:35px 20px}.empty-state>svg{width:43px;height:43px;color:#9cac85}.empty-state>svg[viewBox="0 0 180 190"]{width:120px;height:127px}.empty-state h3{font-size:19px;color:#6b7d59}.empty-state p{font-size:13px;max-width:450px}.boot-screen{height:100dvh;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:25px;background:#f4f6e9;text-align:center;color:#728661}.boot-screen>svg:first-child{height:150px;width:145px}.boot-screen h1{font-size:26px}.boot-screen p{font-size:13px}.lesson-page{max-width:950px;margin:0 auto}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.save-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#8c9f7a}.lesson-heading{text-align:center;margin:19px 0 25px}.lesson-heading h1{margin:11px 0;font-size:29px}.lesson-heading>p{font-size:13px;color:#94a083}.lesson-progress{height:7px;background:#e9edde;border-radius:20px;overflow:hidden;margin:0 auto 26px;max-width:650px}.lesson-progress>div{height:100%;background:#a8bb86;border-radius:20px;transition:width .3s}.story-card{background:#fffefa;border:1px solid var(--border);border-radius:20px;overflow:hidden;display:grid;grid-template-columns:.8fr 1.3fr;min-height:390px}.story-illustration{position:relative;min-height:260px;display:flex;justify-content:center;align-items:flex-start}.story-illustration>svg:first-child{width:140px;height:140px;margin-top:40px}.story-illustration>svg:last-child{position:absolute;width:165px;height:175px;bottom:15px;right:24px}.story-body{padding:33px}.story-body h2{font-size:21px;line-height:1.6;margin:17px 0}.story-body>p{font-size:16px;line-height:2;color:#7d8a6e}.lesson-intro{font-size:14px;line-height:2;color:#7f8c6f;background:#f2f5e9;padding:16px 18px;border-radius:11px;white-space:pre-line;margin:20px 0}.question-card{background:#fffef9;border:1px solid var(--border);border-radius:20px;padding:28px 35px;max-width:750px;margin:0 auto;box-shadow:var(--shadow)}.question-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.question-art{border-radius:15px;display:flex;align-items:center;justify-content:center;width:175px;height:125px;margin:10px auto 25px}.question-art>span{font-size:44px;letter-spacing:7px;color:#7f8c6c;font-weight:550;font-family:Georgia,PingFang SC,serif}.question-art>svg{width:95px;height:95px}.question-card>h2{font-size:23px;line-height:1.9;color:#4f6243;margin:16px 0 20px}.answer-options{display:grid;gap:13px;margin:24px 0}.answer-options.short{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-option{display:flex;align-items:center;gap:15px;min-height:64px;background:#fff;border:2px solid #e7ebde;border-radius:12px;text-align:left;padding:14px 17px;font-size:21px;line-height:1.6;overflow-wrap:anywhere}.option-index{width:25px;height:25px;display:flex;align-items:center;justify-content:center;background:#f1f3e9;color:#a2ac92;font-size:11px;border-radius:7px;flex-shrink:0}.answer-option:hover:not(:disabled){background:#f3f7eb;border-color:#b8c9a3}.answer-option.selected{background:#edf4df;border-color:#96b174;color:#557345}.answer-option.selected .option-index{background:#a4b985;color:#fff}.answer-option:disabled{opacity:1}.order-slots{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.order-slots>div{flex:1;min-width:100px;min-height:62px;border:1px dashed #c7d1b7;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:12px;font-size:17px;color:#6f8759;background:#f7f9ef}.order-slots>div.filled{border-style:solid;background:#eaf0de}.order-slots>div>span{font-size:14px;color:#a4ae96}.hint-box{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#faf3df;color:#988056;border-radius:11px;margin:19px 0}.hint-box p{font-size:15px}.hint-box>svg{margin-top:4px}.feedback{padding:18px 20px;border-radius:12px;margin:20px 0;line-height:1.9}.feedback.correct{background:#ebf3df;color:#64804b}.feedback.try-again{background:#faf0e1;color:#9b7e54}.feedback strong{font-size:16px}.feedback p{font-size:15px;margin-top:6px}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px;padding-top:23px;border-top:1px solid #eef0e7}.question-actions>.button:only-child{margin-left:auto}.question-actions .button{font-size:14px}.lesson-foot{display:flex;align-items:center;justify-content:center;gap:10px;margin:24px 0;color:#a1ac93}.lesson-foot>svg{width:46px;height:48px}.lesson-foot p{font-size:11px}.lesson-foot button{margin-left:10px;font-size:11px}.completion-card{text-align:center;background:#fffdf4;border:1px solid #e8e6d4;border-radius:22px;padding:30px;position:relative;overflow:hidden}.completion-card>svg{width:170px;height:180px;display:block;margin:0 auto 20px}.completion-card .eyebrow{font-size:11px}.completion-card h2{font-size:27px;line-height:1.7;margin:15px 0}.completion-card>p{font-size:14px;line-height:1.9;margin:8px 0}.completion-card .button-row{justify-content:center;margin-top:25px}.confetti-stars{display:flex;justify-content:center;gap:19px;color:#d6b561;margin:0 auto 10px}.confetti-stars svg{fill:#e8d28b}.confetti-stars svg:nth-child(2){width:32px;height:32px;margin-top:-6px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:25px 0}.stat-card{position:relative;background:#fff;border:1px solid var(--border);padding:23px;border-radius:15px;display:flex;flex-direction:column;gap:13px}.stat-card>svg{position:absolute;right:20px;top:22px;color:#a7b88c}.stat-card>span{font-size:11px;color:#9aa389;margin-right:15px}.stat-card strong{font-size:30px;font-family:Georgia,serif;font-weight:400;color:#6a8153}.stat-card small{font-family:inherit;font-size:11px;color:#a0ab90;margin-left:9px}.history-filters{display:flex;gap:12px;align-items:center;margin:26px 0 18px}.history-filters>.muted{margin-left:auto}.history-list{display:grid;gap:14px}.history-item{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:15px;padding:19px 22px}.history-art{width:75px;height:75px;border-radius:12px;display:flex;align-items:center;justify-content:center}.history-art>svg{width:65px;height:65px}.history-info{flex:1}.history-info h3{font-size:16px;margin:7px 0;color:#647455}.history-info p{font-size:11px;color:#94a086}.history-actions{display:flex;gap:9px}.history-actions .button{font-size:11px;padding:9px 12px;min-height:40px}.response-record{border:1px solid var(--border);border-radius:12px;padding:18px;margin:15px 0;background:#fff}.response-record h3{font-size:15px;line-height:1.8;margin:12px 0}.response-record p{font-size:13px;margin:8px 0;overflow-wrap:anywhere}.notebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.notebook-card{border:1px solid #e7e8da;border-radius:16px;padding:25px}.notebook-card>svg{width:90px;height:90px;display:block;margin-bottom:12px}.notebook-card h2{font-size:20px;line-height:1.7;margin:18px 0}.notebook-intro{white-space:pre-line;font-size:14px;color:#8b967e;line-height:2}.notebook-card .text-button{margin-top:20px;font-size:12px}.room-scene{height:350px;border:1px solid #e7e2ce;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(#f2e8d1 0,#f2e8d1 72%,#ded6b7 72%);margin-bottom:12px}.room-scene>svg[viewBox="0 0 180 190"]{position:absolute;bottom:45px;left:43%;width:175px;height:185px}.room-window{position:absolute;left:16%;top:37px;width:125px;height:135px;border:9px solid #c2ae81;border-radius:50px 50px 0 0;background:#c6d8c0;display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow:hidden}.room-window>div{background:linear-gradient(130deg,#eff1d6 10%,#b9d0b2 90%)}.room-shelf{position:absolute;right:16%;bottom:90px;width:180px;border-bottom:10px solid #ac946c;height:125px;display:flex;align-items:flex-end;gap:15px}.shelf-books{display:flex;gap:3px;height:67px;align-items:flex-end;padding-left:12px}.shelf-books i{width:16px;background:#9eac7c;height:65px;border-radius:3px 3px 0 0;border-top:6px solid #b6bf9b}.shelf-books i:nth-child(2n){background:#c6a886;height:55px}.shelf-books i:nth-child(3){background:#b7a6bc;height:70px}.room-shelf .room-plant{width:80px;height:95px}.room-rug{position:absolute;width:270px;height:55px;background:#bdc5a0;border:6px solid #cfd2b3;bottom:28px;left:50%;transform:translate(-50%);border-radius:50%}.room-moon{position:absolute;width:90px;height:90px;top:25px;right:13%}.room-label{position:absolute;bottom:12px;right:25px;color:#9e987e;font-size:10px;letter-spacing:1px}.decoration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.decoration-card{text-align:center;background:#fff;border:1px solid var(--border);border-radius:15px;padding:25px 15px}.decoration-card>svg{height:90px;width:90px}.decoration-card h3{font-size:16px;margin:12px 0;color:#71845f}.decoration-card p{display:flex;gap:5px;align-items:center;justify-content:center;font-size:10px;color:#a9a181;margin:10px 0 18px}.decoration-card .button{font-size:12px}.parent-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:27px}.parent-card{padding:27px}.parent-card h2{font-size:19px;line-height:1.8;margin-bottom:22px}.review-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #edf0e4;padding:16px 0}.review-row>svg{width:53px;height:53px}.review-row strong{font-size:13px}.review-row p{font-size:11px;margin-top:6px}.parent-card>.text-button{margin-top:18px}.parent-empty{text-align:center;color:#9da88e;font-size:12px}.parent-empty>svg{width:110px;height:115px}.parent-tips{padding-left:23px;color:#95a381}.parent-tips li{padding-left:6px;margin:21px 0}.parent-tips strong{font-size:14px;color:#6e805b}.parent-tips p{font-size:12px;color:#98a28b;margin-top:7px}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;align-items:start}.settings-card{padding:27px;margin-bottom:20px}.settings-card h2{display:flex;align-items:center;gap:10px;font-size:19px;margin-bottom:25px}.settings-card>p{font-size:12px;line-height:1.9;margin:13px 0 20px}.settings-card .auth-form{max-width:480px}.toggle-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#778968}.toggle-label small{display:block;font-size:10px;color:#9caa8f;line-height:1.8;margin-top:7px}.toggle-label input{width:19px;height:19px;accent-color:var(--green)}.form-message{font-size:12px;color:#76925d}@media(min-width:1600px){.hero-copy h2{font-size:36px}.hero-art{right:-55px;width:61%}.hero-card{min-height:365px}.hero-copy{padding:35px}.hero-copy p,.hero-cta{font-size:13px}.daily-card{padding-top:30px}.daily-circle{margin-top:22px;margin-bottom:20px}}@media(max-width:1250px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.brand strong{font-size:17px}.brand img{width:38px;height:38px}.main-wrap{margin-left:205px}.main-content{padding:30px 28px}.topbar{padding:0 28px}.hero-grid{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.hero-copy{padding:25px 22px;width:65%}.hero-copy h2{font-size:27px}.hero-art{width:68%;right:-92px;bottom:20px}.daily-card{padding-left:16px;padding-right:16px}.daily-card h3{font-size:14px}.hero-float{right:15px;bottom:15px;font-size:7px}.lesson-grid{gap:15px}.lesson-card{padding-left:15px;padding-right:15px}.lesson-card h3{font-size:14px}.toast{left:calc(50% + 102px)}.knowledge-promo{padding:20px;gap:14px}.knowledge-promo h3{font-size:14px}.stats-grid{gap:12px}.stat-card{padding:19px}.stat-card>svg{right:15px;top:18px}}@media(max-width:1050px){.sidebar{width:83px;padding:26px 11px 15px}.brand{padding:0;justify-content:center}.brand img{width:43px;height:43px}.brand>div,.nav-caption,.main-nav a span,.fox-note,.version-note,.parent-nav>svg:last-child{display:none}.sidebar-divider{margin:28px 3px 20px}.main-nav a{justify-content:center;min-height:57px;padding:14px}.main-nav a small{display:none}.sidebar-bottom{display:flex;flex-direction:column;gap:12px}.parent-nav,.settings-nav{justify-content:center;padding:12px 0;font-size:0;gap:0}.main-wrap{margin-left:83px}.toast{left:calc(50% + 41px)}.hero-grid{grid-template-columns:minmax(0,1fr) 220px}.hero-copy h2{font-size:27px}.hero-copy{width:66%}.hero-art{right:-100px;width:74%}.hero-float{display:none}.lesson-card h3{font-size:15px}.story-card{grid-template-columns:.7fr 1.3fr}.story-body{padding:26px}.story-body>p{font-size:15px}.stat-card>span{font-size:10px}.stat-card>svg{width:17px;height:17px}.stat-card strong{font-size:27px}.room-window{left:10%}.room-shelf{right:9%}.room-scene>svg[viewBox="0 0 180 190"]{left:35%}}@media(max-width:850px){.main-content{padding:27px 24px}.topbar{padding:0 24px}.hero-grid{grid-template-columns:minmax(0,1fr) 195px;gap:14px}.hero-card{min-height:315px}.hero-copy h2{font-size:25px}.hero-copy{padding:23px 20px}.hero-copy p{font-size:10px}.hero-art{width:76%;right:-105px;bottom:16px}.daily-card{padding:21px 12px 0}.daily-card h3{font-size:13px}.daily-card .eyebrow{font-size:7px}.daily-circle{width:105px;height:105px;margin:13px auto}.daily-bottom{font-size:8px;margin-top:15px}.daily-card>.small{font-size:8px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-banner p span{display:block;margin:2px 0 0}.knowledge-promo .eyebrow{display:none}.knowledge-promo>div:nth-child(2){flex:1}.knowledge-promo h3{font-size:13px}.knowledge-promo p{font-size:9px}.knowledge-promo>.button{font-size:10px;padding:8px 10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:115px}.parent-grid,.story-card{grid-template-columns:1fr}.story-illustration{min-height:160px}.story-illustration>svg:first-child{width:110px;height:110px;margin:20px 100px 0 0}.story-illustration>svg:last-child{width:130px;height:137px;bottom:5px;right:25%}.settings-grid{grid-template-columns:1fr}.history-item{padding:15px;gap:13px}.history-art{height:61px;width:61px}.history-art>svg{width:55px;height:55px}.history-actions{flex-direction:column}.question-card{padding:25px}.decoration-grid{gap:12px}.decoration-card{padding:20px 10px}.decoration-card .button{font-size:10px;padding:9px 10px}}@media(max-width:767px){.sidebar{display:none}.main-wrap{margin-left:0}.topbar{height:auto;min-height:75px;padding:14px 18px 11px;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:25;background:#fdfdf9f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-brand{display:flex;align-items:center;gap:7px}.mobile-brand img{width:33px;height:33px}.mobile-brand strong{font-size:15px;letter-spacing:.4px}.topbar-actions{margin-left:auto;gap:5px}.topbar-actions>.icon-button{width:33px;height:35px}.topbar-actions .star-wallet{min-width:47px;padding:4px 8px;min-height:29px;font-size:11px;gap:5px}.star-wallet>svg{width:14px;height:14px}.profile-button{padding:0 0 0 3px;min-height:36px}.profile-button>span:last-child{display:none}.avatar{width:31px;height:31px}.course-selector{order:3;flex-basis:100%;width:100%;padding:4px 9px;justify-content:flex-start;background:transparent;border:0;min-height:28px;gap:9px}.course-selector>svg:first-child{width:15px;height:15px}.course-selector select{font-size:11px;padding:3px}.course-selector>svg:last-child{width:11px;height:11px}.selector-divider{height:12px}.hide-small{display:none}.main-content{padding:24px 20px 100px}.welcome-row{margin-bottom:22px}.welcome-row h1{font-size:25px;margin:10px 0 7px}.welcome-row .eyebrow{font-size:9px}.welcome-row p{font-size:11px;line-height:1.8}.greeting-spark{font-size:29px}.welcome-history{display:none}.hero-grid{grid-template-columns:1fr}.hero-card{min-height:320px}.hero-copy{padding:27px 24px;width:65%}.hero-copy h2{font-size:29px}.hero-copy p{font-size:11px}.hero-art{width:67%;right:-47px;bottom:12px}.hero-cta{font-size:12px;margin-top:20px}.hero-footnote{font-size:9px}.daily-card{display:grid;grid-template-columns:55px 1fr auto;gap:2px 13px;align-items:center;padding:15px 18px;text-align:left;border-radius:13px}.daily-card .section-top{grid-column:2;grid-row:1}.daily-card .section-top>svg{display:none}.daily-card h3{grid-column:2;grid-row:2;margin:5px 0;font-size:13px}.daily-circle{grid-column:1;grid-row:1 / 4;width:52px;height:52px;margin:0;padding:4px}.daily-circle svg{display:none}.daily-circle strong{font-size:14px}.daily-circle.done>div>svg{display:block;width:18px;height:18px}.daily-circle.done strong{font-size:8px}.daily-card>p{grid-column:3;grid-row:1 / 4;font-size:10px;margin:0;color:#8c9a7a}.daily-card>.small{grid-column:2;grid-row:3;margin:0;font-size:9px}.daily-card .eyebrow{font-size:7px}.daily-bottom{display:none}.guest-banner{padding:10px 12px;margin:17px 0 25px;gap:7px}.guest-banner>div{gap:8px}.guest-banner>div>svg{width:15px;height:15px}.guest-banner p{font-size:10px}.guest-banner p span{font-size:9px}.guest-banner .text-button{font-size:9px;gap:3px}.guest-banner .text-button>svg{width:12px;height:12px}.adventure-title{margin:26px 0 17px}.adventure-title h2{font-size:18px;margin-top:7px}.adventure-title .eyebrow{font-size:7px}.chapter-progress{font-size:9px;gap:5px;white-space:nowrap}.lesson-grid{gap:13px}.lesson-card{padding:15px 14px 0;min-height:222px;border-radius:13px}.lesson-scene{width:79px;height:70px}.lesson-card h3{font-size:14px;line-height:1.7}.lesson-card>p{font-size:9px;margin-top:5px}.lesson-card-top{gap:7px}.card-category{font-size:8px;padding:4px 6px}.lesson-number{font-size:10px}.lesson-card-bottom{margin-top:14px;padding:12px 0;gap:4px}.lesson-card-bottom>span{font-size:8px;gap:3px}.lesson-card-bottom .lesson-card-action{font-size:9px;gap:3px}.lesson-card-action>svg{width:14px;height:14px}.lesson-card-bottom>span>svg{width:11px;height:11px}.knowledge-promo{padding:17px;gap:12px;flex-wrap:wrap;margin-top:23px;border-radius:13px}.promo-icon{width:43px;height:49px}.promo-icon>svg{width:25px;height:25px}.knowledge-promo>div:nth-child(2){min-width:170px}.knowledge-promo>.button{min-height:37px;margin-left:55px}.knowledge-promo h3{font-size:13px}.knowledge-promo p{font-size:9px;line-height:1.9}.page-footer{font-size:8px;flex-wrap:wrap;margin-top:25px}.page-footer button{font-size:8px}.mobile-nav{display:flex;position:fixed;inset:auto 0 0;align-items:stretch;justify-content:space-around;padding:8px 8px calc(9px + env(safe-area-inset-bottom));border-top:1px solid #e1e6d6;background:#fffefaed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:35}.mobile-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:45px;flex:1;font-size:9px;color:#9ca58f;position:relative}.mobile-nav a.active{color:#637c4f;font-weight:600}.mobile-nav a.active:before{content:"";position:absolute;top:-9px;height:2px;width:27px;background:#8da776;border-radius:4px}.mobile-nav svg{width:20px;height:20px}.toast{left:50%;bottom:91px;max-width:calc(100vw - 25px);font-size:11px;padding:12px 13px}.page-intro h1{font-size:26px;line-height:1.7;margin:9px 0}.page-intro>p{font-size:12px}.page-intro .eyebrow{font-size:9px;letter-spacing:1.5px}.page-intro{margin-bottom:22px}.title-count{font-size:11px;padding:2px 9px}.knowledge-grid{grid-template-columns:1fr;gap:13px}.knowledge-tools{gap:9px}.search-field{min-height:45px;padding:0 10px;gap:8px}.search-field input{font-size:12px}.search-field>svg{width:17px;height:17px}.select-control{padding:0 8px;min-height:43px;gap:5px}.select-control select{font-size:11px;min-height:41px;padding-right:3px}.filter-chips{gap:5px}.filter-chips button{font-size:10px;padding:7px 10px;min-height:38px}.source-note{padding:12px;gap:9px}.source-note p{font-size:10px}.knowledge-card{padding:17px;min-height:185px}.knowledge-card h3{font-size:15px}.knowledge-card>p{font-size:11px}.knowledge-page>.section-top{gap:9px}.knowledge-page>.section-top .small{font-size:10px}.pagination{gap:14px;font-size:11px}.pagination .button{font-size:11px;padding:9px 12px}.modal{padding:20px;border-radius:18px;max-height:calc(100dvh - 32px)}.modal-top h2{font-size:18px}.modal-top .icon-button{width:34px;height:34px}.auth-welcome{padding:10px;gap:10px}.auth-welcome strong{font-size:13px}.auth-welcome p{font-size:10px}.auth-welcome>svg{width:65px;height:72px}.lesson-heading h1{font-size:25px;line-height:1.6}.lesson-heading .eyebrow{font-size:9px}.lesson-heading p{font-size:12px}.lesson-toolbar .text-button{font-size:11px}.save-tag{font-size:9px}.story-body{padding:23px}.story-body h2{font-size:21px}.story-body>p{font-size:17px}.lesson-intro{font-size:16px;padding:15px}.story-illustration>svg:last-child{right:23%}.question-card{padding:21px 18px;border-radius:16px}.question-card>h2{font-size:22px;line-height:1.9}.answer-option{font-size:20px;padding:12px;gap:10px;min-height:63px}.answer-options.short{gap:8px}.answer-options.short .answer-option{justify-content:center;flex-direction:column;gap:6px;font-size:24px;padding:12px 7px}.answer-options.short .option-index{width:21px;height:21px;font-size:10px}.question-actions{gap:10px;flex-wrap:wrap}.question-actions .button{font-size:12px;padding:11px 12px;flex:1;white-space:nowrap;min-height:48px}.question-actions>.button:only-child{flex:none;margin-left:auto}.question-art{height:110px;width:155px;margin-bottom:20px}.question-art>span{font-size:38px}.order-slots>div{font-size:18px;min-width:70px}.hint-box{padding:14px}.hint-box p,.feedback p{font-size:16px}.feedback{padding:15px}.feedback strong{font-size:15px}.lesson-foot{gap:7px;flex-wrap:wrap}.lesson-foot p{font-size:10px}.lesson-foot>svg{width:39px;height:43px}.lesson-foot button{margin-left:0;font-size:10px}.completion-card{padding:26px 18px}.completion-card h2{font-size:23px}.completion-card>p{font-size:13px}.completion-card .button{font-size:12px}.stats-grid{gap:12px}.stat-card{padding:18px;gap:15px}.stat-card>span{font-size:10px}.stat-card>svg{right:14px;top:17px}.stat-card strong{font-size:29px}.stat-card small{font-size:10px}.history-item{padding:13px;gap:12px;flex-wrap:wrap}.history-info h3{font-size:15px}.history-info .small,.history-info p{font-size:10px}.history-actions{flex-direction:row;width:100%;justify-content:flex-end;padding-top:9px;border-top:1px solid #f0f2e9}.history-actions .button{font-size:11px;min-height:42px}.history-filters{gap:8px;flex-wrap:wrap}.history-filters .muted{font-size:10px}.notebook-grid{grid-template-columns:1fr;gap:17px}.notebook-card{padding:23px}.notebook-card h2{font-size:20px}.notebook-intro{font-size:17px}.room-scene{height:285px}.room-window{left:8%;width:88px;height:109px;top:26px;border-width:7px}.room-shelf{width:115px;right:8%;bottom:77px;height:100px;border-bottom-width:8px;gap:3px}.room-scene>svg[viewBox="0 0 180 190"]{width:135px;height:143px;left:32%;bottom:29px}.shelf-books{gap:2px;padding-left:4px}.shelf-books i{width:10px;height:47px}.shelf-books i:nth-child(2n){height:40px}.shelf-books i:nth-child(3){height:52px}.room-shelf .room-plant{width:48px;height:66px}.room-rug{width:210px;height:42px;bottom:22px}.room-moon{width:60px;height:60px;right:12%;top:18px}.room-label{font-size:8px;right:15px}.decoration-grid{grid-template-columns:1fr;gap:12px}.decoration-card{display:grid;grid-template-columns:70px 1fr;gap:4px 16px;text-align:left;padding:15px}.decoration-card>svg{width:65px;height:65px;grid-row:1 / 4}.decoration-card h3{font-size:14px;margin:3px 0}.decoration-card p{font-size:10px;justify-content:flex-start;margin:5px 0}.decoration-card .button{justify-self:start;font-size:11px;min-height:40px}.parent-card,.settings-card{padding:23px}.parent-card h2,.settings-card h2{font-size:18px}.parent-card>.small{font-size:11px}.coming-card{padding:25px 20px}.coming-card h2{font-size:21px;line-height:1.7}.coming-card p{font-size:13px}.coming-card>svg{margin-top:-10px}.empty-state{padding:30px 20px}.empty-state h3{font-size:18px}.empty-state p{font-size:12px}}@media(max-width:380px){.main-content,.topbar{padding-left:14px;padding-right:14px}.hero-copy{padding-left:20px}.hero-copy h2{font-size:27px}.hero-art{right:-60px;width:71%}.hero-card{min-height:315px}.daily-card{grid-template-columns:48px 1fr auto;gap:2px 9px;padding:13px}.daily-circle{height:47px;width:47px}.daily-card h3{font-size:12px}.daily-card>p{font-size:9px}.lesson-card{padding-left:12px;padding-right:12px}.lesson-card h3{font-size:13px}.lesson-card>p{font-size:8px}.guest-banner p span{max-width:175px}.guest-banner .text-button{font-size:8px}.mobile-brand strong{font-size:14px}.profile-button{padding:0}.topbar-actions{gap:2px}.chapter-progress{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.story-body>p,.lesson-intro,.notebook-intro{color:#627451}.welcome-row p,.hero-copy p,.hero-footnote,.lesson-card>p,.knowledge-card>p,.page-intro>p,.history-info p,.source-item p,.source-note p{color:#6f7d61}.question-card .eyebrow,.lesson-heading>p,.lesson-foot p{color:#6d7b5e}.home-review-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;margin:22px 0;background:#f0f3e7;border:1px solid #dfe7d3;border-radius:13px}.home-review-banner>div{display:flex;align-items:center;gap:14px;color:#809969}.home-review-banner strong{font-size:13px;color:#657d52;font-weight:550}.home-review-banner p>span{display:block;font-size:11px;color:#768666;margin-top:3px}.home-review-banner .button{font-size:12px;white-space:nowrap;background:#ffffff70;min-height:41px;padding:9px 13px}.review-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:270px;border:1px solid #dfe8cf;background:#eaf1df;border-radius:20px;padding:32px;overflow:hidden}.review-hero>div:first-child{position:relative;z-index:1;max-width:66%}.review-hero h2{font-size:27px;line-height:1.7;color:#4e693d;margin:20px 0 12px;letter-spacing:.5px}.review-hero p{font-size:13px;line-height:1.9;color:#6e805c;max-width:560px}.review-hero .button-row{margin-top:23px}.review-hero-art{width:230px;height:220px;flex-shrink:0;position:relative;margin-right:15px}.review-hero-art>svg:first-child{position:absolute;width:115px;height:115px;right:-15px;top:10px;transform:rotate(12deg)}.review-hero-art>svg:last-child{position:absolute;width:175px;height:185px;bottom:0;left:0}.review-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:21px 0 28px}.review-summary>div{display:flex;align-items:center;gap:10px;padding:18px 20px;background:#fff;border:1px solid var(--border);border-radius:12px;color:#94a37e}.review-summary strong{font-size:24px;font-family:Georgia,serif;font-weight:400;color:#6b8354}.review-summary span{font-size:11px;color:#738466}.review-section-title{margin:30px 0 18px}.review-section-title h2{font-size:20px;color:#586e48}.review-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.review-target{display:flex;align-items:flex-start;gap:16px;padding:21px;border:1px solid var(--border);border-radius:15px;background:#fff}.review-target-art{width:70px;height:75px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.review-target-art svg{width:63px;height:63px}.review-target h3{font-size:16px;line-height:1.8;color:#61794d;margin:12px 0 7px}.review-target p{font-size:11px;line-height:1.9;color:#728264}.review-target .text-button{font-size:11px;margin-top:10px}.review-clear{display:flex;align-items:center;gap:20px;padding:30px;color:#809b65}.review-clear h3{font-size:17px;line-height:1.8;color:#6c8356}.review-clear p{font-size:12px;margin-top:8px;color:#77876a}.practiced-list{display:grid;gap:12px}.practiced-list>div{display:flex;gap:14px;align-items:center;padding:17px 20px;background:#f3f6eb;border:1px solid #e1e8d6;border-radius:12px;color:#859e6b}.practiced-list>div>span{flex:1;font-size:14px;color:#6c8257;line-height:1.8}.practiced-list small{display:block;font-size:10px;color:#7a8b6b;margin-top:4px}.practiced-list .text-button{font-size:11px}.review-story-chips{display:flex;gap:12px;flex-wrap:wrap}.review-story-chips button{display:flex;gap:13px;align-items:center;min-height:44px;border:1px solid #dfe6d4;border-radius:10px;padding:10px 14px;background:#fff;color:#698253;font-size:12px}.review-story-chips button:hover{background:#edf3e4}.review-note{margin:28px 0 10px}.completion-evidence{display:flex;justify-content:center;gap:45px;margin:24px 0}.completion-evidence>div{display:flex;flex-direction:column;gap:8px;color:#6f8756}.completion-evidence strong{font-size:30px;font-family:Georgia,serif;font-weight:400}.completion-evidence span{font-size:11px;color:#778667}.question-card{scroll-margin-top:120px}.error-message .text-button{font-size:11px;margin-left:8px;flex-shrink:0}@media(max-width:1100px){.review-hero{padding:27px}.review-hero h2{font-size:24px}.review-hero-art{width:180px;margin-right:0}.review-target-grid{grid-template-columns:1fr}.review-summary>div{padding:17px 13px;gap:8px}.review-summary span{font-size:10px}.review-summary>div>svg{width:17px;height:17px}.review-summary strong{font-size:22px}}@media(max-width:767px){.home-review-banner{padding:15px;gap:12px;flex-wrap:wrap}.home-review-banner strong{font-size:12px}.home-review-banner p>span{font-size:10px}.home-review-banner .button{margin-left:35px;font-size:11px;min-height:40px}.home-review-banner>div{gap:11px}.review-hero{padding:24px 20px 145px;min-height:340px}.review-hero>div:first-child{max-width:100%}.review-hero h2{font-size:25px;line-height:1.75;margin-top:16px}.review-hero p{font-size:13px}.review-hero .button-row{gap:9px;margin-top:20px;position:relative;z-index:2}.review-hero .button{font-size:11px;padding:10px 12px;min-height:46px}.review-hero-art{position:absolute;right:14px;bottom:5px;width:175px;height:150px}.review-hero-art>svg:first-child{width:80px;height:80px;right:0;top:15px}.review-hero-art>svg:last-child{width:125px;height:132px}.review-summary{gap:9px}.review-summary>div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px 8px;gap:8px}.review-summary span{font-size:9px;text-align:center}.review-summary strong{font-size:25px}.review-summary>div>svg{width:17px;height:17px}.review-target{padding:17px;gap:12px}.review-target-art{height:61px;width:58px}.review-target-art>svg{height:53px;width:53px}.review-target h3{font-size:15px}.review-target p{font-size:11px}.review-target .text-button{font-size:10px}.review-section-title{gap:10px;align-items:flex-start}.review-section-title h2{font-size:18px}.review-section-title>.small{font-size:9px;max-width:100px}.review-clear{padding:23px 18px;gap:14px}.review-clear h3{font-size:15px}.review-clear p{font-size:11px}.practiced-list>div{padding:15px;gap:10px;flex-wrap:wrap}.practiced-list>div>span{font-size:13px;min-width:180px}.practiced-list small{font-size:10px}.practiced-list .text-button{margin-left:29px;font-size:11px}.review-story-chips{gap:9px}.review-story-chips button{font-size:11px;padding:10px 12px}.history-filters{gap:7px}.history-filters .select-control{padding:0 6px}.history-filters>.muted{flex-basis:100%;margin:4px 0 0}.completion-evidence{gap:26px}.completion-evidence span{font-size:10px}.question-card{scroll-margin-top:140px}.error-message{flex-wrap:wrap}}.pinyin-text{line-height:2.25;overflow-wrap:anywhere}.pinyin-text ruby{ruby-align:center;ruby-position:over;margin-inline:.055em}.pinyin-text rt{font-family:system-ui,sans-serif;font-size:.46em;font-weight:500;line-height:1.15;letter-spacing:.015em;color:#607053;-webkit-user-select:none;user-select:none}.lesson-heading h1 .pinyin-text{line-height:1.9}.lesson-card h3{padding-top:10px}.lesson-card h3 .pinyin-text{line-height:2}.lesson-card p .pinyin-text{line-height:2.25}.question-card h2{padding-top:12px}.question-art .pinyin-text{line-height:1.8}.question-art rt{font-size:.3em}.answer-option{min-width:0;padding-top:20px;padding-bottom:16px}.answer-option>span:last-child{min-width:0}.answer-options.short .answer-option .pinyin-text{font-size:.92em}.order-slots>div{min-height:70px;padding-top:13px}.story-body>p,.lesson-intro,.hint-box p,.feedback p{line-height:2.25}.lesson-toolbar{flex-wrap:wrap;gap:12px}.pinyin-switch{margin-left:auto;font-size:13px}.sound-bar{margin:-8px 0 24px;border-bottom:1px solid #e5e8de;padding-bottom:10px}.sound-bar-main,.sound-bar-actions{display:flex;align-items:center;gap:12px}.sound-bar-main{justify-content:space-between;flex-wrap:wrap}.sound-bar .text-button{font-size:12px;min-height:34px}.sound-bar-actions{margin-left:auto}.audio-notice{color:#677453;font-size:12px;line-height:1.7;margin:4px 0}.learning-settings .toggle-label{gap:14px;padding:18px 0}.learning-settings .toggle-label span{min-width:0}.learning-settings .toggle-label small{line-height:1.7;margin-top:5px}.learning-settings .toggle-label input{flex:0 0 auto;accent-color:#557448;width:20px;height:20px}.voice-field{display:block;font-size:14px;color:#44543b;margin:20px 0 10px}.voice-field>span{float:right;font-size:12px}.voice-field select{display:block;width:100%;min-width:0;max-width:100%;padding:12px 8px;margin-top:10px;border:1px solid #dce2d2;border-radius:9px;background:#fafbf7;color:#44543b;text-overflow:ellipsis}.voice-field input[type=range]{display:block;width:100%;margin-top:18px;accent-color:#557448}.learning-settings .button-row{flex-wrap:wrap}.settings-grid>*,.settings-grid>div{min-width:0}@media(max-width:600px){.sound-bar{margin-top:-6px;margin-bottom:18px}.sound-bar-main{gap:0}.sound-bar-actions{gap:10px}.sound-bar-actions .text-button span{display:none}.sound-bar-actions .text-button{width:34px;justify-content:center}.lesson-toolbar .save-tag{width:100%;justify-content:flex-end;font-size:11px}.question-card h2{font-size:21px}.answer-options.short{grid-template-columns:1fr}.answer-option{padding:20px 14px 16px}.order-slots{flex-wrap:wrap}.order-slots>div{flex-basis:26%}}@media(max-width:600px){.answer-options.short.tiny{grid-template-columns:repeat(3,minmax(0,1fr))}.answer-options.short.tiny .answer-option{padding-inline:7px}}.curriculum-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:26px 0 20px}.curriculum-heading h2{display:flex;align-items:center;gap:9px;font-size:23px;margin:10px 0}.curriculum-heading p,.unit-current p{color:#77836c;font-size:12px;line-height:1.8}.curriculum-count{background:#eaf0df;color:#4b643e;border-radius:10px;padding:10px 13px;white-space:nowrap;font-size:12px}.unit-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:20px 0 30px}.unit-stop{text-align:left;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:18px;border:1px solid #dfe6d5;background:#fffef9;border-radius:16px;color:#627552;gap:8px;cursor:pointer}.unit-stop.active{background:#edf3e4;border-color:#718e5d;box-shadow:inset 0 0 0 1px #718e5d}.unit-stop-number{background:#e7eddd;border-radius:8px;min-height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;font-size:12px}.unit-stop strong{font-size:16px;line-height:2;padding-top:5px}.unit-stop small{font-size:11px;line-height:1.8;color:#697b59}.unit-stop>span:last-child{font-size:11px}.unit-stop-progress{width:100%;height:4px;background:#e2e8d9;border-radius:4px;overflow:hidden;margin-top:auto}.unit-stop-progress>span{display:block;height:100%;background:#7d9c62}.unit-current{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:22px 0}.unit-current h3{font-size:19px;margin-bottom:7px}.unit-current .text-button{white-space:nowrap;font-size:12px}.has-pinyin-audio{display:flex;align-items:center;gap:5px;color:#73875d;font-size:10px;margin-top:9px}.pinyin-practice{border:1px solid #dce5d2;border-radius:14px;background:#f2f6eb;padding:16px 20px;margin:22px 0}.practice-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.practice-top>div{display:flex;align-items:center;gap:8px;color:#526e42;flex-wrap:wrap}.practice-top strong{font-size:13px}.practice-top span{font-size:10px;color:#6f815d}.practice-top .text-button{font-size:12px;white-space:nowrap}.pinyin-practice p{font-size:11px;line-height:1.8;margin:12px 0}.pinyin-sound-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(73px,1fr));gap:9px;margin:15px 0}.pinyin-sound-cards button{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:77px;padding:12px 6px;border:1px solid #dbe4cf;background:#fffefb;border-radius:10px;cursor:pointer;color:#526344}.pinyin-sound-cards button>span{font-family:Arial,system-ui,sans-serif;font-size:25px}.pinyin-sound-cards button.playing{border-color:#608b43;background:#e5efd9;box-shadow:0 0 0 2px #608b4322}.reading-label{color:#587444;font-size:11px;margin:4px 0;min-height:18px}.listen-target{margin-top:15px;background:#edf2e5;color:#536e42}@media(max-width:767px){.curriculum-heading{flex-wrap:wrap;gap:10px}.curriculum-heading h2{font-size:20px}.curriculum-heading p{font-size:11px}.curriculum-count{font-size:11px;padding:8px 11px}.unit-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.unit-stop{padding:13px;gap:6px}.unit-stop strong{font-size:14px}.unit-stop small{font-size:10px}.unit-current{gap:10px;align-items:flex-start}.unit-current h3{font-size:16px}.unit-current p,.unit-current .text-button{font-size:10px}.pinyin-practice{padding:14px}.practice-top{align-items:flex-start;flex-wrap:wrap}.practice-top .text-button{min-height:40px}.pinyin-sound-cards{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}.pinyin-literal{overflow-wrap:normal;word-break:normal}.focus-learning{min-height:100vh;min-height:100dvh;background:#f8f9f5;color:#343e32}.focus-learning-content{width:100%;min-height:inherit;padding:0 max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.focus-learning .lesson-page{max-width:1000px}.focus-learning .lesson-toolbar{position:sticky;top:0;z-index:20;padding:12px 0;padding-top:max(12px,env(safe-area-inset-top));background:#f8f9f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.lesson-toolbar-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.focus-learning .lesson-toolbar .text-button{min-height:44px;font-size:13px;white-space:nowrap}.focus-learning .lesson-heading{margin:16px 0 22px}.focus-learning .lesson-heading>.eyebrow,.focus-learning .lesson-foot{display:none}.focus-learning .lesson-heading h1{font-size:clamp(24px,3vw,32px)}.focus-learning .lesson-progress{max-width:800px}.focus-learning .question-card{max-width:800px;padding:28px 36px}.focus-learning-content>.empty-state{min-height:calc(100dvh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}@media(max-width:600px){.focus-learning-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom))}.focus-learning .lesson-toolbar{flex-wrap:nowrap;gap:8px;padding-bottom:8px}.focus-learning .lesson-toolbar .text-button{font-size:12px;gap:5px}.lesson-toolbar-actions{gap:12px}.focus-learning .lesson-heading{margin:10px 0 18px}.focus-learning .question-card{padding:20px 18px;border-radius:16px}.focus-learning .story-body{padding:24px 20px}}