:root{font-family:Be Vietnam Pro,sans-serif;color:#203e3b;background:#fafbf7;font-synthesis:none;font-size:14px;line-height:1.6;font-weight:400;--ink:#203e3b;--green:#215c50;--yellow:#f9d66c;--line:#e5e9df;--muted:#788680;--cream:#fffcf3}*{box-sizing:border-box}body{margin:0}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:.48}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d9af42;outline-offset:4px}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-1px;line-height:1.4;font-weight:800}h2{font-size:23px;line-height:1.45;letter-spacing:-.6px}h3{font-size:17px;line-height:1.5;letter-spacing:-.35px}p{color:#6a7c75}button svg,a svg{flex-shrink:0}input,select{border:1px solid #dce3d8;border-radius:12px;background:#fff;color:var(--ink);padding:13px 14px;min-width:0;width:100%;outline:none}input:focus,select:focus{border-color:#3b7e69;box-shadow:0 0 0 3px #e7efe6}input::placeholder{color:#9aa39b}label{display:block;font-size:13px;font-weight:600}label input,label select{margin-top:8px}fieldset{padding:0;margin:23px 0;border:0}legend{font-weight:700;margin-bottom:12px}legend small{font-weight:400;color:var(--muted);margin-left:8px}small{font-size:12px}summary{cursor:pointer}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.sidebar{width:236px;padding:36px 21px 20px;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#fffef9;z-index:20}.brand{display:flex;align-items:center;gap:11px;margin:0 11px 29px}.brand>span:last-child{font-size:38px;font-weight:800;line-height:1;letter-spacing:-2px}.brand small{display:block;font-weight:500;font-size:10px;letter-spacing:.4px;line-height:2.4;color:#7e8c80}.brand-dot{color:#dfac31}.brand-mark{width:45px;height:45px;border-radius:16px;background:#f8d35c;display:grid;place-items:center;transform:rotate(-8deg);color:#6e5620}.brand-mark svg{width:29px;height:29px}.grade-pill{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 5px;border:1px solid #e8e7d9;border-radius:10px;font-size:11px;font-weight:600;color:#69766a;margin-bottom:26px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:12px;color:#7c877d;font-size:13px;font-weight:600;transition:.15s}.sidebar nav a:hover{background:#f0f3ea;color:var(--green)}.sidebar nav a.active{background:#e9efdf;color:#275c47}.sidebar nav a.active svg{stroke-width:2.5}.nav-badge{margin-left:auto;background:#f6d88d;font-size:10px;padding:0 6px;border-radius:7px}.sidebar-bottom{margin-top:auto;padding-top:20px}.daily-note{background:#f5f3e7;border:1px solid #edebdb;border-radius:16px;padding:18px 16px;margin:15px 2px 20px}.daily-note>svg{color:#ba9e52;display:block;margin-bottom:8px}.daily-note b{font-size:12px}.daily-note p{font-size:10px;line-height:1.9;margin-top:5px;color:#8c927c}.profile-button{display:flex;border:0;background:none;align-items:center;gap:9px;padding:10px 0;width:100%;text-align:left}.avatar{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#e3eada;color:#597452;font-weight:800}.profile-button b{display:block;font-size:11px}.profile-button small{font-size:9px;color:#8c9687}.profile-button>svg{margin-left:auto}.workspace{margin-left:236px;min-height:100vh}.topbar{height:83px;border-bottom:1px solid var(--line);background:#fffefacc;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:10px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:11px;color:#98a28e}.breadcrumb b{color:#5d735d;font-weight:500}.top-actions{display:flex;align-items:center;gap:22px;font-size:11px}.streak,.xp{display:flex;align-items:center;gap:7px;font-weight:700}.streak{color:#c9814d}.streak span{font-weight:400;color:#8e927d}.xp{color:#9e843b}.xp svg{fill:#f1d77c;stroke:#c1a250}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dfe6d9;border-radius:50%;padding:9px;background:transparent;min-width:36px;min-height:36px}.voice-select{display:flex;align-items:center;gap:5px;color:#7e8b7b}.voice-select select{border:0;background:none;width:88px;margin:0;padding:7px 0;font-size:10px;font-weight:600;box-shadow:none}.voice-select svg{flex-shrink:0}.mobile-brand,.bottom-nav{display:none}main{max-width:1330px;margin:auto;padding:35px 42px 45px;min-height:calc(100vh - 150px)}footer{text-align:center;border-top:1px solid var(--line);font-size:10px;padding:20px;color:#a1a995}footer span{margin:0 10px}.eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#87917b}.mini-label{display:block;font-size:9px;font-weight:600;letter-spacing:1.05px;color:#85917b}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #215c50;background:#215c50;color:#fffdf0;border-radius:12px;padding:13px 21px;font-size:12px;font-weight:600;line-height:1.6;transition:background .15s,transform .15s}.button:hover:not(:disabled){background:#17483e;transform:translateY(-1px)}.button.secondary{background:#fffdf6;color:#42654f;border-color:#dbe2d2}.button.secondary:hover:not(:disabled){background:#f0f4e8}.button.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:4px 0;color:#5d7d5e;font-size:11px;font-weight:600}.back-link{display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:0;margin-bottom:20px;font-size:11px;color:#7d8c78}.card{border:1px solid #e3e7db;border-radius:20px;background:#fffef9;padding:28px}.badge{display:inline-block;font-size:9px;font-weight:600;border:1px solid #e1e7d5;background:#f7f8ed;color:#7f9172;border-radius:6px;padding:3px 7px}.helper{display:block;color:#99a28e;font-size:10px;line-height:1.9;text-align:center}.align-left{text-align:left}.pill-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.sage{background:#e9efdf;color:#789369}.peach{background:#faeddf;color:#bd9477}.lavender{background:#eeeafa;color:#9b8eb6}.blue{background:#e7eff1;color:#7e9ea7}.green{color:#5a9472}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;gap:12px;align-items:center;justify-content:center;padding:100px 15px;color:#7b8c76}.error-box{background:#fdf0e7;color:#a76845;border:1px solid #efdfd4;border-radius:12px;padding:15px;margin:12px 0;font-size:12px}.error-box button{margin-left:12px}.empty{text-align:center;padding:80px 20px;border:1px dashed #dde3d4;border-radius:20px}.empty>svg{color:#b1ba9f;margin-bottom:10px}.empty p{font-size:12px;margin:8px 0 20px}.empty.small{padding:35px 20px}.toast{position:fixed;bottom:26px;left:calc(50% + 110px);transform:translate(-50%);background:#234b41;color:#fffbe8;padding:14px 16px 14px 20px;border-radius:12px;max-width:min(560px,90vw);z-index:100;display:flex;align-items:center;gap:20px;box-shadow:0 5px 30px #203d3a29;font-size:12px}.toast button{border:0;background:none;color:inherit;display:flex}.greeting{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:25px}.greeting h1{font-size:25px;letter-spacing:-.8px;margin-top:7px}.greeting p{font-size:11px;margin-top:7px;color:#94a089}.wave{color:#d7b64c}.date-label{font-size:8px;letter-spacing:1.2px;color:#a6ae95;text-align:right;flex-shrink:0}.date-label b{display:block;color:#6e8065;font-size:10px;letter-spacing:0;margin-top:7px;font-weight:500}.hero{height:354px;position:relative;border-radius:24px;overflow:hidden;background:#ecefce;border:1px solid #e1e5ce}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:75% 55%}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#faf5df,#faf5dffa 18%,#faf5dfed 31%,#faf5df80 46%,#faf5df00 66%)}.hero-copy{position:relative;z-index:2;padding:33px 35px;max-width:51%}.hero-tag{display:inline-flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.4px;font-weight:700;color:#7e8756;padding:5px 9px;border:1px solid #e3dfc0;border-radius:6px;background:#fff9e1c7}.hero-tag>span{width:5px;height:5px;border-radius:50%;background:#94aa6a}.hero-unit{font-size:8px;letter-spacing:1.1px;margin-top:19px;color:#9b976e}.hero-copy h2{font-size:35px;line-height:1.22;max-width:340px;letter-spacing:-1.2px;margin:9px 0 12px;color:#2e4e3a}.hero-copy>p:not(.hero-unit){font-size:11px;line-height:1.9;color:#81876b}.hero-copy .button{margin-top:19px;background:#2b604a;border-color:#2b604a;font-size:10px;border-radius:9px;padding:11px 17px}.hero-footnote{display:block;font-size:8px;color:#939477;margin-top:9px}.hero-sun{position:absolute;z-index:3;bottom:25px;right:9%;width:165px;height:242px}.speech{background:#fffdf1;border:1px solid #e5dfc5;border-radius:13px;padding:13px 16px;font-size:11px;line-height:1.8;font-weight:500;color:#6b7150;box-shadow:0 3px 5px #5f673509}.speech:after{content:"";position:absolute;bottom:-6px;left:65%;width:10px;height:10px;background:#fffdf1;border-bottom:1px solid #e5dfc5;border-right:1px solid #e5dfc5;transform:rotate(45deg)}.hero-sun>.speech{position:absolute;right:90%;top:22px;width:185px;display:flex;gap:9px}.hero-sun>.speech svg{color:#c3ab4e;flex-shrink:0;margin-top:3px}.scene-label{position:absolute;bottom:15px;right:20px;font-size:8px;padding:5px 9px;background:#fffef2d9;border-radius:7px;color:#7b8761;display:flex;align-items:center;gap:5px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;background:#fffef9;padding:21px 15px;margin:19px 0 30px}.stats-strip>div{display:flex;gap:13px;align-items:center;justify-content:center;border-right:1px solid #e9ecdf}.stats-strip>div:last-child{border:0}.stat-icon{border-radius:12px;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0}.stat-icon svg{width:18px}.stats-strip b{font-size:20px;line-height:1.4;display:block;font-weight:700;color:#4b6346}.stats-strip b small{font-size:11px;color:#9aab89;font-weight:400}.stats-strip p>span{font-size:9px;color:#96a287}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:29px 0 17px}.section-heading h2{font-size:20px;margin-top:5px}.section-heading>span{font-size:9px;color:#99a78f}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mission{padding:24px 21px 20px;border-radius:16px;border:1px solid #e0e6d5;position:relative;transition:transform .2s,box-shadow .2s}.mission:hover{transform:translateY(-3px);box-shadow:0 8px 16px #485e3c0c}.mission-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#ffffff90;margin-bottom:21px}.mission-icon svg{width:21px;height:21px}.mission .mini-label{font-size:8px;letter-spacing:1.2px;color:inherit;opacity:.8}.mission h3{font-size:15px;color:#4d6545;margin:8px 0 6px}.mission.peach h3{color:#816953}.mission.lavender h3{color:#6f6688}.mission p{font-size:10px;color:#859375}.mission.peach p{color:#a59881}.mission.lavender p{color:#a39aaf}.mission-link{font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin-top:23px}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.unit-card{background:#fffef9;border:1px solid #e4e7d8;border-radius:17px;overflow:hidden;transition:transform .2s,box-shadow .2s}.unit-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #2c523513}.unit-art{height:130px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.unit-art>svg{width:65px;height:65px;stroke-width:1;z-index:1;transform:rotate(-8deg);color:inherit}.unit-art:after,.unit-art:before{content:"";width:170px;height:170px;position:absolute;border:1px solid #ffffff90;border-radius:50%;right:-60px;top:-20px}.unit-art:before{width:180px;height:180px;top:40px;left:-80px;background:#ffffff30}.unit-number{position:absolute;left:15px;top:13px;font-size:8px;letter-spacing:1.5px;font-weight:700;background:#ffffff80;padding:4px 7px;border-radius:5px}.unit-art-dot{position:absolute;width:8px;height:8px;background:#ffffff80;border-radius:3px;right:30px;bottom:30px;transform:rotate(35deg)}.unit-copy{padding:20px}.unit-copy .mini-label{font-size:8px;letter-spacing:.8px}.unit-copy h3{font-size:15px;margin:7px 0 3px}.unit-copy p{font-size:10px;color:#8a9880}.progress-track{height:5px;border-radius:10px;background:#ecedde;overflow:hidden}.progress-track>span{display:block;height:100%;background:#9eb778;border-radius:10px;transition:width .25s}.unit-copy .progress-track{margin:19px 0 9px}.unit-copy small{font-size:8px;color:#9aa58b;display:flex;justify-content:space-between;align-items:center}.resume-banner{display:flex;align-items:center;gap:12px;border:1px solid #dce5cb;background:#f0f4e7;border-radius:12px;padding:15px 18px;font-size:11px;color:#638257;margin-bottom:20px}.resume-banner>span{flex:1}.page-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:4px 0 30px}.page-title h1{margin:8px 0 9px}.page-title p{font-size:12px;color:#94a089}.cumulative{background:#f1f4e9;padding:30px;border-radius:20px;text-align:center;margin-top:30px}.cumulative p{font-size:12px;margin:8px 0 20px}.unit-header{padding:35px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;overflow:hidden}.unit-header h1{color:#2e5148;margin:8px 0}.unit-header p{font-size:14px}.unit-header>svg{width:90px;height:90px;stroke-width:1}.lesson-list{display:grid;gap:12px}.lesson-row{display:flex;align-items:center;gap:22px;border:1px solid #e0e7d7;background:#fffef8;border-radius:16px;padding:22px;transition:background .2s}.lesson-row:hover{background:#f1f5e8}.lesson-number{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#edf0e3;color:#83976e;font-size:18px;flex-shrink:0;font-weight:600}.lesson-number.done{background:#dfead4;color:#5a8858}.lesson-row h3{margin:4px 0}.lesson-row p{font-size:10px;color:#95a188}.lesson-row>svg{margin-left:auto;color:#94a586}.unit-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:25px}.lesson-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.lesson-heading h1{font-size:26px;margin-top:6px}.step-count{font-size:11px;white-space:nowrap;padding:7px 11px;border:1px solid #e1e5d6;border-radius:8px;color:#819171}.lesson-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.classroom{position:relative;min-height:555px;border-radius:22px;overflow:hidden;background:#e6eacb;border:1px solid #e1e4cf}.classroom>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:52% 50%}.classroom:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#f2edce8c,#f2edce00 50%);pointer-events:none}.room-tag{position:absolute;top:23px;left:22px;background:#fffce9dd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #e2dec8;border-radius:7px;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:7px;padding:6px 10px;color:#7b8360;z-index:2}.classroom-sun{position:absolute;bottom:75px;left:calc(50% - 67px);width:150px;height:242px;z-index:3}.classroom-sun .speech{position:absolute;bottom:100%;left:-80px;width:250px;text-align:center}.classroom-note{position:absolute;bottom:24px;left:25px;z-index:3;display:flex;align-items:center;gap:11px;color:#76805f;font-size:9px}.classroom-note b{font-weight:600;font-size:11px}.classroom-note>svg{width:35px;height:35px;background:#fffbe3b3;padding:9px;border-radius:50%}.learning-panel{display:flex;align-items:center;flex-direction:column;border-radius:22px;border:1px solid #e5e6d5;background:#fffdf5;padding:27px 30px 25px;min-height:555px}.word-art{display:block;width:145px;height:145px;flex-shrink:0}.word-art.sprite{background-image:var(--objects-url);background-size:200% 200%;background-repeat:no-repeat}.word-art.big{width:175px;height:175px;margin:8px 0 0}.word-art.symbol{border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:10px;margin:20px 0}.word-art.symbol svg{width:58px;height:58px;stroke-width:1.3}.word-art.symbol span{font-size:10px;text-align:center;display:block;line-height:1.5}.term{font-size:36px;letter-spacing:-1px;color:#3a5746;margin:5px 0 3px;text-align:center}.ipa{font-family:Segoe UI,sans-serif;color:#9ca38d;font-size:13px}.meaning{font-size:15px;color:#7f8a6c;margin:9px 0 13px}.audio-row{display:flex;gap:7px;align-items:center}.audio-button{border:1px solid #e2e7d4;border-radius:20px;padding:9px 13px;background:#f4f6e9;color:#859369;font-size:10px;display:inline-flex;align-items:center;gap:7px}.audio-button.icon-button{padding:8px;min-width:33px;min-height:33px}.editorial{font-size:9px;color:#a5a184;margin:12px 0 0;width:100%;text-align:left}.editorial summary{width:fit-content}.editorial p{margin-top:5px;font-size:10px}.discover-dots{display:flex;gap:9px;margin:21px 0}.discover-dots button{width:7px;height:7px;background:#e0e4cf;border-radius:10px;padding:0;border:0}.discover-dots button[aria-current=true]{background:#729361;width:21px}.panel-actions{display:flex;gap:10px;width:100%;justify-content:center;margin:3px 0 14px}.learning-panel .helper{font-size:9px;max-width:320px}.lesson-progress{margin-bottom:20px;height:6px}.writing .word-art{margin-top:12px}.writing .word-art.symbol{width:120px;height:120px}.write-prompt{font-size:25px;text-align:center;margin:5px 0 25px;line-height:1.5}.writing form{width:100%}.answer-wrap{display:flex;align-items:center;border:1.5px solid #d7dfc9;background:#fff;border-radius:13px;padding:0 13px;gap:10px;color:#a6b298;min-height:61px}.answer-wrap:focus-within{border-color:#8aa674;box-shadow:0 0 0 3px #edf1e2}.answer-wrap input{border:0;box-shadow:none;padding:15px 0;font-size:20px;background:transparent;letter-spacing:.7px;flex:1;width:0}.answer-wrap input::placeholder{font-size:13px;letter-spacing:0}.answer-wrap.correct{background:#edf5e8;color:#74a565;border-color:#9ebd8b}.answer-wrap.incorrect{border-color:#d7ad8f;background:#fffaf3}.write-tools{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.write-tools .text-button{font-size:10px;color:#9eab86}.writing>.helper{margin-top:18px}.feedback{font-size:11px;padding:12px;border-radius:9px;margin-top:12px}.feedback span{display:block;font-size:10px;margin-top:4px}.feedback.good{background:#e8f3e2;color:#63894e}.feedback.retry{background:#faf0df;color:#b49160}.hint-box{display:flex;gap:10px;font-size:11px;background:#faf1d7;border:1px solid #efdfaf;border-radius:10px;padding:12px;margin-top:13px;color:#a08d52}.hint-box details{margin-top:7px;font-size:10px}.hint-box details b{display:block;margin-top:7px;font-size:18px;letter-spacing:.7px}.completion{text-align:center;max-width:730px;margin:20px auto;padding:20px}.completion-sun{width:150px;height:220px;margin:0 auto 8px;position:relative}.completion h1{font-size:35px;margin:10px 0}.completion>p{font-size:13px;max-width:550px;margin:0 auto}.result-stats{display:flex;justify-content:center;border:1px solid #e1e8d7;border-radius:18px;background:#fffef9;margin:28px 0;padding:25px 10px}.result-stats>div{flex:1;border-right:1px solid #e2e8d8}.result-stats>div:last-child{border:0}.result-stats b{font-size:30px;display:block;color:#749063}.result-stats span{font-size:10px;color:#95a18a}.completion .helper{margin-top:25px;font-size:10px}.review-hero{position:relative;background:#ecf0de;border:1px solid #e0e6d3;border-radius:22px;padding:37px;min-height:240px;display:flex;align-items:center;justify-content:space-between;gap:20px}.review-hero>div:first-child{max-width:70%;position:relative;z-index:2}.review-hero h2{font-size:27px;margin:8px 0 10px}.review-hero p{font-size:12px;max-width:440px}.review-hero .button{margin-top:20px}.review-hero>.sf-scene-sun{position:relative;flex-shrink:0;right:30px;width:135px;height:190px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:24px 0}.round-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;flex-shrink:0}.round-icon svg{width:23px;height:23px}.review-grid h2{margin:17px 0 8px;font-size:21px}.review-grid p{font-size:12px;max-width:380px}.big-number{display:block;margin:21px 0;font-size:33px;color:#819d6a}.big-number small{font-size:12px;font-weight:400;color:#a3ac93}.review-grid label{margin:22px 0 20px;font-size:11px;color:#8b987c}.schedule-note{display:flex;gap:18px;border:1px dashed #d6e1c5;border-radius:17px;padding:25px;background:#f5f7ef}.schedule-note>svg{flex-shrink:0;color:#a4b48d}.schedule-note h3{font-size:14px}.schedule-note p{font-size:11px;line-height:2;margin-top:7px;color:#9aa78c}.test-setup{display:grid;grid-template-columns:1.65fr 1fr;gap:28px}.section-heading.compact{margin:0 0 22px}.section-heading.compact>svg{color:#a2b08d}.unit-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.unit-checks label{position:relative;display:flex;gap:7px;align-items:center;min-height:60px;border:1px solid #e4e7d8;border-radius:10px;padding:10px;cursor:pointer;background:#fffef9}.unit-checks label.selected{background:#edf2e4;border-color:#9fb68b}.unit-checks input{position:absolute;width:1px;height:1px;opacity:0}.unit-checks label:focus-within{outline:2px solid #a1ba81}.unit-checks span{font-size:11px;font-weight:600;min-width:0}.unit-checks small{display:block;font-size:8px;line-height:1.6;color:#a0a88f;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px}.unit-checks svg{width:14px;flex-shrink:0;margin-left:auto;opacity:0;color:#799964}.unit-checks .selected svg{opacity:1}.segmented{display:flex;gap:8px}.segmented button{display:flex;align-items:center;justify-content:center;gap:8px;background:#fffef7;border:1px solid #e0e6d5;border-radius:10px;flex:1;padding:11px 8px;font-size:10px;color:#98a584}.segmented button.active{background:#edf2e2;border-color:#a2b78b;color:#5c784a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:24px}.form-row label{font-size:11px;color:#7b8b6d}.form-row select{font-size:11px}.test-setup .helper{margin:17px 0}.test-guide{padding:29px 15px 0}.test-guide h2{font-size:25px;margin:20px 0 16px}.test-guide p{font-size:12px;line-height:1.9;max-width:280px}.test-guide ul{list-style:none;padding:0;margin:23px 0;font-size:10px;display:grid;gap:15px;color:#9caa8c}.test-guide li{display:flex;gap:8px;align-items:center}.test-guide li svg{color:#9db787}.test-guide .sf-scene-sun{position:relative;width:130px;height:180px;margin:15px auto}.history-list{display:grid;gap:10px}.history-row{display:flex;gap:17px;align-items:center;background:#fffef8;border:1px solid #e1e6d6;border-radius:13px;padding:17px}.history-row .round-icon{width:39px;height:39px;border-radius:12px}.history-row h3{font-size:13px}.history-row p{font-size:9px;color:#98a38a;margin-top:3px}.history-row>svg{color:#9da68c}.history-score,.history-row>.badge{margin-left:auto;color:#809967}.history-score{font-size:24px}.history-score small{font-size:10px;font-weight:400;color:#a5b096}.save-status{display:flex;align-items:center;gap:6px;font-size:10px;color:#a0af8e}.exam-layout{display:grid;grid-template-columns:1fr 265px;gap:23px}.exam-card{text-align:center;padding:38px}.exam-card .round-icon{margin:25px auto 15px;width:65px;height:65px}.exam-card .round-icon svg{width:28px;height:28px}.exam-card h2{font-size:30px;margin:12px 0}.exam-card p{font-size:11px;color:#9aa78a}.exam-input{font-size:23px;text-align:center;letter-spacing:1px;margin:35px 0 30px;padding:20px 12px;border:1.5px solid #cedabf;background:#fffef9}.exam-input::placeholder{font-size:13px;letter-spacing:0}.exam-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px}.exam-sidebar{padding:24px 20px;height:fit-content}.exam-sidebar h3{font-size:14px}.exam-sidebar>p:not(.helper){font-size:10px;color:#9ba68d;margin-top:6px}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:20px 0}.question-grid button{aspect-ratio:1;border:1px solid #e1e5d5;background:#fffef6;border-radius:7px;font-size:10px;color:#a5b195;padding:0}.question-grid button.filled{background:#e5efdc;color:#7a9b5f;border-color:#c4d6ae}.question-grid button.current{outline:2px solid #7b9565;outline-offset:1px}.exam-sidebar .button{margin-top:20px;font-size:11px}.listen-orb{width:100px;height:100px;border-radius:50%;background:#eaf0df;border:1px solid #d4e2c1;display:grid;place-items:center;margin:25px auto;color:#7e9d63;box-shadow:0 0 0 12px #f5f7ed}.test-result{border:1px solid #e2e7d7;background:#f3f6e9;border-radius:22px;padding:32px;text-align:center;margin-bottom:25px}.score-circle{width:145px;height:145px;border-radius:50%;background:#fffef5;border:6px solid #b6cd98;margin:24px auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.score-circle b{font-size:46px;line-height:1.3;color:#709452}.score-circle span{font-size:10px;color:#a3af91}.test-result h1{font-size:28px}.test-result p{font-size:12px;margin:10px 0 20px}.answer-review{display:grid;gap:10px}.answer-review-row{display:flex;align-items:center;gap:18px;border:1px solid #e7e2d2;background:#fffdf4;border-radius:13px;padding:20px}.answer-review-row.good{border-color:#dce6d0;background:#fafcf5}.answer-review-row>div{flex:1}.answer-review-row b{font-size:13px}.answer-review-row p{font-size:11px;margin-top:5px}.question-number{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eeeee1;color:#93a27e;font-size:11px;flex-shrink:0}.answer-review-row>svg{color:#bfa985}.wrong-word{text-decoration:line-through;color:#bd8c74}.right-word{color:#72965a}.library-filters{display:flex;gap:16px;align-items:center}.search-box{display:flex;align-items:center;border:1px solid #e0e6d4;background:#fffef9;border-radius:12px;padding:0 14px;gap:10px;flex:1;color:#a1b08b}.search-box:focus-within{outline:2px solid #abbf91}.search-box input{border:0;box-shadow:none;background:none;margin:0;font-size:12px;font-weight:400}.library-filters>select{width:240px;font-size:11px;background:#fffef9}.library-count{font-size:10px;color:#a1ad91;margin:18px 0}.library-count span{margin:0 7px}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.word-card{padding:21px;background:#fffef8;border:1px solid #e1e7d5;border-radius:16px;min-width:0}.word-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.word-card .audio-button{min-width:29px;min-height:29px;padding:6px}.word-card .audio-button svg{width:15px;height:15px}.word-card h2{font-size:22px;overflow-wrap:anywhere;margin:15px 0 4px}.word-card>.ipa{font-size:11px}.word-card>p{font-size:12px;margin:9px 0}.word-card .editorial{font-size:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:60;background:#203a346e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;overflow:auto}.modal{position:relative;background:#fffdf5;border:1px solid #e6e4d3;box-shadow:0 10px 80px #203b3424;border-radius:23px;padding:33px;max-width:475px;width:100%;max-height:90vh;overflow:auto}.modal h2{font-size:23px;line-height:1.5;margin:5px 0 13px}.modal p{font-size:12px;line-height:1.9;color:#919b81;margin-bottom:22px}.close-modal{position:absolute;right:19px;top:17px;border:0;color:#a7af97}.account>.round-icon{margin-bottom:20px}.account label{font-size:11px;margin-bottom:15px;color:#859574}.account input{font-size:12px}.auth-switch{display:flex;margin:19px auto 0;font-size:11px}.modal .pill-row{justify-content:flex-end}.sf-scene-sun{width:150px;height:235px;position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--mascot-url);background-size:0 0;background-repeat:no-repeat;pointer-events:none}.sf-sun-rig{position:absolute;left:0;right:0;top:50%;aspect-ratio:186/252;transform:translateY(-50%);background-image:inherit;background-size:0 0}.sf-sun-mover{position:absolute;top:0;right:0;bottom:0;left:0;background-image:inherit;background-size:0 0;transform-origin:50% 78%;animation:sun-idle 3.4s ease-in-out infinite}.sf-sun-part{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-image:inherit;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.sf-sun-head{animation:sf-sun-head-idle 3.4s ease-in-out infinite}.sf-scene-sun[data-mood=correct] .sf-sun-mover,.sf-scene-sun[data-mood=complete] .sf-sun-mover{animation:sun-celebrate 1.1s ease-out,sun-idle 3.4s 1.1s ease-in-out infinite}.sf-scene-sun[data-mood=hint] .sf-sun-head{animation:sun-think 1.8s ease-in-out infinite}@keyframes sun-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes sf-sun-breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.015)}}@keyframes sf-sun-head-idle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}@keyframes sun-celebrate{0%,to{transform:translateY(0)}25%,65%{transform:translateY(-18px) rotate(-4deg)}45%{transform:translateY(-3px) rotate(3deg)}}@keyframes sun-think{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}[data-motion=off] .sf-sun-mover,[data-motion=off] .sf-sun-part,[data-motion=off] .sf-face-eye,[data-motion=off] .sf-face-mouth{animation:none!important}@media(min-width:1500px){main{padding-top:42px}.hero{height:385px}.hero-copy{padding:40px}.hero-copy h2{font-size:39px}.hero-copy>p:not(.hero-unit){font-size:12px}.hero-sun{right:12%;bottom:27px;width:180px;height:265px}.hero-sun>.sf-scene-sun{width:180px;height:265px}.hero-sun>.speech{right:100%;top:18px}}@media(max-width:1200px){.sidebar{width:208px;padding-left:15px;padding-right:15px}.workspace{margin-left:208px}main{padding:30px}.topbar{padding:0 30px}.hero-copy{max-width:57%;padding:30px}.hero-copy h2{font-size:31px}.hero-sun{right:4%;bottom:24px}.hero-sun>.speech{right:40%;top:-16px;width:165px;font-size:10px;padding:10px}.unit-grid{gap:15px}.unit-copy{padding:16px}.unit-copy h3{font-size:13px}.greeting h1{font-size:23px}.mission{padding:20px 17px}.mission h3{font-size:13px}.stats-strip>div{gap:8px}.stats-strip b{font-size:18px}.stats-strip p>span{font-size:8px}.test-setup{grid-template-columns:1fr 280px;gap:20px}.unit-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.exam-layout{grid-template-columns:1fr 220px;gap:17px}.exam-card{padding:28px}.classroom{min-height:540px}.learning-panel{padding:26px 23px;min-height:540px}.top-actions{gap:16px}.date-label{display:none}}@media(max-width:1000px){.sidebar{width:184px;padding:28px 11px 15px}.workspace{margin-left:184px}.brand{margin-left:5px;gap:8px}.brand>span:last-child{font-size:34px}.brand small{font-size:8px}.brand-mark{width:39px;height:39px;border-radius:13px}.sidebar nav a{padding:12px 10px;gap:10px;font-size:11px}.grade-pill{font-size:10px}.daily-note{padding:15px 11px}.profile-button b{font-size:10px}.profile-button small{font-size:8px}.profile-button{gap:7px}.avatar{width:30px;height:30px}.topbar{padding:0 24px;height:74px}.top-actions{gap:12px}.breadcrumb{font-size:10px;gap:6px}main{padding:28px 24px}.hero{height:340px}.hero-copy{padding:28px;max-width:64%}.hero-copy h2{font-size:29px;max-width:260px}.hero-sun{right:1%;bottom:17px;width:140px;height:220px}.hero-sun>.sf-scene-sun{width:140px;height:220px}.hero-sun>.speech{right:25%;top:-28px;width:155px;font-size:9px}.hero-unit{font-size:7px;max-width:230px}.hero-gradient{background:linear-gradient(90deg,#faf5df,#faf5dffa 22%,#faf5dfcf 45%,#faf5df00 78%)}.greeting h1{font-size:20px}.greeting p{font-size:10px}.stats-strip{padding:16px 7px;gap:8px}.stat-icon{width:29px;height:33px;border-radius:9px}.stat-icon svg{width:15px}.stats-strip>div{gap:5px}.stats-strip b{font-size:16px}.stats-strip b small{font-size:9px}.stats-strip p>span{font-size:7px}.mission-grid{gap:11px}.mission{padding:18px 13px}.mission h3{font-size:12px}.mission .mini-label{font-size:7px}.mission p,.mission-link{font-size:9px}.mission-icon{width:32px;height:32px;margin-bottom:16px}.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title h1{font-size:25px}.page-title p{font-size:11px}.lesson-layout{gap:15px}.learning-panel{padding:24px 19px}.word-art.big{width:150px;height:150px}.term{font-size:29px}.panel-actions .button{font-size:10px;padding:12px}.classroom-sun{left:calc(50% - 65px)}.classroom-sun .speech{left:-42px;width:220px;font-size:10px}.room-tag{font-size:7px;left:15px;top:18px;padding:5px 7px}.writing .word-art{width:120px;height:120px}.write-prompt{font-size:22px;margin-top:13px}.write-tools .text-button{font-size:9px}.button{font-size:11px;padding:12px 16px}.review-hero{padding:28px}.review-hero h2{font-size:23px}.review-hero>.sf-scene-sun{right:0;width:110px;height:170px}.review-grid{gap:16px}.review-grid .card{padding:22px}.review-grid h2{font-size:18px}.review-grid p{font-size:11px}.test-setup{grid-template-columns:1fr}.unit-checks{grid-template-columns:repeat(3,minmax(0,1fr))}.test-guide{display:none}.exam-layout{grid-template-columns:1fr}.exam-sidebar{display:grid;grid-template-columns:1fr auto;column-gap:20px}.exam-sidebar h3,.exam-sidebar>p{grid-column:1}.exam-sidebar .question-grid{grid-row:1/4;grid-column:2;grid-template-columns:repeat(5,30px);margin:0}.exam-sidebar>.button{grid-column:1/3}.question-grid button{width:30px;height:30px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters>select{width:190px}.toast{left:calc(50% + 85px)}}@media(max-width:760px){.sidebar{display:none}.workspace{margin:0}.topbar{height:65px;padding:0 20px;position:sticky;top:0;z-index:25;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.breadcrumb{display:none}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:25px;letter-spacing:-1.3px;font-weight:800}.mobile-brand svg{stroke:#a48b35;fill:#fadd75;width:25px;height:25px}.top-actions{gap:15px}.top-actions .streak span{display:none}.top-actions .motion{min-width:29px;min-height:29px;padding:6px}.voice-select select{width:71px;font-size:9px}.voice-select svg{width:14px}.top-actions .xp,.top-actions .streak{font-size:10px}.top-actions .xp svg,.top-actions .streak svg{width:15px}.top-actions .xp,.top-actions .streak{gap:4px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:#fffef8f5;border-top:1px solid #e5e9db;padding:9px 5px max(9px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav a{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;font-size:8px;color:#a2ab93;width:20%;padding:3px 0}.bottom-nav a.active{color:#63834f}.bottom-nav a.active svg{fill:#b6c88e33;stroke-width:2.5}main{padding:25px 22px 32px;min-height:calc(100vh - 180px)}footer{padding-bottom:90px;font-size:9px}.greeting{margin-bottom:21px}.greeting h1{font-size:23px;max-width:500px}.greeting p{font-size:10px}.hero{height:350px}.hero-copy{padding:28px;max-width:65%}.hero-copy h2{font-size:32px}.hero-copy>p:not(.hero-unit){font-size:11px}.hero-sun{right:7%;width:150px;height:235px}.hero-sun>.sf-scene-sun{width:150px;height:235px}.hero-sun>.speech{right:10%;top:-23px;width:170px;font-size:9px}.stats-strip{padding:19px 9px;margin-top:16px;margin-bottom:24px}.stats-strip b{font-size:19px}.stat-icon{width:32px;height:34px}.stats-strip>div{gap:8px}.stats-strip p>span{font-size:8px}.stats-strip b small{font-size:10px}.section-heading h2{font-size:20px}.mission{padding:22px 18px}.mission h3{font-size:13px}.mission p{font-size:9px}.mission .mini-label{font-size:7px}.mission-link{font-size:10px}.mission-icon{width:35px;height:35px}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.unit-copy h3{font-size:13px}.unit-copy .mini-label{font-size:7px}.unit-copy p{font-size:9px}.unit-art{height:120px}.unit-art>svg{width:50px;height:50px}.unit-copy{padding:17px 13px}.unit-number{left:11px;font-size:7px}.page-title h1{font-size:27px}.page-title p{line-height:1.9}.lesson-layout{gap:17px}.lesson-heading h1{font-size:24px}.word-art.big{width:170px;height:170px}.learning-panel,.classroom{min-height:530px}.classroom-sun .speech{width:215px;left:-40px}.panel-actions{flex-wrap:wrap}.toast{left:50%;bottom:85px;width:max-content}.review-grid h2{font-size:20px}.exam-card{padding:30px}.word-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.word-card h2{font-size:19px}.word-card{padding:18px}.library-filters>select{width:220px}.account .button{font-size:12px}}@media(max-width:600px){main{padding:24px 17px 30px}.topbar{padding:0 18px}.top-actions{gap:12px}.top-actions .xp{display:none}.greeting .eyebrow{font-size:8px;letter-spacing:1.2px}.greeting h1{font-size:22px;line-height:1.5;max-width:340px;letter-spacing:-.8px}.greeting p{font-size:9px;line-height:1.9}.hero{height:405px;border-radius:19px}.hero>img{object-position:63% 60%}.hero-gradient{background:linear-gradient(90deg,#faf5dff8,#faf5dfed 23%,#faf5df80 54%,#faf5df10),linear-gradient(0deg,#f1eccd44,#faf5df00 50%)}.hero-copy{padding:25px 22px;max-width:80%}.hero-tag{font-size:7px;letter-spacing:1.1px;padding:5px 7px}.hero-unit{font-size:6.5px;letter-spacing:.7px;margin-top:19px;max-width:245px}.hero-copy h2{font-size:32px;line-height:1.25;max-width:240px;margin:10px 0}.hero-copy>p:not(.hero-unit){font-size:10px;line-height:1.9;max-width:200px}.hero-copy .button{margin-top:20px;font-size:10px;padding:11px 14px;gap:8px}.hero-footnote{font-size:7px;max-width:180px;line-height:1.7}.hero-sun{right:2%;bottom:15px;width:120px;height:177px}.hero-sun>.sf-scene-sun{width:120px;height:177px}.hero-sun>.speech{right:0;top:-20px;font-size:8px;width:145px;padding:9px 10px;line-height:1.6}.hero-sun>.speech svg{width:12px;height:12px}.hero-sun .speech:after{left:63%}.scene-label{right:12px;bottom:12px;font-size:6px;padding:4px 6px}.scene-label svg{width:10px;height:10px}.stats-strip{grid-template-columns:1fr 1fr;gap:18px 8px;padding:19px 10px;margin-bottom:25px}.stats-strip>div{justify-content:flex-start;padding-left:9px;gap:12px}.stats-strip>div:nth-child(2){border:0}.stats-strip b{font-size:22px}.stats-strip p>span{font-size:9px}.stat-icon{width:37px;height:37px}.stat-icon svg{width:18px}.section-heading{margin:25px 0 15px;gap:7px;align-items:flex-end}.section-heading h2{font-size:20px;letter-spacing:-.5px}.section-heading>.text-button{font-size:9px;gap:5px;white-space:nowrap}.section-heading>.text-button svg{width:13px}.section-heading>span{font-size:7px;white-space:nowrap}.section-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.mission-grid{grid-template-columns:1fr;gap:12px}.mission{padding:22px 20px 19px 81px;border-radius:15px;min-height:143px}.mission-icon{position:absolute;left:20px;top:23px;margin:0;width:41px;height:41px}.mission-icon svg{width:23px;height:23px}.mission .mini-label{font-size:7px}.mission h3{font-size:15px;margin-top:6px;margin-bottom:4px}.mission p{font-size:9px}.mission-link{margin-top:17px;font-size:10px}.unit-grid{grid-template-columns:1fr 1fr;gap:13px}.unit-art{height:123px}.unit-copy{padding:17px 13px}.unit-copy .mini-label{font-size:6px;letter-spacing:.7px}.unit-copy h3{font-size:13px;line-height:1.5;min-height:39px;margin-top:7px}.unit-copy p{font-size:8px;line-height:1.7;min-height:27px}.unit-copy .progress-track{margin-top:14px;height:4px}.unit-copy small{font-size:7px}.unit-copy small svg{width:12px}.unit-number{font-size:6px;letter-spacing:1.3px}.resume-banner{font-size:10px;padding:14px;gap:10px}.resume-banner>svg{width:17px}.page-title{margin:2px 0 23px}.page-title h1{font-size:25px;letter-spacing:-.9px;margin:8px 0 10px}.page-title p{font-size:10px;line-height:1.9}.page-title .eyebrow{font-size:8px}.cumulative{padding:25px 16px}.cumulative h2{font-size:21px}.cumulative p{font-size:10px}.cumulative .pill-row{gap:10px}.cumulative .button{font-size:10px;padding:10px 12px}.unit-header{padding:27px 22px;gap:10px;border-radius:18px}.unit-header h1{font-size:25px}.unit-header p{font-size:11px}.unit-header>svg{width:55px;height:55px;flex-shrink:0}.unit-header .eyebrow{font-size:7px}.lesson-row{padding:18px 14px;gap:13px}.lesson-number{width:39px;height:39px;border-radius:12px;font-size:15px}.lesson-row h3{font-size:14px}.lesson-row p{font-size:8px}.lesson-row .mini-label{font-size:7px}.lesson-row>svg{width:18px}.unit-actions{flex-direction:column}.unit-actions .button{font-size:12px}.back-link{font-size:10px;margin-bottom:18px}.lesson-heading{gap:8px;margin-bottom:18px}.lesson-heading h1{font-size:22px}.lesson-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.step-count{font-size:9px;padding:6px 8px}.lesson-layout{grid-template-columns:1fr;gap:15px}.classroom{min-height:230px;height:230px;border-radius:17px}.classroom>img{object-position:50% 43%}.room-tag{font-size:6px;letter-spacing:.7px;top:13px;left:13px;padding:4px 7px}.room-tag svg{width:12px;height:12px}.classroom-sun{left:auto;right:24px;bottom:12px;width:95px;height:150px}.classroom-sun>.sf-scene-sun{width:95px;height:150px}.classroom-sun .speech{width:170px;left:auto;right:75%;bottom:76%;font-size:9px;line-height:1.8;padding:12px}.classroom-sun .speech:after{left:83%}.classroom-note{left:17px;bottom:15px;font-size:8px;gap:8px}.classroom-note b{font-size:10px}.classroom-note>svg{width:30px;height:30px;padding:8px}.learning-panel{min-height:510px;border-radius:17px;padding:24px 25px}.learning-panel>.mini-label{font-size:8px}.word-art.big{width:175px;height:175px}.term{font-size:34px}.ipa{font-size:13px}.meaning{font-size:14px}.audio-button{font-size:10px}.discover-dots{margin:22px 0}.panel-actions .button{font-size:12px;padding:12px 16px}.panel-actions{margin-bottom:18px}.learning-panel .helper{font-size:9px}.writing.learning-panel{min-height:500px;padding:24px}.writing .word-art{width:120px;height:120px}.write-prompt{font-size:24px;margin-top:10px;margin-bottom:25px}.answer-wrap input{font-size:22px}.answer-wrap{min-height:62px}.writing .button{font-size:12px}.write-tools .text-button{font-size:10px}.lesson-progress{margin-bottom:18px}.completion{padding:0 5px 20px;margin-top:0}.completion h1{font-size:29px}.completion>.eyebrow{font-size:7px}.completion-sun,.completion-sun .sf-scene-sun{height:200px}.completion>p{font-size:11px}.result-stats{padding:20px 5px;margin:25px 0}.result-stats b{font-size:27px}.result-stats span{font-size:8px}.completion .pill-row .button{font-size:11px;padding:12px 14px}.review-hero{padding:28px 23px;min-height:276px;overflow:hidden;align-items:flex-start;gap:0}.review-hero>div:first-child{max-width:80%}.review-hero h2{font-size:25px;max-width:220px;line-height:1.4}.review-hero p{font-size:10px;max-width:200px}.review-hero .button{font-size:10px;margin-top:20px;padding:11px 13px}.review-hero>.sf-scene-sun{position:absolute;width:105px;height:160px;inset:auto -2px 5px auto}.review-grid{grid-template-columns:1fr;gap:15px}.review-grid .card{padding:25px}.review-grid h2{font-size:21px}.review-grid p,.review-grid .button{font-size:11px}.review-grid .big-number{margin:15px 0 22px}.schedule-note{padding:20px 17px;gap:12px}.schedule-note>svg{width:20px}.schedule-note h3{font-size:13px}.schedule-note p{font-size:10px}.card{padding:24px 21px;border-radius:18px}.test-setup .card{padding:23px 18px}.section-heading.compact h2{font-size:20px}.unit-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.unit-checks label{padding:11px 9px;min-height:65px}.unit-checks small{font-size:7px;max-width:115px}.unit-checks span{font-size:10px}.unit-checks svg{width:13px}.test-setup fieldset{margin:22px 0}.test-setup legend{font-size:12px}.test-setup legend small{font-size:10px}.segmented{gap:6px}.segmented button{font-size:9px;gap:5px;padding:11px 6px;line-height:1.7}.segmented svg{width:14px;flex-shrink:0}.form-row{gap:10px}.form-row label{font-size:10px}.form-row select{padding:12px 9px;font-size:10px}.test-setup .helper{font-size:9px}.history-row{gap:10px;padding:16px 13px}.history-row h3{font-size:12px}.history-row p{font-size:8px}.history-row .badge{font-size:7px;white-space:nowrap}.history-score{font-size:22px}.history-score small{font-size:8px}.history-row>svg{width:15px}.history-row .round-icon{width:32px;height:35px}.history-row .round-icon svg{width:17px}.save-status{font-size:8px;white-space:nowrap;gap:4px}.save-status svg{width:12px}.exam-layout{gap:15px}.exam-card{padding:27px 21px}.exam-card h2{font-size:26px}.exam-card p{font-size:10px}.exam-input{margin:29px 0;font-size:23px;padding:20px 10px}.exam-pagination .button{font-size:10px;padding:12px 15px;gap:7px}.exam-sidebar{padding:22px 19px;column-gap:15px}.exam-sidebar h3{font-size:13px}.exam-sidebar>p:not(.helper){font-size:9px}.exam-sidebar>.helper{font-size:8px;max-width:160px}.exam-sidebar .question-grid{grid-template-columns:repeat(4,29px);gap:7px}.question-grid button{width:29px;height:29px;font-size:9px}.exam-sidebar>.button{font-size:11px}.test-result{padding:29px 20px}.test-result h1{font-size:25px}.test-result .eyebrow{font-size:8px}.test-result p{font-size:11px}.score-circle{width:135px;height:135px}.answer-review-row{gap:12px;padding:18px 15px}.answer-review-row b{font-size:12px}.answer-review-row p{font-size:10px}.answer-review-row>svg{width:18px}.library-filters{flex-direction:column;gap:10px;align-items:stretch}.library-filters>select{width:100%;padding:12px 13px;font-size:11px}.search-box input{font-size:10px;padding:14px 0}.search-box>svg{width:17px}.library-count{font-size:8px;line-height:1.9}.word-grid{grid-template-columns:1fr 1fr;gap:12px}.word-card{padding:15px}.word-card h2{font-size:19px;margin-top:15px;line-height:1.5}.word-card>.ipa{font-size:10px;overflow-wrap:anywhere}.word-card>p{font-size:10px;margin-top:7px}.word-card .badge{font-size:7px;padding:3px 5px}.word-card .audio-row{gap:4px}.word-card .audio-button{min-width:24px;min-height:24px;padding:5px}.word-card .audio-button svg{width:12px;height:12px}.word-card .editorial{font-size:7px}.word-card .editorial p{font-size:8px}.modal{padding:30px 23px;border-radius:20px}.modal h2{font-size:23px}.modal p{font-size:11px}.modal .pill-row{gap:10px}.modal .button{font-size:10px;padding:12px 14px}.close-modal{right:14px;top:14px}.account label{font-size:11px}.account input{padding:13px;font-size:12px}.account .button{font-size:12px}.auth-switch{font-size:10px}.toast{font-size:11px;padding:14px 15px;gap:15px;max-width:92vw}.empty h3{font-size:15px}.empty p{font-size:10px}}@media(max-width:360px){main{padding-left:13px;padding-right:13px}.topbar{padding:0 14px}.top-actions{gap:8px}.greeting h1{font-size:20px}.hero-copy h2{font-size:30px;max-width:218px}.hero-copy{padding-left:19px}.hero-sun{right:-4px;width:108px;height:165px}.hero-sun>.sf-scene-sun{width:108px;height:165px}.hero-sun>.speech{font-size:7px;width:132px}.hero-copy>p:not(.hero-unit){font-size:9px}.stats-strip>div{gap:8px;padding-left:5px}.stats-strip p>span{font-size:8px}.stat-icon{width:31px;height:34px}.unit-copy h3{font-size:12px}.unit-copy p{font-size:7px}.unit-copy small{font-size:6px}.section-heading h2{font-size:18px}.mission h3{font-size:14px}.classroom-sun .speech{width:160px}.word-card{padding:12px}.word-card h2{font-size:17px}.word-card .badge{font-size:6px}.word-card .audio-button{min-width:22px;min-height:22px;padding:4px}.unit-checks small{max-width:100px}.segmented button{font-size:8px}.exam-sidebar .question-grid{grid-template-columns:repeat(4,25px)}.question-grid button{width:25px;height:25px}}.mobile-profile{display:none;border:0}.greeting p{font-size:12px;color:#7e8b75}.hero-copy>p:not(.hero-unit){font-size:12px;color:#707b5d}.hero-footnote{color:#7a825e}.mission p{font-size:11px;color:#718062}.mission.peach p{color:#91795f}.mission.lavender p{color:#8b7c9b}.stats-strip p>span{color:#7c8d6b}.helper{color:#7d8d70}.lesson-row p{color:#7f906f}.word-card>.ipa{color:#7e8a71}.ipa{color:#849077}@media(max-width:760px){.mobile-profile{display:grid;width:29px;height:29px;font-size:11px}.top-actions{gap:11px}}@media(max-width:600px){.greeting p{font-size:10px}.hero-copy>p:not(.hero-unit){font-size:10px}.mission p{font-size:10px}.top-actions{gap:9px}.voice-select select{width:64px}.voice-select{gap:3px}.stats-strip p>span{font-size:9px}}@media(max-width:360px){.top-actions{gap:7px}.voice-select select{width:62px}.top-actions .streak{font-size:9px}.hero-copy>p:not(.hero-unit){font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.sf-sun-mover,.sf-sun-part,.sf-face-eye,.sf-face-mouth{animation:none!important}}.sf-sun-head{clip-path:polygon(0 0,74% 0,74% 22%,68% 27%,74% 34%,66% 39%,66% 48%,56% 48%,48% 54%,42% 50%,32% 48%,0 48%);transform-origin:38% 43%;z-index:8}.sf-sun-torso{clip-path:polygon(30% 48%,47% 53%,61% 44%,70% 48%,78% 64%,74% 75%,55% 81%,29% 82%,26% 68%,25% 58%);transform-origin:53% 70%;z-index:6;animation:sf-sun-breathe 3.4s ease-in-out infinite}.sf-sun-arm-right{clip-path:polygon(61% 40%,69% 29%,74% 14%,91% 14%,96% 23%,86% 30%,75% 43%,68% 50%,60% 47%);transform-origin:64% 45%;z-index:4;animation:sf-source-arm-wave 6.4s ease-in-out infinite}.sf-sun-arm-left{clip-path:polygon(20% 43%,31% 47%,29% 57%,25% 65%,23% 72%,16% 74%,5% 72%,4% 65%,12% 59%,15% 50%);transform-origin:25% 49%;z-index:3;animation:sf-source-arm-rest 3.4s ease-in-out infinite}.sf-sun-leg-left{clip-path:polygon(42% 76%,52% 76%,53% 87%,49% 97%,44% 100%,26% 100%,25% 93%,32% 89%,32% 82%,41% 82%);transform-origin:43% 77%;z-index:2;animation:sf-source-leg-rest 3.4s ease-in-out infinite}.sf-sun-leg-right{clip-path:polygon(63% 66%,74% 73%,84% 76%,97% 77%,100% 84%,99% 90%,86% 92%,75% 88%,65% 81%,57% 75%);transform-origin:63% 73%;z-index:1;animation:sf-source-leg-rest 3.4s .3s ease-in-out infinite reverse}.sf-sun-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;--sf-face:#ffea81;--sf-face-ink:#211e1d}.sf-face-cover{position:absolute;display:block;background:var(--sf-face);border-radius:50%;pointer-events:none}.sf-face-cover-left{left:19.4%;top:24.1%;width:6.8%;height:6%;transform:rotate(-15deg)}.sf-face-cover-right{left:43.1%;top:19.4%;width:8%;height:7%;transform:rotate(-15deg)}.sf-face-cover-mouth{left:29%;top:24.5%;width:14.8%;height:11.8%;transform:rotate(-15deg)}.sf-face-eye{position:absolute;display:block;background:var(--sf-face-ink);width:2.8%;height:3.8%;border-radius:50%;transform-origin:center;animation:sf-source-blink 4.8s ease-in-out infinite;rotate:-15deg}.sf-face-eye-left{left:21.3%;top:25.4%}.sf-face-eye-right{left:45.6%;top:21.1%}.sf-face-mouth{position:absolute;display:block;left:31.7%;top:26.7%;width:10.7%;height:8%;background:var(--sf-face-ink);border-radius:13% 13% 52% 52%;rotate:-15deg;overflow:hidden;transform-origin:50% 50%}.sf-face-tongue{position:absolute;bottom:0;left:25%;right:7%;height:34%;background:#f28c82;border-radius:90% 90% 0 0;opacity:0}.sf-face-brow{position:absolute;left:20.2%;top:23.1%;width:4.1%;height:1.1%;background:var(--sf-face-ink);border-radius:50%;rotate:-30deg;opacity:0}.sf-scene-sun[data-expression=happy] .sf-face-eye{height:2%;background:transparent;border-top:2px solid var(--sf-face-ink);border-radius:100% 100% 0 0;animation:none;translate:0 1px}.sf-scene-sun[data-expression=happy] .sf-face-mouth{scale:1.05 1.12}.sf-scene-sun[data-expression=happy] .sf-face-tongue,.sf-scene-sun[data-expression=thinking] .sf-face-brow{opacity:1}.sf-scene-sun[data-expression=thinking] .sf-face-mouth,.sf-scene-sun[data-expression=encourage] .sf-face-mouth{top:30.2%;height:2.6%;background:transparent;border-bottom:2px solid var(--sf-face-ink);border-radius:0 0 60% 60%}.sf-scene-sun[data-expression=thinking] .sf-face-eye{translate:-1px 0}.sf-scene-sun[data-expression=talking] .sf-face-mouth{animation:sf-source-talk .38s ease-in-out 5}.sf-scene-sun[data-mood=greet] .sf-sun-arm-right{animation:sf-source-wave .7s ease-in-out 4,sf-source-arm-wave 6.4s 2.8s ease-in-out infinite}.sf-scene-sun[data-mood=greet] .sf-sun-leg-right{animation:sf-source-kick 1.3s ease-in-out 2,sf-source-leg-rest 3.4s 2.6s ease-in-out infinite}.sf-scene-sun[data-mood=correct] .sf-sun-arm-right,.sf-scene-sun[data-mood=complete] .sf-sun-arm-right{animation:sf-source-wave .5s ease-in-out 4,sf-source-arm-wave 6.4s 2s ease-in-out infinite}.sf-scene-sun[data-mood=correct] .sf-sun-arm-left,.sf-scene-sun[data-mood=complete] .sf-sun-arm-left{animation:sf-source-arm-cheer 1.05s ease-in-out 2,sf-source-arm-rest 3.4s 2.1s ease-in-out infinite}.sf-scene-sun[data-mood=correct] .sf-sun-leg-left,.sf-scene-sun[data-mood=complete] .sf-sun-leg-left{animation:sf-source-kick .85s ease-in-out 2,sf-source-leg-rest 3.4s 1.7s ease-in-out infinite}.sf-scene-sun[data-mood=correct] .sf-sun-leg-right,.sf-scene-sun[data-mood=complete] .sf-sun-leg-right{animation:sf-source-kick .85s .12s ease-in-out 2 reverse,sf-source-leg-rest 3.4s 1.82s ease-in-out infinite}.sf-scene-sun[data-mood=hint] .sf-sun-arm-right,.sf-scene-sun[data-mood=point] .sf-sun-arm-right{animation:sf-source-point 1.3s ease-in-out 2,sf-source-arm-wave 6.4s 2.6s ease-in-out infinite}[data-motion=off] .sf-face-eye,[data-motion=off] .sf-face-mouth{animation:none!important}@keyframes sf-source-blink{0%,84%,91%,to{scale:1 1}86%,88%{scale:1 .08}}@keyframes sf-source-talk{0%,to{scale:1 .8}50%{scale:1 1.12}}@keyframes sf-source-wave{0%,to{transform:rotate(0)}25%,75%{transform:rotate(-16deg)}50%{transform:rotate(10deg)}}@keyframes sf-source-arm-wave{0%,65%,to{transform:rotate(0)}73%,88%{transform:rotate(-12deg)}80%,95%{transform:rotate(7deg)}}@keyframes sf-source-arm-rest{0%,to{transform:rotate(0)}50%{transform:rotate(4deg)}}@keyframes sf-source-leg-rest{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes sf-source-kick{0%,to{transform:rotate(0)}40%,65%{transform:rotate(-13deg)}}@keyframes sf-source-arm-cheer{0%,to{transform:rotate(0)}35%,65%{transform:rotate(15deg)}}@keyframes sf-source-point{0%,to{transform:rotate(0)}40%,65%{transform:rotate(16deg)}}.sf-source-joint{position:absolute;display:block;background:#ffd300;border-radius:50%;z-index:0;pointer-events:none}.sf-joint-neck{left:28%;top:44%;width:26%;height:12%}.sf-joint-shoulder{left:66%;top:24%;width:7%;height:10%}.sf-joint-hip{left:33.3%;top:79.5%;width:13%;height:5%}.sf-sun-leg-right{clip-path:polygon(61% 65%,78% 65%,85% 73%,100% 75%,100% 100%,57% 100%,55% 77%)}.sf-face-skin{position:absolute;left:10.4%;top:7.8%;width:51.7%;height:38.1%;border-radius:50%;background:var(--sf-face)}.sf-face-cheek{position:absolute;width:10.1%;height:6.2%;border-radius:50%;background:#f49bc3;rotate:-15deg}.sf-face-cheek-left{left:13.3%;top:28.8%}.sf-face-cheek-right{left:45%;top:24.3%}.sf-hero-sun{width:150px;height:235px}.sf-lesson-sun{width:140px;height:220px}.sf-home-speech{right:22%}.sf-app[data-device=mobile] .sf-hero-sun{width:105px;height:165px}.sf-app[data-device=mobile] .sf-lesson-sun{width:96px;height:145px}@media(max-width:600px){.sf-hero-sun{width:105px;height:165px}.sf-lesson-sun{width:96px;height:145px}}.sf-pose-stage{position:absolute;right:0;left:-17%;width:134%;display:block;aspect-ratio:1;top:50%;height:auto;bottom:auto;transform:translateY(-50%);animation:sf-pose-breathe 3.4s ease-in-out infinite;transform-origin:50% 80%;--sf-face-ink:#211e1d}.sf-pose-body{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.sf-pose-face{position:absolute;left:28.5%;top:15.2%;width:42.5%;height:42.5%;display:block;--sf-face-ink:#211e1d}.sf-pose-sprite[data-pose=watering] .sf-pose-face{left:28.5%;top:13.2%;width:42%;height:44%}.sf-pose-face .sf-face-eye{width:6%;height:9%;top:39%;rotate:0;animation:sf-source-blink 4.8s ease-in-out infinite}.sf-pose-face .sf-face-eye-left{left:24%}.sf-pose-face .sf-face-eye-right{left:69%}.sf-pose-face .sf-face-cheek{width:18%;height:12%;top:51%;rotate:0;background:#f49bc3}.sf-pose-face .sf-face-cheek-left{left:8%}.sf-pose-face .sf-face-cheek-right{left:74%}.sf-pose-face .sf-face-mouth{left:39%;top:49%;width:23%;height:23%;rotate:0;border-radius:15% 15% 50% 50%}.sf-pose-face .sf-face-brow{left:21%;top:29%;width:12%;height:3%;rotate:-12deg;opacity:0}.sf-pose-face .sf-face-brow-right{left:67%;rotate:12deg}.sf-pose-sprite[data-expression=thinking] .sf-face-brow{opacity:1}.sf-pose-sprite[data-expression=thinking] .sf-face-brow-right{translate:0 -2px;rotate:-8deg}.sf-pose-sprite[data-expression=thinking] .sf-face-mouth,.sf-pose-sprite[data-expression=encourage] .sf-face-mouth{left:41%;top:55%;width:20%;height:8%;border-bottom-width:2px;border-radius:0 0 70% 70%}.sf-pose-sprite[data-expression=happy] .sf-face-eye{height:5%;top:41%;border-top-width:2px}.sf-pose-sprite[data-expression=talking] .sf-face-mouth{animation:sf-source-talk .38s ease-in-out infinite}.sf-pose-sprite[data-pose=watering] .sf-pose-stage{animation:sf-pose-water 3.6s ease-in-out infinite}[data-motion=off] .sf-pose-stage{animation:none!important}@keyframes sf-pose-breathe{0%,to{transform:translateY(-50%) rotate(-1deg)}50%{transform:translateY(calc(-50% - 2px)) rotate(1deg)}}@keyframes sf-pose-water{0%,to{transform:translateY(-50%) rotate(0)}45%,65%{transform:translateY(-50%) rotate(-5deg)}}@media(prefers-reduced-motion:reduce){.sf-pose-stage{animation:none!important}}.app .discover-panel>.audio-row{flex-wrap:wrap;justify-content:center}.app .discover-panel>.audio-row .audio-button{white-space:nowrap;gap:6px;padding:9px 10px}.app .discover-panel>.audio-row .audio-button svg{flex-shrink:0}.speech-speed-control{position:relative;flex-shrink:0}.speech-speed-trigger{display:flex;align-items:center;justify-content:center;gap:6px;min-width:65px;min-height:34px;padding:6px 9px;border:1px solid #dce4d2;border-radius:10px;background:#f2f5e9;color:#5e7c4b;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.speech-speed-trigger[aria-expanded=true]{background:#e4edd8;border-color:#a9bf93}.speech-speed-panel{position:absolute;top:calc(100% + 14px);right:0;width:288px;max-width:calc(100vw - 28px);padding:20px;background:#fffdf5;border:1px solid #dce5d0;border-radius:17px;box-shadow:0 14px 40px #29493424;z-index:45;line-height:1.7}.speech-speed-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.speech-speed-heading h2{font-size:16px;letter-spacing:-.3px}.speech-speed-heading .icon-button{min-width:28px;min-height:28px;padding:4px;border:0;color:#859476}.speech-speed-value{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.speech-speed-value output{font-size:28px;font-weight:700;letter-spacing:-.8px;color:#3d6847;font-variant-numeric:tabular-nums}.speech-speed-value>span{font-size:10px;color:#7c8e6d}.speech-speed-slider{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:#527c45;width:100%;height:26px;padding:0;margin:10px 0 13px;border:0;border-radius:3px;background:transparent;box-shadow:none;cursor:pointer}.speech-speed-slider:focus{box-shadow:none}.speech-speed-slider:focus-visible{outline:2px solid #9fb78a;outline-offset:3px}.speech-speed-presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.speech-speed-presets button{padding:8px 2px;min-height:35px;border:1px solid #dfe6d4;border-radius:8px;background:#fffef8;color:#7a8d67;font-size:10px;font-weight:600}.speech-speed-presets button[aria-pressed=true]{background:#e1ecd5;border-color:#a5bc8c;color:#436833}.speech-speed-panel p{font-size:10px;line-height:1.9;color:#7e8d71;margin:16px 0 10px}.speech-speed-panel>.text-button{font-size:10px}@media(max-width:760px){.top-actions{gap:9px}.speech-speed-trigger{min-width:45px;padding:6px;font-size:10px;min-height:31px}.speech-speed-trigger>svg{display:none}}@media(max-width:600px){.top-actions{gap:7px}.speech-speed-panel{position:fixed;top:73px;right:14px}.speech-speed-presets button{font-size:10px}}@media(max-width:400px){.top-actions{gap:5px}.top-actions .streak{display:none}}.grade-selector{display:flex;align-items:center;gap:7px;margin:0 0 26px;padding:5px 8px;border:1px solid #dce4d2;border-radius:10px;background:#f1f5e8;color:#6a8656}.grade-selector select{margin:0;border:0;background:transparent;box-shadow:none;padding:8px 0;font-size:11px;font-weight:600;color:#50703d}.grade-selector svg{flex-shrink:0}.mobile-grade{display:none}.vocabulary-picture{background-repeat:no-repeat;border-radius:20px;background-color:#fffdf5;clip-path:inset(2% round 12px)}.word-card .word-art{width:100%;height:auto;aspect-ratio:1;margin:14px 0 0;border-radius:13px}.word-card h2{margin-top:12px}.learning-panel .word-art.vocabulary-picture.big{width:220px;height:220px;margin:12px 0 0}.writing .word-art.vocabulary-picture{width:170px;height:170px}.exam-card>.word-art.vocabulary-picture{margin:18px auto 8px}.name-introduction{font-size:11px;color:#648257;padding:9px 12px;margin-top:8px;background:#eef3e5;border-radius:9px;text-align:center}.letter-keyboard{display:grid;grid-template-columns:repeat(9,1fr);gap:5px;margin-top:15px}.letter-keyboard button{min-height:36px;min-width:0;padding:5px 0;border:1px solid #d5e0c8;border-radius:8px;background:#f5f8ee;color:#527b40;font-size:17px;font-weight:600}.letter-keyboard button:nth-last-child(2){grid-column:span 6;font-size:11px}.letter-keyboard button:last-child{grid-column:span 3;font-size:11px}.letter-keyboard button:hover{background:#dfeccf}.letter-keyboard button:active{transform:translateY(1px)}.app[data-grade="1"] .learning-panel>.mini-label{font-size:11px;letter-spacing:.5px}.app[data-grade="1"] .term{font-size:44px}.app[data-grade="1"] .meaning{font-size:18px}.app[data-grade="1"] .hero-copy h2{font-size:31px}.app[data-grade="1"] .button{font-size:13px;padding-top:14px;padding-bottom:14px}.app[data-grade="1"] .learning-panel .helper{font-size:10px}.app[data-grade="1"] .answer-wrap{min-height:65px}.app[data-grade="1"] .writing{min-height:730px}.app[data-grade="1"] .classroom{min-height:570px}.app[data-grade="1"] .unit-art{height:145px}.app[data-grade="1"] .unit-art>svg{width:65px;height:65px}@media(max-width:1000px){.grade-selector{padding-left:5px;padding-right:5px;gap:5px}.grade-selector select{font-size:9px}.learning-panel .word-art.vocabulary-picture.big{width:180px;height:180px}.writing .word-art.vocabulary-picture{width:150px;height:150px}.letter-keyboard{grid-template-columns:repeat(7,1fr)}.letter-keyboard button:nth-last-child(2){grid-column:span 3}.letter-keyboard button:last-child{grid-column:span 2}}@media(max-width:760px){.topbar{height:98px;padding-top:24px}.mobile-grade{display:block;position:absolute;left:20px;top:0;right:20px;height:28px}.mobile-grade .grade-selector{width:fit-content;border:0;background:none;padding:0;margin:0}.mobile-grade .grade-selector select{font-size:10px;padding:5px 0;width:155px}.mobile-grade .grade-selector svg{width:14px;height:14px}.speech-speed-panel{top:107px}}@media(max-width:600px){.mobile-grade{left:17px}.learning-panel .word-art.vocabulary-picture.big{width:230px;height:230px}.writing .word-art.vocabulary-picture{width:190px;height:190px}.letter-keyboard{grid-template-columns:repeat(9,1fr);gap:5px}.letter-keyboard button{min-height:39px;font-size:18px}.letter-keyboard button:nth-last-child(2){grid-column:span 6}.letter-keyboard button:last-child{grid-column:span 3}.app[data-grade="1"] .classroom{min-height:230px}.app[data-grade="1"] .hero-copy h2{font-size:29px}.app[data-grade="1"] .term{font-size:41px}.app[data-grade="1"] .meaning{font-size:17px}.app[data-grade="1"] .button{font-size:12px}.app[data-grade="1"] .hero-copy .button{font-size:11px}.app[data-grade="1"] .write-prompt{font-size:23px}.app[data-grade="1"] .learning-panel>.mini-label{font-size:9px}.name-introduction{font-size:11px}.app[data-grade="1"] .writing{min-height:710px}.word-card .word-art{margin-top:14px}}.learning-screen{max-width:820px;margin:0 auto}.learning-screen .lesson-heading{margin-bottom:18px}.learning-screen .lesson-heading h1{font-size:25px}.sun-coach{display:flex;align-items:center;gap:18px;max-width:820px;margin:0 auto 20px;min-height:122px;padding:0 10px}.sun-coach-actor{width:90px;height:120px;position:relative;flex-shrink:0}.sun-coach-actor>.sf-scene-sun{width:90px;height:120px;top:0;right:0;bottom:0;left:0}.sun-coach-bubble{position:relative;border:1px solid #e1e7d4;border-radius:17px;background:#fffef4;padding:15px 20px;flex:1;text-align:left;box-shadow:0 2px #dfe8d11c}.sun-coach-bubble:before{content:"";position:absolute;left:-7px;top:36px;width:12px;height:12px;background:#fffef4;border-left:1px solid #e1e7d4;border-bottom:1px solid #e1e7d4;transform:rotate(45deg)}.sun-coach-name{font-size:8px;color:#8b9b73;letter-spacing:1.2px;font-weight:700}.sun-coach-bubble p{font-size:14px;line-height:1.9;color:#476b44;margin:4px 0 8px;font-weight:500}.sun-repeat{display:inline-flex;align-items:center;gap:6px;border:0;background:#eaf1df;border-radius:9px;padding:6px 10px;color:#63844e;font-size:10px;font-weight:600}.sun-coach[data-speaking=true] .sf-face-mouth{animation:sf-source-talk .38s ease-in-out infinite}.learning-screen .learning-panel{min-height:0;padding:25px 40px 27px;max-width:720px;margin:0 auto}.learning-screen .word-art.vocabulary-picture.big{width:220px;height:220px;margin-top:7px}.learning-screen .discover-panel .term{font-size:37px;margin-top:0}.learning-screen .discover-panel .meaning{margin-bottom:12px}.learning-screen .discover-panel .discover-dots{margin:17px 0}.learning-screen .panel-actions{margin-bottom:12px}.learning-screen .writing .word-art.vocabulary-picture{width:150px;height:150px;margin-top:6px}.learning-screen .write-prompt{font-size:25px;margin:5px 0 18px}.learning-screen .writing form{max-width:540px;margin:0 auto}.app[data-grade="1"] .learning-screen .writing{min-height:0}.app[data-grade="1"] .learning-screen .term{font-size:40px}.answer-display{min-width:0;flex:1;min-height:59px;display:flex;align-items:center;outline:0;font-size:25px;letter-spacing:1px;color:#215b4c;overflow-wrap:anywhere;white-space:pre-wrap;padding:8px 0}.answer-display.placeholder{font-size:13px;letter-spacing:0;color:#99a38e}.answer-caret{display:none;width:2px;height:25px;margin-left:2px;background:#73995b;flex-shrink:0}.answer-display:focus .answer-caret{display:inline-block}.letter-keyboard{display:block!important;margin-top:15px}.letter-keys{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px}.letter-keys button{width:100%;min-height:43px;font-size:20px;grid-column:auto!important;border-radius:10px;touch-action:manipulation}.letter-keyboard-tools{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-top:8px}.letter-keyboard-tools.with-apostrophe{grid-template-columns:2fr 1fr 1fr 1fr}.letter-keyboard-tools button{grid-column:auto!important;min-height:39px;font-size:11px;border-radius:10px}.learning-screen .writing .write-tools{margin:14px 0}.learning-screen .writing>.helper{margin-top:13px}.exam-answer-pad{border:1.5px solid #d3dfc6;background:#fffef7;border-radius:13px;padding:0 15px;margin-top:20px;text-align:left}.exam-card>.letter-keyboard{margin:15px 0 22px}.exam-card .letter-keys{grid-template-columns:repeat(7,minmax(0,1fr))}.sound-preferences{display:grid;gap:11px;border-top:1px solid #e0e7d4;padding-top:15px;margin-top:15px}.sound-preferences label{display:flex;align-items:center;gap:9px;color:#6f835e;font-size:10px;font-weight:500}.sound-preferences input{width:15px;height:15px;accent-color:#5b8249;margin:0;padding:0;flex-shrink:0;box-shadow:none}.completion .sun-coach{margin-bottom:25px;text-align:left}@media(max-width:1000px){.learning-screen .learning-panel{padding-left:30px;padding-right:30px}}@media(max-width:600px){.app:has(.learning-screen) .topbar{height:62px;padding:0 17px}.app:has(.learning-screen) .mobile-brand{display:none}.app:has(.learning-screen) .mobile-grade{position:static;height:auto;width:125px;flex-shrink:0}.app:has(.learning-screen) .mobile-grade .grade-selector select{width:100px;font-size:9px}.app:has(.learning-screen) .speech-speed-panel{top:70px}.learning-screen .lesson-heading h1{font-size:21px}.learning-screen .lesson-heading{margin-bottom:12px}.learning-screen .back-link{margin-bottom:15px}.sun-coach{gap:10px;padding:0;min-height:104px;margin-bottom:14px}.sun-coach-actor{width:68px;height:103px}.sun-coach-actor>.sf-scene-sun{width:72px;height:103px}.sun-coach-bubble{padding:12px 13px;border-radius:14px}.sun-coach-name{font-size:6px;letter-spacing:.6px}.sun-coach-bubble p{font-size:11px;line-height:1.85;margin:3px 0 7px}.sun-coach-bubble:before{top:29px}.sun-repeat{font-size:9px;padding:5px 8px}.sun-repeat svg{width:13px;height:13px}.learning-screen .learning-panel{padding:19px 20px 22px;border-radius:17px}.learning-screen .word-art.vocabulary-picture.big{width:190px;height:190px}.learning-screen .discover-panel .term{font-size:34px}.app[data-grade="1"] .learning-screen .term{font-size:37px}.learning-screen .discover-panel .meaning{font-size:16px;margin:7px 0 11px}.learning-screen .writing .word-art.vocabulary-picture{width:125px;height:125px}.learning-screen .write-prompt{font-size:20px;margin:0 0 14px}.learning-screen .writing>.mini-label{font-size:8px}.learning-screen .writing .answer-wrap{min-height:56px;padding:0 11px;gap:8px}.answer-display{min-height:54px;font-size:24px}.answer-display.placeholder{font-size:11px;line-height:1.7}.answer-wrap>svg{width:18px;height:18px}.letter-keys{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.letter-keys button{min-height:40px;font-size:19px;border-radius:8px}.letter-keyboard{margin-top:12px}.letter-keyboard-tools{gap:6px;margin-top:6px}.letter-keyboard-tools button{min-height:34px;font-size:10px;border-radius:8px}.learning-screen .writing .write-tools{margin:12px 0}.learning-screen .writing .button{padding:12px 14px;font-size:11px}.learning-screen .helper{font-size:9px}.learning-screen .feedback{margin-top:12px;padding:10px;font-size:10px}.learning-screen .writing>.helper{margin-top:12px}.exam-card .letter-keys button{min-height:38px;font-size:18px}.exam-card>.letter-keyboard{margin-bottom:18px}.exam-answer-pad .answer-display{font-size:23px}.sound-preferences label{font-size:10px}}@media(prefers-reduced-motion:reduce){.sun-coach[data-speaking=true] .sf-face-mouth{animation:none!important}}.blog-admin-columns{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:22px}.blog-admin .content-subnav a{padding:10px 16px;font-size:13px;color:#397a53}.blog-search{display:block;padding:20px}.blog-search input{display:block;width:100%;margin-top:8px}.blog-category-panel h3{margin:0 0 10px}.blog-category-panel p{font-size:12px;line-height:1.8;color:#788273}.category-row{display:block;text-align:left;border:0;border-bottom:1px solid #e6ecdf;background:none;width:100%;padding:14px 0;cursor:pointer;color:inherit}.category-row small{display:block;color:#88947f;margin-top:4px}.blog-category-panel>.button{margin-top:20px}.blog-trash{color:#a26050!important;margin-left:10px}.blog-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.blog-writing{min-width:0}.blog-writing>label,.blog-editor-settings label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:12px;font-weight:600}.blog-writing input,.blog-writing textarea,.blog-editor-settings input,.blog-editor-settings textarea,.blog-editor-settings select,.blog-search input{border:1px solid #dce5d5;border-radius:9px;padding:10px 12px;font:inherit;background:var(--surface,#fff);color:inherit;min-width:0}.blog-writing .post-title-input{font-size:24px;font-weight:600;padding:15px}.slug-input{display:flex;align-items:center;gap:5px}.slug-input span{color:#849079}.slug-input input{flex:1}.rich-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:12px;background:#f1f5ed;border:1px solid #dce5d5;border-radius:12px 12px 0 0}.rich-toolbar button,.rich-toolbar select,.toolbar-upload{font:inherit;font-size:11px;padding:7px 8px;border:1px solid #d4dfcc;background:#fff;border-radius:6px;color:#405b37;cursor:pointer}.rich-toolbar button.active{background:#d7eacb}.toolbar-upload input{display:none}.rich-content{min-height:430px;outline:none;border:1px solid #dce5d5;border-top:0;border-radius:0 0 12px 12px;padding:24px;font-size:15px;line-height:1.9;overflow-wrap:anywhere;overflow:auto}.rich-content:focus{border-color:#7aab67}.rich-content h2{font-size:24px;margin-top:24px}.rich-content h3{font-size:20px}.rich-content img{max-width:100%;height:auto}.rich-content table{border-collapse:collapse;max-width:100%}.rich-content td,.rich-content th{padding:8px;border:1px solid #cad9c0}.rich-content a{color:#34825a;text-decoration:underline}.rich-content blockquote{border-left:3px solid #8bb774;margin-left:0;padding-left:16px}.html-editor{width:100%;min-height:430px;font-family:monospace!important;font-size:13px!important}.blog-save-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.blog-save-actions>span{font-size:11px;color:#7e8b75}.blog-editor-settings{display:grid;gap:18px}.blog-editor-settings .card{padding:22px}.blog-editor-settings h3{font-size:15px;margin:0 0 18px}.blog-editor-settings .checkbox-label{flex-direction:row;align-items:flex-start}.cover-preview{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:14px}.search-preview{padding:14px;background:#f8faf5;border-radius:9px;overflow-wrap:anywhere}.search-preview small{font-size:10px;color:#52684c}.search-preview b{display:block;color:#20459f;font-size:16px;margin-top:5px;line-height:1.5}.search-preview p{font-size:12px;color:#66715f;line-height:1.8}.revision-row{display:block;background:none;border:0;padding:10px;color:#437945;font:inherit;font-size:12px;cursor:pointer}.blog-writing details{margin-top:22px}.blog-writing summary{cursor:pointer;font-size:13px}.blog-menu-entry{font-size:13px;display:flex;align-items:center;gap:10px;color:inherit;padding:10px 16px}.blog-top-link{font-size:12px;color:inherit;white-space:nowrap}@media(max-width:1150px){.blog-editor-grid{grid-template-columns:minmax(0,1fr)}.blog-editor-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-admin-columns{grid-template-columns:minmax(0,1fr)}}@media(max-width:760px){.blog-admin .admin-section-heading,.blog-post-editor .admin-section-heading{flex-wrap:wrap;gap:15px}.blog-editor-settings{grid-template-columns:minmax(0,1fr)}.rich-content{padding:16px;min-height:350px}.blog-writing .post-title-input{font-size:20px}.blog-save-actions .button{padding:10px 12px;font-size:12px}.blog-editor-grid{gap:15px}.blog-top-link{font-size:11px}.slug-input{flex-wrap:wrap}.slug-input input{width:100%}}.article-body iframe,.rich-content iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;margin:20px 0}@media(max-width:760px){.app .topbar .top-actions{gap:5px}}@media(max-width:360px){.blog-top-link{display:none}}.blog-api-access{margin-top:24px;min-width:0}.blog-api-access>summary{cursor:pointer;color:var(--ink);font-weight:700;font-size:15px}.blog-api-access>summary small{display:block;margin:7px 0 0 18px;font-weight:400;color:var(--muted);font-size:11px;line-height:1.8}.blog-api-body{padding-top:25px}.blog-api-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.blog-api-columns>section{min-width:0}.blog-api-columns h3,.blog-token-list h3{font-size:16px;margin-bottom:14px}.blog-api-columns p{font-size:12px;line-height:1.9}.blog-api-columns label{display:flex;flex-direction:column;gap:7px;margin:16px 0;font-size:12px}.blog-api-columns input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font:inherit}.blog-api-columns .checkbox-label{flex-direction:row;align-items:flex-start;gap:9px;line-height:1.8}.blog-api-columns input[type=checkbox]{width:17px;min-height:17px;margin-top:3px;flex:none}.blog-api-guide pre{background:var(--soft);padding:16px;border-radius:12px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.blog-api-guide code{font-size:11px;overflow-wrap:anywhere}.blog-token-secret{padding:18px;background:var(--soft);border:1px solid var(--line);border-radius:14px;margin-top:20px}.blog-token-secret h4{margin:0 0 8px}.blog-token-secret textarea{font-family:monospace;font-size:12px;overflow-wrap:anywhere;min-height:80px}.blog-token-secret>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.blog-token-list{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.blog-token-list td{font-size:11px}.blog-token-list td small{display:block;margin-top:4px;color:var(--muted)}@media(max-width:1000px){.blog-api-columns{grid-template-columns:1fr;gap:20px}}@media(max-width:540px){.blog-api-access{padding:20px!important}.blog-api-access>summary{font-size:13px}.blog-api-access>summary small{margin-left:0}.blog-api-columns p{font-size:11px}}.system-update{display:grid;gap:20px;min-width:0}.system-update-heading{display:flex;gap:16px;align-items:center}.system-update h2,.system-update h3{margin:0 0 8px}.system-update p{margin:6px 0;color:var(--muted,#526454);line-height:1.65}.system-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.system-version-grid h3{display:flex;align-items:center;gap:10px;margin-top:14px;overflow-wrap:anywhere}.system-version-grid a{color:#27633c;text-decoration:underline}.system-setup{display:flex;gap:12px;background:#f3f6eb;color:#334b37;border:1px solid #dbe4d3;border-radius:18px;padding:20px}.system-setup>svg,.system-update-note>svg{flex-shrink:0;margin-top:3px}.system-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.system-actions>div{flex:1;min-width:220px}.system-commits{list-style:none;display:grid;gap:10px;padding:18px 0;margin:12px 0;border-top:1px solid #e4eadf}.system-commits li{display:flex;gap:10px;align-items:baseline;overflow-wrap:anywhere}.system-commits svg{flex-shrink:0}.system-update-note{display:flex;gap:10px;border-top:1px solid #e4eadf;padding-top:16px;margin-top:16px}.system-update-note p{font-size:14px;margin:0}.system-run-list{margin-top:16px;display:grid;gap:12px}.system-run-list details{border:1px solid #dfe7da;border-radius:14px;padding:14px}.system-run-list summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap;cursor:pointer}.system-run-list summary>span:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:170px}.system-run-list time{font-size:12px;color:#64745f}.system-run-list pre{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-family:inherit;font-size:14px;padding:14px;background:#f5f8f0;border-radius:10px}.system-run-list small{overflow-wrap:anywhere;color:#64745f}.system-run-status{font-size:12px;padding:5px 9px;border-radius:20px;background:#edf1e7;color:#425638}.system-run-status.failed{color:#963c2f;background:#fff0eb}.system-run-status.completed{color:#2d683e;background:#e9f5e8}.system-run-status.running{background:#fff2d4;color:#75521c}.system-confirm{max-width:540px}.system-confirm p{line-height:1.8}.system-update button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.system-version-grid{grid-template-columns:1fr;gap:14px}.system-update{gap:14px}.system-actions .button{flex:1;min-width:160px}.system-run-list summary{gap:8px}.system-run-list time{width:100%}.system-update-heading{align-items:flex-start}.system-update .card{padding:20px}}.site-tags-admin,.site-tags-admin form{display:grid;gap:20px;min-width:0}.site-tags-heading{display:flex;align-items:center;gap:16px}.site-tags-admin h2{margin:0 0 8px}.site-tags-admin p{color:#526454;line-height:1.7;margin:6px 0}.site-tags-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.site-tags-controls .checkbox-label{font-weight:700;margin:0}.site-tags-controls .status-chip{white-space:nowrap}.site-tag-field>label{font-size:18px;font-weight:750;display:block;margin-bottom:7px}.site-tag-field textarea{display:block;box-sizing:border-box;width:100%;min-height:180px;resize:vertical;background:#f8faf6;border:1px solid #d7e2d1;border-radius:12px;padding:16px;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.7;-moz-tab-size:2;tab-size:2;margin-top:14px;color:#283c2b}.site-tag-field textarea:focus{outline:2px solid #559b6d;outline-offset:2px}.site-tag-field small{display:block;text-align:right;color:#65725f;margin-top:8px}.site-tags-help{display:flex;gap:12px}.site-tags-help>svg{flex-shrink:0;margin-top:9px}.site-tags-save{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #e1e8dc;padding-top:18px;margin-top:16px}.site-tags-save>span{font-size:13px;color:#65725f}.site-tags-admin button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:650px){.site-tags-admin,.site-tags-admin form{gap:14px}.site-tags-heading{align-items:flex-start}.site-tags-admin .card{padding:20px}.site-tags-save .button{width:100%}.site-tag-field textarea{font-size:12px;padding:12px}}:root{font-family:Be Vietnam Pro,sans-serif;background:#8cd5f7;color:#2b2d42;--ink:#2B2D42;--green:#1A7D4A;--yellow:#FFC83D;--muted:#65707D;--line:#E6E9DF;--cream:#FFF9EC}body{background:#8cd5f7}svg{stroke-width:2.3}button,input,select,textarea{font:inherit}textarea{width:100%;min-height:95px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);background:var(--surface)}.app{--surface:#FFFFFF;--page:#8CD5F7;--sky-background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1600'%20height='1000'%20viewBox='0%200%201600%201000'%20fill='none'%3e%3cdefs%3e%3clinearGradient%20id='sky'%20x1='800'%20y1='0'%20x2='800'%20y2='1000'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%234BB5EF'/%3e%3cstop%20offset='.55'%20stop-color='%238CD5F7'/%3e%3cstop%20offset='1'%20stop-color='%23C9EDFC'/%3e%3c/linearGradient%3e%3clinearGradient%20id='cloud'%20x1='0'%20y1='-65'%20x2='0'%20y2='42'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='white'/%3e%3cstop%20offset='1'%20stop-color='white'%20stop-opacity='.55'/%3e%3c/linearGradient%3e%3cg%20id='cloud-shape'%20fill='url(%23cloud)'%3e%3cpath%20d='M-133%2037C-163%2037-180%2020-180%200S-163-36-139-36C-133-64-110-80-84-75C-69-110-12-113%2010-77C43-89%2078-67%2082-39C110-47%20139-27%20139-3C170-5%20190%2012%20190%2030C190%2047%20171%2054%20145%2054H-122C-145%2054-155%2046-155%2038Z'/%3e%3c/g%3e%3c/defs%3e%3cpath%20fill='url(%23sky)'%20d='M0%200h1600v1000H0z'/%3e%3cuse%20href='%23cloud-shape'%20transform='translate(290%20155)%20scale(1.15%20.85)'%20opacity='.88'/%3e%3cuse%20href='%23cloud-shape'%20transform='translate(1410%20225)%20scale(1.4%201)'%20opacity='.9'/%3e%3cuse%20href='%23cloud-shape'%20transform='translate(805%20380)%20scale(.72%20.57)'%20opacity='.52'/%3e%3cuse%20href='%23cloud-shape'%20transform='translate(100%20630)%20scale(1.55%201.02)'%20opacity='.72'/%3e%3cuse%20href='%23cloud-shape'%20transform='translate(1240%20745)%20scale(1.5%20.88)'%20opacity='.8'/%3e%3cuse%20href='%23cloud-shape'%20transform='translate(555%20970)%20scale(1.7%20.94)'%20opacity='.62'/%3e%3c/svg%3e");--soft:#F3F8EE;--ink:#2B2D42;--muted:#4C6575;--line:#E5EADC;--green:#1A7D4A;--purple:#6956C9;min-height:100vh;background:var(--page);background-image:var(--sky-background);background-size:cover;background-position:center top;background-attachment:fixed;color:var(--ink);font-size:14px;line-height:1.65}.app[data-grade="6"],.app[data-grade="7"],.app[data-grade="8"],.app[data-grade="9"]{--soft:#ECF2E9;--green:#27734D;--purple:#6D5DC2}.app[data-theme=light] :is(.garden-greeting,.page-title,.lesson-heading,.battle-header,.completion,.empty){background:#fffffff5;border:1px solid #D8E8F2;border-radius:20px;box-shadow:0 4px 16px #2055740a;padding:20px 24px}.app[data-theme=light] :is(.garden-greeting,.page-title,.lesson-heading,.battle-header,.completion,.empty) :is(p,.mini-label){color:#3d5365}.app[data-theme=light] :is(main,.garden-home)>.section-heading{background:#fffffff5;border:1px solid #D8E8F2;border-radius:16px;padding:16px 20px;box-shadow:0 4px 16px #2055740a}.app[data-theme=light] :is(main,.garden-home)>.section-heading>span{color:#3d5365}.app[data-theme=light] :is(.board-period,.library-count,.back-link){background:#fffffff5;border:1px solid #D8E8F2;border-radius:12px;padding:10px 14px}.app[data-theme=light] :is(.board-period,.library-count){color:#3d5365}.app[data-theme=light] .back-link{width:fit-content;min-height:40px;color:#175638;font-weight:700}.app[data-theme=light] .podium{background:#fffffff5;border:1px solid #D8E8F2;border-radius:22px 22px 0 0;padding:24px 16px 0}@media(max-width:540px){.app[data-theme=light] :is(.garden-greeting,.page-title,.lesson-heading,.battle-header,.completion,.empty){padding:16px;border-radius:17px}.app[data-theme=light] :is(main,.garden-home)>.section-heading{padding:14px;border-radius:14px}}.app h1{font-size:30px;letter-spacing:-1.2px;line-height:1.35}.app h2{font-size:23px;letter-spacing:-.65px}.app h3{font-size:17px}.app p{color:var(--muted)}.app small{font-size:12px}.app .eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:var(--green);display:inline-flex;align-items:center;gap:7px}.app .mini-label{font-size:11px;color:var(--muted)}.app input,.app select,.app textarea{background:var(--surface);color:var(--ink);border-color:var(--line);min-height:44px}.app input:focus,.app select:focus,.app textarea:focus{border-color:var(--green);outline:2px solid #2EB87230;box-shadow:none}.app input::placeholder{color:#7c8490}.app label{font-size:13px;color:var(--ink)}.app .button{background:var(--green);color:#fff;min-height:46px;border:1px solid transparent;border-radius:14px;padding:12px 19px;font-size:13px;font-weight:700;box-shadow:0 4px #145d38;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;justify-content:center;gap:9px}.app .button:hover{filter:brightness(1.05);transform:translateY(-1px)}.app .button:active{transform:translateY(3px);box-shadow:0 1px #145d38}.app .button:disabled{transform:none;filter:none;opacity:.55}.app .button.secondary{background:var(--surface);border-color:var(--line);color:var(--green);box-shadow:0 3px 0 var(--line)}.app .purple-button{background:var(--purple);box-shadow:0 4px #4b3a9b}.app .full{width:100%}.app .text-button{font-size:12px;font-weight:700;color:var(--green);gap:7px}.app .icon-button{min-width:34px;min-height:34px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:transparent}.app .icon-button:hover{background:var(--soft)}.app .card,.app .word-card,.app .unit-card,.app .learning-panel{background:var(--surface);border-color:var(--line);border-radius:22px;box-shadow:0 5px #27352a04}.app .card{padding:26px}.app .progress-track{height:8px;background:var(--line);border-radius:10px;overflow:hidden}.app .progress-track>span{background:#2eb872;border-radius:10px;display:block;height:100%}.app .page-title{margin-bottom:26px;gap:15px}.app .page-title h1{margin:7px 0 9px}.app .page-title p{font-size:13px;line-height:1.8}.app .section-heading{margin:28px 0 17px}.app .section-heading h2{margin-top:5px}.app .sidebar{width:224px;padding:29px 16px 20px;background:var(--surface);border-color:var(--line)}.app .brand{margin:0 10px 28px;gap:10px}.app .brand-mark{width:44px;height:44px;background:#ffc83d;color:#825d00;border-radius:17px;box-shadow:0 3px #e6af26}.app .brand>span:last-child{font-size:37px;color:var(--ink)}.app .brand small{font-size:10px;letter-spacing:.6px;color:var(--muted);line-height:2.1}.app .brand-dot{color:#2eb872}.app .grade-selector{margin:0 0 25px;border-radius:12px;padding:4px 10px;background:var(--soft);border-color:var(--line);color:var(--green)}.app .grade-selector select{font-size:11px;background:transparent;color:var(--green);padding:8px 0;min-height:35px;border:0;font-weight:700;box-shadow:none}.app .sidebar nav{gap:7px}.app .sidebar nav a{min-height:49px;padding:11px 12px;gap:12px;color:var(--muted);font-size:13px;border-radius:13px}.app .sidebar nav a.active{background:#e2f6e8;color:#1a7d4a;box-shadow:inset 3px 0 #2eb872}.app .sidebar nav a:hover{background:var(--soft)}.app .nav-badge{background:#ffc83d;color:#51410a;padding:0 7px;font-size:11px}.app .daily-note{background:#fff7db;border-color:#f5e8b8;padding:16px 13px;margin:12px 0 16px}.app .daily-note>svg{color:#279a5c;margin-bottom:10px}.app .daily-note b{font-size:12px;color:#5f5b2c}.app .daily-note p{font-size:11px;color:#7e784d;line-height:1.8;margin-top:6px}.app .profile-button{padding:12px 0 0;gap:9px;border:0;border-top:1px solid var(--line);font-size:12px;display:flex;align-items:center;text-align:left;background:none}.app .profile-button>span:nth-child(2){flex:1;min-width:0}.app .profile-button b{color:var(--ink);font-size:12px;overflow-wrap:anywhere}.app .profile-button small{color:var(--muted);font-size:10px;display:block}.app .avatar{background:#e1f4d9;color:#397041;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:800;flex-shrink:0}.admin-entry{display:flex;align-items:center;gap:7px;color:var(--green);font-size:11px;font-weight:700;margin:0 0 17px;padding:10px 8px;border-radius:10px;background:var(--soft)}.admin-entry>svg:last-child{margin-left:auto}.app .workspace{margin-left:224px}.app .topbar{height:78px;padding:0 34px;background:var(--surface);border-color:var(--line);gap:14px}.app .breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.app .breadcrumb b{color:var(--ink)}.app .breadcrumb>svg:first-child{color:#2eb872}.app .top-actions{gap:15px}.app .streak{background:#fff1df;color:#a24d23;padding:7px 10px;border-radius:11px;font-size:12px;font-weight:700}.app .streak span{font-size:11px}.app .xp{color:#8c690d;font-size:12px}.app .voice-select{color:var(--muted)}.app .voice-select select{font-size:11px;min-height:30px;border:0;background:transparent;color:var(--ink);width:77px;padding:0;margin:0;box-shadow:none}.app .speech-speed-trigger{background:var(--soft);color:var(--green);border-color:var(--line);font-size:11px;min-height:33px}.app .speech-speed-panel{background:var(--surface);color:var(--ink);border-color:var(--line);box-shadow:0 12px 50px #182b3226}.app .speech-speed-panel p,.app .speech-speed-panel label{color:var(--muted)}.app .speech-speed-slider{min-height:20px;background:none}.app .speech-speed-presets button{background:var(--soft);color:var(--green);border-color:var(--line)}.app .mobile-profile{display:none}.app main{max-width:1450px;margin:0 auto;padding:30px 34px 48px}.app .topbar .mobile-brand{display:none}.garden-greeting{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.garden-greeting h1{margin:7px 0 8px}.garden-greeting h1>span{display:inline-block;font-size:28px;vertical-align:middle}.garden-greeting p{font-size:13px}.live-dot{height:7px;width:7px;background:#2eb872;border-radius:50%;box-shadow:0 0 0 4px #2eb87217;margin-right:3px}.garden-level{display:flex;align-items:center;gap:9px;padding:10px 15px;border-radius:15px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--green);flex-shrink:0}.garden-level small{display:block;color:var(--muted);font-size:10px;font-weight:500}.garden-main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(265px,1fr);gap:22px}.garden-world{background:var(--surface);border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 6px #24392b05}.world-heading{padding:21px 24px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.world-heading h2{margin-top:4px;font-size:22px}.world-heading .eyebrow{font-size:9px}.weather{display:flex;align-items:center;gap:6px;color:#9c7b20;font-size:10px;white-space:nowrap}.weather svg{color:#e3ad19}.garden-scene{height:300px;position:relative;isolation:isolate;overflow:hidden;background:#dff4fc}.garden-landscape{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.plots-grid{position:absolute;left:23px;bottom:29px;right:151px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;z-index:2}.garden-plot{height:99px;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;border-radius:16px;background:#ffffff18;transition:transform .2s}.garden-plot:hover{transform:translateY(-5px)}.plot-plants{display:flex;position:absolute;inset:auto -4px 20px;align-items:flex-end;justify-content:center;gap:0;height:73px;z-index:2}.plot-plants .plant-art{width:42%;height:71px;margin:0 -5px}.plot-plants .plant-art:nth-child(2){transform:translateY(-4px);z-index:2}.plot-soil{position:absolute;bottom:22px;left:0;right:0;height:19px;background:#a36d43;border:3px solid #CE9961;border-radius:5px;box-shadow:0 5px #805333;transform:perspective(150px) rotateX(14deg);z-index:1}.garden-plot>b{font-size:10px;background:#fffced;padding:1px 11px;border-radius:5px;color:#765334;box-shadow:0 2px #9370443d;z-index:3}.plot-water{display:flex;align-items:center;gap:2px;position:absolute;right:-2px;top:0;background:#fff;color:#287aaf;border-radius:10px;padding:1px 5px;font-size:9px;font-weight:800;z-index:4}.garden-sun{position:absolute;right:13px;bottom:16px;width:138px;height:220px;z-index:3}.garden-sun .sf-scene-sun{width:140px;height:205px;top:auto;bottom:0}.garden-sun-bubble{position:absolute;top:-8px;left:-20px;right:-1px;background:#fffdf0;border:2px solid #F1DDAA;border-radius:15px 15px 15px 3px;font-size:11px;font-weight:700;padding:11px;color:#6e5d38;box-shadow:0 3px #6b5b3220;z-index:10;display:flex;align-items:center;gap:5px}.garden-sun-bubble svg{color:#dba51b;flex-shrink:0}.garden-fence{position:absolute;left:-5px;bottom:-6px;right:-5px;height:20px;background:repeating-linear-gradient(90deg,#F8E6BA 0 8px,transparent 8px 30px);border-bottom:6px solid #D6B77B;opacity:.8}.scene-butterfly{position:absolute;left:40%;top:24px;font-size:25px;color:#e6ad30;animation:garden-float 4s ease-in-out infinite}.plant-legend{display:flex;gap:15px;justify-content:center;padding:14px 10px;font-size:10px;color:var(--muted)}.plant-legend span{display:flex;align-items:center;gap:4px}.plant-legend span:nth-child(2),.plant-legend span:nth-child(3){color:#358153}.plant-legend span:last-child{color:#2878a8}.seed-dot{width:8px;height:10px;display:inline-block;background:#b98954;border-radius:50%;transform:rotate(25deg)}.empty-plot{font-size:12px;padding:15px;color:#416544!important;grid-column:1/-1}.today-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:25px;display:flex;flex-direction:column}.today-label{font-size:9px;letter-spacing:1.1px;color:#9a7620;display:flex;gap:7px;align-items:center;font-weight:800}.today-label svg{color:#d6a21a}.today-card h2{font-size:22px;margin:13px 0 8px;line-height:1.5}.today-card>p{font-size:11px;margin-bottom:19px;min-height:36px}.app .primary-action{font-size:12px;min-height:50px;gap:8px;padding:12px 10px}.primary-action>svg:last-child{margin-left:auto}.water-action{border:1px solid #D9EBF1;background:#eff9fe;border-radius:14px;display:flex;align-items:center;gap:10px;padding:13px 11px;text-align:left;width:100%;margin:16px 0 0;color:#276a8f;min-height:69px}.water-action:disabled{opacity:.75}.water-action>span:nth-child(2){flex:1}.water-action b{font-size:12px;display:block}.water-action small{font-size:9px;color:#527e94;display:block;margin-top:3px}.water-icon{width:32px;height:35px;display:grid;place-items:center;flex-shrink:0}.daily-progress{margin-top:22px}.daily-progress>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:8px}.daily-progress b{font-size:15px;color:var(--green)}.daily-progress b small{font-size:11px;color:var(--muted);font-weight:500}.tiny-caption{font-size:9px;color:var(--muted);margin-top:8px;display:block}.sun-mini-note{display:flex;gap:7px;font-size:10px;align-items:center;margin-top:auto;padding-top:18px;color:var(--muted)}.sun-mini-note>svg{color:#ef814b}.sun-mini-note b{color:#a65f30}.garden-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);background:var(--surface);border-radius:20px;margin:22px 0;padding:19px 0}.garden-stats>div{display:flex;gap:11px;align-items:center;padding:0 20px;border-right:1px solid var(--line)}.garden-stats>div:last-child{border:0}.stat-bubble{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;flex-shrink:0}.stat-bubble svg{width:23px;height:23px}.garden-stats b{font-size:23px;line-height:1.3;display:block;font-weight:800;letter-spacing:-.7px}.garden-stats small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.green-bubble{background:#e0f5e8;color:#258954}.yellow-bubble{background:#fff2c5;color:#a7780f}.blue-bubble{background:#e4f3fc;color:#3383b3}.purple-bubble{background:#eee9ff;color:#7762cc}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:19px}.social-card{display:flex;align-items:center;gap:15px;border-radius:19px;padding:22px;border:1px solid;transition:transform .2s}.social-card:hover{transform:translateY(-3px)}.social-card>div{flex:1;min-width:0}.social-card .eyebrow{font-size:8px;letter-spacing:1px}.social-card h3{font-size:14px;margin:5px 0 6px;line-height:1.6}.social-card p{font-size:10px;line-height:1.7}.social-card>svg{width:19px;flex-shrink:0}.social-icon{width:49px;height:52px;border-radius:15px;display:grid;place-items:center;flex-shrink:0}.duel-card{background:#f0ebff;border-color:#e4dbfc;color:#6c56b4}.duel-card .eyebrow{color:#7b63ba}.duel-card .social-icon{background:#e3d9ff}.duel-card p{color:#776997}.rank-card{background:#fff3d5;border-color:#f4e7ba;color:#906d19}.rank-card .eyebrow{color:#947526}.rank-card .social-icon{background:#ffe7a4}.rank-card p{color:#887947}.garden-unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.garden-unit-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px 14px;display:flex;align-items:center;gap:11px;min-width:0;transition:transform .2s}.garden-unit-card:hover{transform:translateY(-3px);border-color:#83c7a1}.unit-plant{width:57px;height:75px;background:var(--soft);border-radius:14px;flex-shrink:0;display:flex;align-items:center}.unit-plant svg{width:100%;height:70px}.garden-unit-card>div{min-width:0;flex:1}.garden-unit-card .eyebrow{font-size:8px;letter-spacing:.6px}.garden-unit-card h3{font-size:12px;margin:5px 0 3px;line-height:1.5}.garden-unit-card p{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.garden-unit-card .progress-track{height:5px;margin:10px 0 5px}.garden-unit-card small{font-size:8px;color:var(--muted)}.garden-unit-card>svg{color:#96b093;width:14px}.garden-home>.sun-coach{margin-top:30px;margin-bottom:0;max-width:700px}.garden-home>.sun-coach .sun-coach-bubble p{font-size:12px}.app .sf-scene-sun{background-image:var(--mascot-url)}.app .word-art.sprite{background-image:var(--objects-url)}.app .sun-coach-bubble{background:var(--surface);border:1px solid var(--line);box-shadow:0 4px #25392d05}.app .sun-coach-bubble:before{background:var(--surface);border-color:var(--line)}.app .sun-coach-name{color:var(--green);font-size:9px;font-weight:800}.app .sun-coach-bubble p{font-size:14px;color:var(--ink);line-height:1.9}.app .sun-repeat{font-size:11px;background:var(--soft);color:var(--green);min-height:32px;border-radius:10px}.app .back-link{font-size:12px;color:var(--green);margin-bottom:19px}.app .round-icon.sage,.app .sage{background:#e7f6e9;color:#2f8b51}.app .peach{background:#fff0e4;color:#aa623d}.app .lavender{background:#eee9ff;color:#7964c6}.app .blue{background:#e5f4fc;color:#3a83aa}.app .unit-art{height:140px;display:flex;align-items:center;justify-content:center;position:relative}.app .unit-art>.plant-art{width:96px;height:110px}.app .unit-number{font-size:10px;color:inherit;background:#ffffffb0}.unit-water-badge{position:absolute;bottom:10px;right:10px;font-size:10px;font-weight:700;background:#ffffffd9;padding:4px 8px;border-radius:8px;color:#337c9e}.app .unit-copy{padding:22px}.app .unit-copy h3{font-size:17px}.app .unit-copy p{font-size:12px;color:var(--muted);margin-top:6px}.app .unit-copy small{font-size:11px;color:var(--muted)}.app .unit-grid{gap:20px}.app .unit-header{border-radius:22px}.app .lesson-row{background:var(--surface);border-color:var(--line);border-radius:17px;padding:20px}.app .lesson-row h3{font-size:17px}.app .lesson-row p{font-size:12px;color:var(--muted)}.app .lesson-number{background:var(--soft);color:var(--green)}.app .lesson-number.done{background:#ddf3e5;color:#1a7d4a}.unit-plant-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:12px;margin:22px 0}.word-plant{background:var(--surface);border:1px solid var(--line);border-radius:17px;text-align:center;padding:10px 7px}.word-plant.thirsty{border-color:#aacddf;background:#f4fbff}.word-plant svg{width:65px;height:73px}.word-plant b{display:block;font-size:11px;overflow-wrap:anywhere}.word-plant small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.app .learning-panel{border-radius:24px}.app .term,.app .write-prompt{color:var(--ink)}.app .ipa{color:var(--muted);font-size:13px}.app .meaning{font-size:18px;color:var(--ink)}.app .audio-button{background:#e7f6ed;color:#26784d;border-color:#cfe8d7;font-size:12px;min-height:40px;border-radius:12px}.app .learning-panel .helper{font-size:11px;color:var(--muted)}.app .answer-wrap{background:var(--surface);border-color:#b7d6bf;border-radius:14px}.app .answer-wrap input,.app .answer-display{color:var(--ink)}.app .answer-display.placeholder{color:#7a8587}.app .answer-wrap.correct{border-color:#2eb872;background:#edfaf0}.app .answer-wrap.incorrect{border-color:#f25c54;background:#fff5f2}.app .feedback.good{background:#e3f7e9;color:#1e7446}.app .feedback.retry{background:#fff0eb;color:#a33f32}.app .feedback{font-size:12px;display:flex;gap:6px}.app .feedback.good:before{content:"✓";font-weight:800}.app .feedback.retry:before{content:"✗";font-weight:800}.app .write-tools .text-button{color:var(--green);font-size:12px}.app .letter-keyboard button{background:var(--surface);color:var(--green);border-color:#cfdece;box-shadow:0 3px #d9e5d4;font-weight:700}.app .letter-keyboard button:active{box-shadow:0 1px #d9e5d4;transform:translateY(2px)}.app .hint-box{background:#fff4d0;color:#7f631f;border-color:#e9d89e}.app .completion>p{font-size:14px}.app .result-stats{background:var(--surface);border-color:var(--line)}.app .result-stats b{color:var(--green)}.app .result-stats span{color:var(--muted);font-size:12px}.app .review-hero{background:#e5f5e8;border-color:#cde6d2}.app .review-hero p,.app .review-grid p,.app .schedule-note p{font-size:13px;color:#53715b}.app .review-grid label,.app .schedule-note h3{color:var(--ink)}.app .schedule-note{background:var(--soft);border-color:var(--line)}.app .big-number{color:var(--green)}.app .big-number small{color:var(--muted)}.app .unit-checks label{background:var(--surface);border-color:var(--line)}.app .unit-checks label.selected{background:var(--soft);border-color:#5fad7d}.app .unit-checks small,.app .library-count,.app .form-row label{color:var(--muted)}.app .segmented button{background:var(--surface);border-color:var(--line);color:var(--muted);font-size:12px}.app .segmented button.active{background:var(--soft);border-color:#76b68c;color:var(--green)}.app .test-guide p,.app .test-guide li{font-size:12px;color:var(--muted)}.app .history-row,.app .answer-review-row{background:var(--surface);border-color:var(--line)}.app .history-row h3{font-size:14px}.app .history-row p{font-size:11px;color:var(--muted)}.app .exam-card h2{font-size:27px}.app .exam-card p{font-size:12px;color:var(--muted)}.app .exam-input,.app .exam-answer-pad{background:var(--surface);border-color:var(--line)}.app .save-status{color:var(--green);font-size:11px}.app .exam-sidebar>p:not(.helper){font-size:12px;color:var(--muted)}.app .question-grid button{background:var(--soft);color:var(--ink);border-color:var(--line);font-size:12px}.app .question-grid button.filled{background:#d8f1e2;color:#236e45}.app .question-grid button.current{outline-color:var(--green)}.app .test-result{background:var(--soft);border-color:var(--line)}.app .score-circle{background:var(--surface);border-color:#7bc498}.app .test-result p,.app .answer-review-row p{font-size:13px}.app .answer-review-row b{font-size:14px}.app .answer-review-row.good{background:var(--soft)}.app .right-word{color:var(--green)}.app .word-card{padding:20px}.app .word-card>p{font-size:14px;color:var(--ink)}.app .word-card h2{font-size:23px}.app .word-card>.ipa{font-size:12px}.app .badge{background:var(--soft);color:var(--green);font-size:10px}.app .library-filters .search-box,.app .library-filters>select,.app .search-box{background:var(--surface);border-color:var(--line);color:var(--muted)}.app .library-filters input{font-size:13px}.app .editorial{font-size:11px;color:var(--muted)}.app .editorial p{font-size:12px}.app .modal{background:var(--surface);border-color:var(--line);border-radius:24px}.app .modal p{color:var(--muted);font-size:13px}.app .account label{font-size:13px;color:var(--ink)}.app .account input{font-size:14px}.app .resume-banner{background:var(--soft);border:1px solid var(--line);color:var(--green);font-size:12px;padding:16px 18px;border-radius:15px;gap:12px}.app .error-box{background:#fff0ed;color:#a73e36;border:1px solid #F4CBC5;border-radius:14px;font-size:13px;padding:15px;margin:15px 0}.app .toast{background:#263f32;color:#fff;border-radius:15px;font-size:13px;z-index:100;max-width:calc(100% - 30px)}.app .loading{color:var(--green);font-size:14px}.app .empty{color:var(--green)}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px}.hub-card{border:1px solid;border-radius:23px;padding:29px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 4px #27352a05;transition:transform .2s}.hub-card:hover{transform:translateY(-3px)}.hub-icon{width:65px;height:65px;border-radius:21px;display:grid;place-items:center;background:#ffffff9c;margin-bottom:22px}.hub-card h2{font-size:23px}.hub-card p{font-size:13px;margin:10px 0 25px}.green-hub{background:#e7f6e8;border-color:#d0e6d1;color:#2a7f48}.blue-hub{background:#e7f5fc;border-color:#cfe6f1;color:#367b9e}.coral-hub{background:#fff0e5;border-color:#f0dacc;color:#a46743}.purple-hub{background:#eeeafe;border-color:#dfd6f9;color:#7960bd}.hub-grid+.sun-coach{margin-top:30px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.profile-summary{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px}.profile-avatar{width:82px;height:82px;border-radius:28px;background:#ffc83d;color:#6a5017;font-size:35px;font-weight:800;display:grid;place-items:center;border:5px solid #FFF2CA}.profile-summary>p{font-size:13px;overflow-wrap:anywhere}.profile-achievements{display:flex;width:100%;justify-content:space-around;border-top:1px solid var(--line);padding-top:19px;margin-top:5px;gap:8px}.profile-achievements span{font-size:10px;color:var(--muted)}.profile-achievements b{display:block;font-size:23px;color:var(--green)}.preference-card>label{margin-top:21px}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.toggle-row input{width:21px!important;height:21px!important;min-height:21px!important;accent-color:var(--green);margin:0!important;flex-shrink:0}.toggle-row small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.class-card{grid-column:1/-1}.class-card h2{margin:16px 0}.class-card form{display:flex;align-items:flex-end;gap:15px;margin-top:20px}.class-card form label{flex:1;max-width:350px}.class-card form .button{margin-bottom:3px}.my-classes>div{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.my-classes>div>svg{color:var(--green)}.my-classes>div>span{flex:1}.my-classes b{font-size:14px;display:block}.my-classes small{font-size:11px;color:var(--muted)}.rank-grade{display:flex;gap:7px;align-items:center;font-size:12px;padding:10px 15px;border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--purple)}.ranking-controls{display:flex;justify-content:space-between;gap:15px;align-items:center}.pill-tabs{display:flex;background:var(--surface);padding:5px;border:1px solid var(--line);border-radius:15px;gap:5px}.pill-tabs button{border:0;background:transparent;color:var(--muted);font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px;padding:11px 18px;border-radius:11px}.pill-tabs button.active{background:#eee9ff;color:#6d55bb}.ranking-controls>select{max-width:215px;font-size:12px}.board-period{text-align:center;font-size:11px;margin:28px 0 10px}.podium{display:flex;align-items:flex-end;justify-content:center;max-width:650px;margin:40px auto 0;gap:13px}.podium-player{width:29%;text-align:center}.podium-avatar{width:64px;height:64px;display:grid;place-items:center;border-radius:23px;background:#e9e3fd;color:#7964b9;font-size:27px;font-weight:800;margin:0 auto 13px;position:relative}.place-1 .podium-avatar{width:79px;height:79px;border-radius:28px;background:#ffe18d;color:#8c681f;border:4px solid #FFF0C0}.crown{position:absolute;top:-43px;color:#e5af2e;font-size:44px;line-height:1}.podium-player h3{font-size:14px;overflow-wrap:anywhere}.podium-player>b{display:block;font-size:17px;margin:5px 0 12px;color:var(--purple)}.podium-player>b>small{font-size:10px;font-weight:500}.podium-step{background:#eae4fa;border-radius:18px 18px 0 0;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9a87c6;gap:4px}.place-1 .podium-step{height:138px;background:#ffedba;color:#b78c2e}.place-3 .podium-step{height:72px;background:#f0e4d9;color:#b08c6c}.podium-step strong{font-size:27px}.leaderboard-list{max-width:800px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:21px;overflow:hidden;position:relative}.leaderboard-row{display:flex;align-items:center;gap:16px;padding:16px 23px;border-bottom:1px solid var(--line)}.leaderboard-row:last-child{border:0}.leaderboard-row.is-me{background:#eaf7ed}.rank-number{font-size:19px;width:29px;flex-shrink:0;text-align:center;color:var(--muted)}.rank-avatar{width:39px;height:39px;border-radius:13px;background:#ebe7f9;color:#7f6db1;font-weight:800;display:grid;place-items:center}.rank-name{font-size:14px;flex:1;min-width:0;overflow-wrap:anywhere}.rank-name small{font-size:10px;margin-left:8px;color:#278454;background:#d7efdf;padding:3px 7px;border-radius:7px}.leaderboard-row>strong{color:var(--purple);white-space:nowrap}.leaderboard-row>strong small{font-size:10px;font-weight:500;color:var(--muted)}.my-rank{display:flex;justify-content:space-between;gap:15px;background:#eee9ff;border:1px solid #DCD1F9;border-radius:15px;max-width:800px;padding:18px 23px;margin:15px auto;color:#6b56ad;font-size:13px}.my-rank b{margin-left:7px;font-size:19px}.ranking-rules{max-width:800px;margin:25px auto;display:flex;gap:13px;padding:21px;border-radius:17px;background:var(--soft);color:var(--green)}.ranking-rules>svg{flex-shrink:0;margin-top:3px}.ranking-rules h3{font-size:13px}.ranking-rules p{font-size:11px;line-height:1.9;margin-top:6px}.friendly-empty{padding:50px 20px;background:var(--surface);border:1px solid var(--line);border-radius:22px;margin-top:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.friendly-empty>svg{color:#d9ab32}.friendly-empty p{font-size:13px;max-width:400px}.duel-setup{display:grid;grid-template-columns:1.35fr 1fr;gap:23px}.duel-label{display:flex;gap:7px;align-items:center;color:var(--purple);font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:11px}.duel-create>p,.duel-join>p{font-size:12px;margin:9px 0 21px}.duel-unit-list{max-height:280px;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:2px}.duel-unit-list label{display:flex;align-items:center;gap:8px;padding:12px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;min-width:0}.duel-unit-list label.selected{border-color:#9d8ada;background:#f4f0ff}.duel-unit-list input{width:15px;min-height:15px;margin:0;flex-shrink:0;accent-color:var(--purple)}.duel-unit-list b{font-size:11px}.duel-unit-list small{display:block;font-size:9px;line-height:1.6;color:var(--muted);font-weight:400}.duel-unit-list label>span{flex:1;min-width:0}.duel-unit-list label>svg{width:14px;color:var(--purple);opacity:0;flex-shrink:0}.duel-unit-list label.selected>svg{opacity:1}.duel-create>.button{margin-top:24px}.duel-join>h2{margin-top:18px}.duel-join .room-code-input{text-align:center;font-size:29px;font-weight:800;letter-spacing:8px;color:var(--purple);min-height:65px}.duel-join>.button{margin-top:20px}.duel-how{margin:22px 0;padding:6px 12px;color:var(--purple)}.duel-how h3{font-size:14px;display:flex;align-items:center;gap:9px}.duel-how p{font-size:12px;line-height:1.9;margin-top:12px}.battle-screen{max-width:850px;margin:0 auto}.battle-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.battle-header h1{font-size:26px;margin-top:7px}.room-code{border:1px solid #DFD6F5;background:#f1ecff;border-radius:15px;color:#7560bb;display:flex;align-items:center;gap:12px;padding:10px 15px}.room-code>span{font-size:8px;letter-spacing:1px}.room-code b{font-size:21px;letter-spacing:3px}.versus-row{display:flex;gap:18px;align-items:center;margin:28px 0}.battle-player{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);padding:17px;border-radius:18px;flex:1;min-width:0}.battle-player.player-me{border-color:#b5d9be;background:#eff9f0}.battle-avatar{width:45px;height:45px;border-radius:15px;background:#eae3fd;color:#7561b6;display:grid;place-items:center;font-size:19px;font-weight:800;flex-shrink:0}.player-me .battle-avatar{background:#d7efdf;color:#358556}.battle-player b{font-size:12px;display:block;overflow-wrap:anywhere}.battle-player small{font-size:10px;color:var(--muted)}.versus-mark{font-size:17px;font-weight:900;color:var(--purple);font-style:italic}.waiting-room{text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;min-height:350px}.waiting-sun{height:160px;width:125px;position:relative}.waiting-sun .sf-scene-sun{width:125px;height:165px}.waiting-room h2{font-size:22px}.waiting-room p{font-size:13px}.waiting-room>.text-button{margin:4px 0}.countdown-card{text-align:center;min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:24px;color:var(--purple)}.countdown-card b{font-size:110px;line-height:1.7}.countdown-card span{font-size:16px}.battle-timer{display:flex;justify-content:space-between;align-items:center;margin:18px 0;color:var(--muted);font-size:12px}.battle-timer b{font-size:20px;color:var(--purple);background:var(--surface);padding:6px 15px;border-radius:10px;border:1px solid var(--line)}.battle-question{text-align:center;max-width:660px;margin:0 auto}.battle-question>.word-art{width:190px;height:190px;display:block;margin:15px auto}.battle-question h2{margin:15px 0 25px;font-size:25px}.battle-question form .button{margin:20px 0 13px}.battle-question form .helper{font-size:10px;color:var(--muted)}.battle-question .answer-wrap{min-height:57px}.surrender{display:flex!important;margin:26px auto;color:var(--muted)!important;font-weight:500!important;font-size:11px!important}.duel-feedback{position:fixed;bottom:25px;left:50%;transform:translate(-50%);z-index:40;background:#e6f9eb;color:#27784a;border:1px solid #B9DFC3;border-radius:15px;padding:14px 20px;display:flex;gap:10px;align-items:center;font-size:13px;max-width:calc(100% - 30px);box-shadow:0 10px 40px #14281f25}.duel-feedback.retry{background:#fff1e9;color:#a35a38;border-color:#e8c8b5}.duel-result{text-align:center;position:relative;padding-top:25px!important}.result-sun{width:120px;height:175px;position:relative;margin:0 auto}.result-sun .sf-scene-sun{width:120px;height:175px}.result-trophy{color:#e6b52f;margin:0 auto 12px}.duel-result h2{font-size:27px}.duel-result>p{font-size:13px;margin:12px 0 25px}.duel-result .pill-row{justify-content:center}.duel-result+.answer-review{margin-top:24px}.admin-gate{text-align:center;max-width:550px;margin:45px auto;display:flex;flex-direction:column;align-items:center;gap:22px}.admin-gate>svg{color:var(--green)}.admin-gate p{font-size:14px}.admin-workspace .page-title>.button{font-size:11px}.admin-nav{display:flex;gap:7px;background:var(--surface);padding:7px;border:1px solid var(--line);border-radius:17px;margin-bottom:26px;overflow-x:auto}.admin-nav>button{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;flex:1;padding:12px 14px;border-radius:11px}.admin-nav>button.active{background:#e3f4e8;color:var(--green)}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.admin-stat-grid>.card{display:flex;flex-direction:column;align-items:flex-start;padding:22px;gap:5px}.admin-stat-grid svg{color:var(--green);margin-bottom:9px}.admin-stat-grid b{font-size:29px;line-height:1.4}.admin-stat-grid span{font-size:11px;color:var(--muted)}.admin-overview-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:22px}.admin-overview-grid h2{font-size:18px;margin-bottom:20px}.admin-grade-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.admin-grade-list>div>span:nth-child(2){flex:1}.admin-grade-list b{font-size:12px}.admin-grade-list small{display:block;font-size:10px;color:var(--muted)}.audit-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:13px 0}.audit-dot{width:7px;height:7px;border-radius:50%;background:#2eb872;flex-shrink:0}.audit-list>div>span:nth-child(2){flex:1;min-width:0}.audit-list b{font-size:12px}.audit-list small{display:block;font-size:10px;color:var(--muted);overflow-wrap:anywhere}.audit-list time{font-size:9px;color:var(--muted)}.audit-list>p{font-size:12px}.admin-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.admin-section-heading h2{font-size:21px}.admin-section-heading p{font-size:12px;margin-top:7px}.admin-section-heading .button{flex-shrink:0;font-size:12px}.admin-filters{display:flex;gap:18px;align-items:center;margin:15px 0 20px}.admin-filters>.search-box{flex:1;min-width:0}.admin-filters input{font-size:13px}.admin-filters>select{width:225px;font-size:12px}.checkbox-label{display:flex!important;align-items:center;gap:9px;font-size:12px!important;font-weight:500!important;cursor:pointer}.checkbox-label input{width:17px!important;min-height:17px!important;height:17px;margin:0!important;accent-color:var(--green);flex-shrink:0}.admin-table-card{padding:25px!important;overflow:hidden}.table-scroll{overflow-x:auto;width:100%}.table-scroll table{border-collapse:collapse;width:100%;text-align:left;font-size:12px;min-width:580px}.table-scroll th{font-size:10px;font-weight:700;color:var(--muted);padding:13px 12px;background:var(--soft);white-space:nowrap}.table-scroll th:first-child{border-radius:10px 0 0 10px}.table-scroll th:last-child{border-radius:0 10px 10px 0}.table-scroll td{padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table-scroll td small{display:block;font-size:10px;color:var(--muted);margin-top:4px;max-width:220px;overflow-wrap:anywhere}.table-scroll td b{font-size:13px}.table-edit{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;padding:7px 9px;font-size:10px;color:var(--green);background:var(--surface);white-space:nowrap}.table-edit:hover{background:var(--soft)}.status-chip{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:7px;padding:4px 8px;white-space:nowrap}.active-status{background:#e5f5e9;color:#287a49}.inactive-status{background:#fff0e4;color:#9a663b}.admin-pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px;color:var(--muted);font-size:11px}.admin-pagination>span{margin-right:auto}.admin-pagination button{border:1px solid var(--line)}.admin-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px!important;color:var(--muted);gap:15px;font-size:13px}.admin-empty svg{color:var(--green)}.admin-loading{font-size:11px;margin:7px 0;color:var(--green)!important}.content-subnav{display:flex;gap:7px;margin-bottom:19px;overflow:auto}.content-subnav button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:8px 17px;border-radius:10px;font-size:12px;white-space:nowrap}.content-subnav button.active{background:var(--green);color:#fff;border-color:var(--green)}.admin-editor{max-width:700px!important;padding:30px!important}.admin-editor h2{margin:10px 0 23px!important}.admin-editor form>label{margin-bottom:17px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:17px}.editor-actions{display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:20px;margin-top:25px;position:sticky;bottom:-30px;background:var(--surface);padding-bottom:14px}.form-help{font-size:11px!important;line-height:1.9;margin:12px 0!important;color:var(--muted)!important}.asset-editor{border-top:1px solid var(--line);margin-top:23px;padding-top:20px}.asset-editor h3{font-size:15px}.asset-editor>p{font-size:11px!important;margin:9px 0 18px!important}.asset-upload-field{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px}.asset-upload-field>label:first-child{flex:1;min-width:0;font-size:11px}.asset-upload-field input{font-size:11px}.upload-control{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;overflow:hidden;flex-shrink:0;background:var(--soft);border:1px solid var(--line);color:var(--green)!important;font-size:11px!important;min-height:44px;border-radius:11px;padding:8px 12px;cursor:pointer}.upload-control input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.lesson-word-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:270px;overflow:auto;margin:12px 0;padding:3px}.lesson-word-options>label{padding:10px;border:1px solid var(--line);border-radius:9px;flex-wrap:wrap}.lesson-word-options small{font-size:9px;color:var(--muted)}.admin-class-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-class-heading{display:flex;align-items:center;gap:12px}.admin-class-heading>div{flex:1;min-width:0}.admin-class-heading h3{font-size:19px}.admin-class-heading p{font-size:11px;margin-top:4px}.class-invite{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--soft);border:1px dashed #A8C9B0;border-radius:12px;margin:22px 0}.class-invite span{font-size:9px;color:var(--muted);letter-spacing:1px}.class-invite b{font-size:20px;letter-spacing:3px;color:var(--green)}.admin-class h4{font-size:12px;margin:20px 0 12px}.class-members{max-height:260px;overflow:auto}.class-members>div{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.class-members>div>span:nth-child(2){flex:1;min-width:0}.class-members b{font-size:12px}.class-members small{display:block;color:var(--muted);font-size:10px}.add-member-form{margin-top:20px}.add-member-form label{font-size:11px}.add-member-form>.button{margin-top:12px;font-size:11px}.cdn-settings{max-width:780px}.cdn-settings>h2{margin-top:18px}.cdn-settings>p{font-size:13px;line-height:1.9;margin:14px 0 23px}.storage-status{padding:17px;background:var(--soft);border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-bottom:25px}.storage-status small{font-size:11px;overflow-wrap:anywhere}.cdn-settings form>label{margin-bottom:14px}.cdn-settings .button{margin-top:9px}.cdn-examples{border-top:1px solid var(--line);margin-top:27px;padding-top:20px;display:flex;flex-direction:column;gap:9px}.cdn-examples span{font-size:11px;color:var(--muted)}.cdn-examples code{font-size:10px;background:var(--soft);padding:11px;border-radius:8px;overflow-wrap:anywhere}.app[data-theme=dark]{--surface:#253041;--page:#1B2430;--sky-background:none;--soft:#2C3B49;--ink:#EDF2F5;--muted:#A9B8C5;--line:#3B4B58;--green:#78D6A0;--purple:#B1A0FF}.app[data-theme=dark] .button:not(.secondary){background:#247b50;color:#fff;box-shadow:0 4px #125335}.app[data-theme=dark] .purple-button{background:#7c6cf2;box-shadow:0 4px #5142a3;color:#fff}.app[data-theme=dark] .sidebar nav a.active{background:#304f42;color:#a0e4b8;box-shadow:inset 3px 0 #78d6a0}.app[data-theme=dark] .daily-note{background:#3b3d31;border-color:#50513a}.app[data-theme=dark] .daily-note b{color:#e5daa8}.app[data-theme=dark] .daily-note p{color:#c0b890}.app[data-theme=dark] .streak{background:#493c33;color:#ffc49a}.app[data-theme=dark] .xp{color:#e5ce88}.app[data-theme=dark] .duel-card{background:#35304e;border-color:#4b4168;color:#d0c2ff}.app[data-theme=dark] .duel-card .eyebrow,.app[data-theme=dark] .duel-card p{color:#c2b1ea}.app[data-theme=dark] .rank-card{background:#403b2d;border-color:#58503a;color:#e8d295}.app[data-theme=dark] .rank-card .eyebrow,.app[data-theme=dark] .rank-card p{color:#c8bc94}.app[data-theme=dark] .social-icon{background:#ffffff13}.app[data-theme=dark] .water-action{background:#2b4352;border-color:#3e5a6c;color:#9fd4ec}.app[data-theme=dark] .water-action small{color:#a5c5d6}.app[data-theme=dark] .garden-scene{filter:saturate(.68) brightness(.75)}.app[data-theme=dark] .garden-sun{filter:brightness(1.2)}.app[data-theme=dark] .weather{color:#d5c38c}.app[data-theme=dark] .sun-mini-note b{color:#edb082}.app[data-theme=dark] .plant-legend span{color:#b0d2ba}.app[data-theme=dark] .plant-legend span:last-child{color:#9bcde5}.app[data-theme=dark] .review-hero{background:#2b4539;border-color:#3e5c47}.app[data-theme=dark] .review-hero p,.app[data-theme=dark] .review-grid p,.app[data-theme=dark] .schedule-note p{color:var(--muted)}.app[data-theme=dark] .green-hub{background:#2b4539;border-color:#3d604b;color:#b3dfbe}.app[data-theme=dark] .blue-hub{background:#2b4253;border-color:#3d5969;color:#aad2e8}.app[data-theme=dark] .coral-hub{background:#493c34;border-color:#654b3f;color:#e3b59c}.app[data-theme=dark] .purple-hub{background:#39324f;border-color:#52476f;color:#c9b6f1}.app[data-theme=dark] .hub-icon{background:#ffffff10}.app[data-theme=dark] .pill-tabs button.active,.app[data-theme=dark] .my-rank,.app[data-theme=dark] .room-code{background:#3d345c;border-color:#5d4d83;color:#ccb8ff}.app[data-theme=dark] .leaderboard-row.is-me,.app[data-theme=dark] .battle-player.player-me{background:#2c453a;border-color:#4c6c57}.app[data-theme=dark] .duel-unit-list label.selected{background:#3d345c;border-color:#8771bc}.app[data-theme=dark] .admin-nav>button.active{background:#2c4b3c;color:var(--green)}.app[data-theme=dark] .answer-wrap.correct{background:#294b37;border-color:#73c68d}.app[data-theme=dark] .answer-wrap.incorrect{background:#513b38;border-color:#e39c91}.app[data-theme=dark] .word-plant.thirsty{background:#2b4351;border-color:#507084}.app[data-theme=dark] .audio-button{background:#2e4b3d;color:#ace2bf;border-color:#496856}.app[data-theme=dark] .letter-keyboard button{border-color:#526652;box-shadow:0 3px #15291c}.app[data-theme=dark] .sound-preferences{border-color:var(--line)}@keyframes garden-float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(13px,-8px) rotate(15deg)}}@media(min-width:1600px){.garden-scene{height:340px}.today-card h2{font-size:25px}.today-card>p{font-size:13px}.plots-grid{gap:26px 23px;right:170px;left:38px;bottom:35px}.garden-plot{height:111px}.garden-sun{right:24px;width:150px;height:245px}.garden-sun .sf-scene-sun{width:155px;height:230px}.garden-unit-card h3{font-size:14px}}@media(max-width:1200px){.app .sidebar{width:200px;padding-left:12px;padding-right:12px}.app .workspace{margin-left:200px}.app main{padding:25px}.app .topbar{padding:0 25px}.app .top-actions{gap:10px}.app .breadcrumb{font-size:11px;gap:7px}.garden-main{grid-template-columns:minmax(0,1.5fr) minmax(245px,1fr);gap:17px}.world-heading{padding:18px}.weather{display:none}.plots-grid{left:15px;right:132px;gap:15px 7px}.garden-sun{right:0;width:128px}.garden-sun .sf-scene-sun{width:130px}.garden-sun-bubble{font-size:10px;padding:9px;left:-8px;right:7px}.garden-unit-grid{grid-template-columns:1fr 1fr}.garden-stats>div{padding:0 15px;gap:8px}.garden-stats b{font-size:21px}.stat-bubble{width:36px;height:38px;border-radius:12px}.social-card{padding:18px;gap:12px}.social-card h3{font-size:12px}.social-icon{width:43px;height:47px}.admin-overview-grid{grid-template-columns:1fr 1fr}.admin-stat-grid>.card{padding:18px}.duel-unit-list{grid-template-columns:1fr}.duel-setup{grid-template-columns:1.1fr 1fr}.garden-level{display:none}}@media(max-width:1000px){.app .sidebar{width:180px}.app .workspace{margin-left:180px}.app .sidebar nav a{font-size:11px;gap:9px;padding-left:10px}.app .sidebar nav a>svg{width:20px}.app .brand>span:last-child{font-size:32px}.app .brand-mark{width:37px;height:39px}.app .brand{gap:8px}.app .brand small{font-size:9px}.app .grade-selector select{font-size:10px}.app .topbar{padding:0 22px}.app .top-actions{gap:8px}.app .topbar .xp{display:none}.app main{padding:24px 22px}.app .breadcrumb{font-size:10px}.garden-main{grid-template-columns:1fr}.garden-scene{height:280px}.plots-grid{right:155px;left:25px;gap:13px 20px}.garden-sun{right:12px;width:135px;height:220px}.today-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:22px}.today-label{grid-column:1/-1}.today-card h2{grid-column:1;font-size:21px}.today-card>p{grid-column:1;margin-bottom:10px;min-height:0}.today-card>.primary-action{grid-column:1;grid-row:4}.today-card>.water-action{grid-column:2;grid-row:2/5;align-self:center;margin:0;min-height:83px}.daily-progress{grid-column:1;grid-row:5;margin-top:20px}.sun-mini-note{grid-column:2;grid-row:5;padding-top:20px;align-self:center}.social-card .social-icon{display:none}.social-card{padding:17px}.garden-stats{padding:17px 0}.garden-stats>div{padding:0 12px}.garden-stats small{font-size:9px}.garden-stats .stat-bubble{width:30px;height:34px}.garden-stats .stat-bubble svg{width:20px}.garden-stats b{font-size:20px}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-overview-grid,.admin-class-grid{grid-template-columns:1fr}.admin-nav>button{font-size:11px;padding:11px 10px}.admin-nav>button>svg{width:16px}.admin-filters{flex-wrap:wrap}.admin-filters>.checkbox-label{font-size:11px!important}.duel-setup{grid-template-columns:1fr}.duel-unit-list{grid-template-columns:1fr 1fr}.duel-side{display:grid;grid-template-columns:1fr 1fr;gap:15px}.duel-how{padding-top:15px}.battle-player{padding:14px}.battle-player b{font-size:11px}.app .unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.app .sidebar{display:none}.app .workspace{margin:0}.app .topbar{height:88px;padding:9px 18px 26px;position:sticky;top:0;z-index:25;background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app .topbar .mobile-brand{display:flex;align-items:center;gap:6px;font-size:27px;font-weight:900;color:var(--ink);letter-spacing:-1.5px}.app .mobile-brand>svg{color:#daab24;width:24px;height:24px}.app .breadcrumb{display:none}.app .mobile-grade{position:absolute;display:block;top:auto;bottom:5px;left:18px;right:auto;height:23px}.app .mobile-grade .grade-selector{margin:0;padding:0;border:0;background:none;gap:5px}.app .mobile-grade .grade-selector select{font-size:10px;min-height:20px;padding:0;width:155px;margin:0}.app .mobile-grade .grade-selector>svg{width:14px;height:14px}.app .top-actions{gap:9px}.app .top-actions .streak{display:none}.app .top-actions .mobile-profile{display:grid;width:29px;height:30px;border-radius:10px;font-size:12px}.app .voice-select{gap:3px}.app .voice-select>svg{width:13px}.app .voice-select select{width:66px;font-size:10px}.app .speech-speed-trigger{min-width:37px;padding:6px 8px;min-height:31px}.app .speech-speed-trigger>svg{display:none}.app .topbar .icon-button{min-width:29px;min-height:31px}.app .speech-speed-panel{top:81px}.app main{padding:23px 20px 112px}.app .bottom-nav{display:flex;position:fixed;inset:auto 0 0;background:var(--surface);border-top:1px solid var(--line);height:calc(74px + env(safe-area-inset-bottom));padding:5px 9px calc(6px + env(safe-area-inset-bottom));z-index:35;justify-content:space-around;box-shadow:0 -5px 25px #28392707}.app .bottom-nav>a{color:var(--muted);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:600;min-width:0;padding:0}.bottom-icon{height:34px;min-width:49px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:background .2s}.app .bottom-nav>a.active{color:var(--green);font-weight:800}.app .bottom-nav>a.active .bottom-icon{background:#e1f5e7}.app[data-theme=dark] .bottom-nav>a.active .bottom-icon{background:#2e4b3d}.app .bottom-nav>a.active svg{stroke-width:2.7}.app .toast,.duel-feedback{bottom:90px}.app .page-title h1{font-size:27px}.app .page-title p{font-size:12px}.garden-greeting h1{font-size:27px}.garden-greeting{margin-bottom:21px}.garden-greeting .eyebrow{font-size:9px}.garden-main{gap:18px}.garden-scene{height:285px}.world-heading{padding:19px 20px 14px}.world-heading h2{font-size:21px}.weather{display:flex;font-size:9px}.plots-grid{right:151px;left:22px;gap:13px 16px}.garden-sun{right:8px}.plant-legend{font-size:10px;gap:18px}.garden-stats{margin:19px 0}.garden-stats>div{padding:0 17px}.garden-stats .stat-bubble{width:35px;height:38px}.garden-stats b{font-size:22px}.garden-stats small{font-size:10px}.garden-unit-card h3{font-size:13px}.social-card h3{font-size:14px}.social-card .eyebrow{font-size:8px}.social-card p{font-size:11px}.social-card{padding:20px}.garden-unit-grid{gap:13px}.app .section-heading h2{font-size:21px}.app .sun-coach-bubble p{font-size:13px}.app .review-hero{padding:25px}.app .review-hero h2{font-size:24px}.app .review-hero p{font-size:12px}.app .review-hero>.sf-scene-sun{right:0}.hub-card{padding:25px}.hub-card h2{font-size:21px}.app:has(.learning-screen) .topbar{height:75px;padding:0 17px}.app:has(.learning-screen) .mobile-grade{position:static;height:auto;width:auto;flex-shrink:0;max-width:118px}.app:has(.learning-screen) .mobile-grade .grade-selector select{width:95px;font-size:9px}.app:has(.learning-screen) .top-actions{gap:6px}.app:has(.learning-screen) .voice-select>svg{display:none}.app .learning-screen .learning-panel{padding:23px 24px}.app .learning-screen .write-prompt{font-size:24px}.app .learning-screen .helper{font-size:11px}.app .learning-screen .writing .button{font-size:13px}.app .sound-preferences label{font-size:11px}.app .sound-preferences input{min-height:15px}.app .class-card form{flex-wrap:wrap}.admin-table-card{padding:20px!important}.admin-nav{gap:4px}.admin-nav>button{font-size:11px;padding:11px 12px}.app .admin-editor{padding:25px!important}.editor-actions{bottom:-25px}.app .unit-plant-list{grid-template-columns:repeat(auto-fill,minmax(87px,1fr))}.ranking-controls select{max-width:190px}.duel-setup .card{padding:23px}.profile-grid{gap:17px}.battle-question{padding:24px!important}}@media(max-width:540px){.app main{padding:21px 16px 105px}.app h1,.app .page-title h1{font-size:25px;letter-spacing:-.8px}.app .page-title{align-items:flex-start;gap:12px}.app .page-title p{font-size:12px;line-height:1.85}.garden-greeting h1{font-size:25px;letter-spacing:-1px;margin:7px 0}.garden-greeting h1>span{font-size:24px}.garden-greeting p{font-size:12px}.garden-greeting .eyebrow{font-size:8px;letter-spacing:1.2px}.garden-greeting{margin-bottom:19px}.garden-world{border-radius:21px}.world-heading{padding:17px 17px 13px}.world-heading h2{font-size:19px}.world-heading .eyebrow{font-size:7px;letter-spacing:1px}.weather{font-size:0;gap:0}.weather svg{width:24px;height:24px}.garden-scene{height:250px}.plots-grid{right:121px;left:14px;bottom:22px;gap:10px 7px}.garden-plot{height:88px}.plot-plants{height:62px;bottom:20px;inset-inline:-5px}.plot-plants .plant-art{height:59px;width:45%;margin:0 -5px}.garden-plot>b{font-size:9px;padding:1px 8px}.plot-soil{height:17px;border-width:2px;bottom:23px}.garden-sun{width:112px;height:194px;right:2px;bottom:11px}.garden-sun .sf-scene-sun{width:116px;height:178px}.garden-sun-bubble{font-size:9px;padding:8px;top:0;left:-10px;right:5px;border-radius:12px 12px 12px 3px}.garden-sun-bubble svg{display:none}.plot-water{top:2px;right:-4px;font-size:8px;padding:1px 3px}.plot-water svg{width:10px}.plant-legend{font-size:9px;gap:12px;padding:12px 7px}.plant-legend svg{width:13px;height:13px}.today-card{padding:19px;gap:0;border-radius:21px;grid-template-columns:1fr}.today-label{font-size:8px}.today-card h2{font-size:21px;grid-column:1;margin:10px 0 6px}.today-card>p{font-size:11px;grid-column:1;margin-bottom:16px;min-height:0}.today-card>.primary-action{grid-column:1;grid-row:4;font-size:13px;min-height:50px}.today-card>.water-action{grid-column:1;grid-row:5;margin-top:16px;min-height:64px;padding:11px 13px}.water-action b{font-size:12px}.water-action small{font-size:10px}.daily-progress{grid-row:6;grid-column:1;margin-top:20px}.daily-progress>div:first-child{font-size:11px}.tiny-caption{font-size:10px;margin-top:7px}.sun-mini-note{grid-row:7;grid-column:1;padding-top:15px;font-size:11px}.garden-stats{grid-template-columns:1fr 1fr;padding:0;margin:19px 0;border-radius:19px}.garden-stats>div{padding:17px 18px;gap:12px}.garden-stats>div:nth-child(2){border:0}.garden-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.garden-stats .stat-bubble{width:38px;height:40px}.garden-stats b{font-size:23px}.garden-stats small{font-size:10px}.social-cards{grid-template-columns:1fr;gap:12px}.social-card{padding:19px 17px;gap:13px;border-radius:17px}.social-card .social-icon{display:grid;width:45px;height:47px}.social-card h3{font-size:13px;margin:4px 0}.social-card p{font-size:10px}.social-card>svg{width:17px}.social-card .eyebrow{font-size:7px;letter-spacing:1px}.garden-unit-grid{grid-template-columns:1fr;gap:11px}.garden-unit-card{padding:16px;gap:15px;border-radius:16px}.unit-plant{width:64px;height:76px}.garden-unit-card h3{font-size:14px}.garden-unit-card .eyebrow{font-size:8px}.garden-unit-card p{font-size:11px}.garden-unit-card small{font-size:10px}.garden-unit-card .progress-track{margin:9px 0 6px}.app .section-heading{margin:25px 0 15px;gap:10px}.app .section-heading .eyebrow{font-size:7px;letter-spacing:1.1px}.app .section-heading h2{font-size:21px}.app .section-heading .text-button{font-size:10px;white-space:nowrap}.garden-home>.sun-coach{margin-top:25px}.garden-home>.sun-coach .sun-coach-bubble p{font-size:11px}.app .unit-grid{gap:13px}.app .unit-art{height:120px}.app .unit-art>.plant-art{width:76px;height:87px}.app .unit-number{font-size:8px;padding:3px 5px}.app .unit-copy{padding:17px 13px}.app .unit-copy h3{font-size:14px}.app .unit-copy p{font-size:10px}.app .unit-copy small{font-size:9px;line-height:1.8}.app .unit-copy .mini-label{font-size:8px}.unit-water-badge{font-size:8px;right:6px;bottom:7px;padding:3px 5px}.app .unit-header{padding:23px 20px}.app .unit-header h1{font-size:27px}.app .unit-header>.eyebrow{font-size:9px}.app .unit-plant-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.word-plant{border-radius:14px}.word-plant b{font-size:10px}.word-plant small{font-size:9px}.app .lesson-row{padding:16px 14px;gap:12px}.app .lesson-row h3{font-size:14px}.app .lesson-row p{font-size:10px}.app .lesson-row .mini-label{font-size:8px}.app .lesson-number{height:37px;width:37px;font-size:13px}.app .lesson-row>svg{width:18px}.app .cumulative h2{font-size:21px}.app .cumulative p{font-size:12px}.app .cumulative .button{font-size:11px}.app .card{padding:21px}.app .review-grid{gap:16px}.app .review-grid h2{font-size:20px}.app .review-grid p{font-size:12px}.app .review-hero h2{font-size:22px}.app .review-hero>div:first-child{max-width:76%}.app .review-hero p{font-size:11px}.app .review-hero>.sf-scene-sun{width:83px;height:144px;right:-2px}.app .review-hero .button{font-size:11px;padding:11px 13px}.app .schedule-note{padding:19px 15px;gap:12px}.app .schedule-note p{font-size:11px}.app .learning-screen .sun-coach-name{font-size:7px;letter-spacing:.5px}.app .learning-screen .sun-coach-bubble p{font-size:12px}.app .learning-screen .sun-repeat{font-size:10px;min-height:29px}.app .learning-screen .sun-coach-bubble{padding:12px}.app .learning-screen .lesson-heading h1{font-size:22px}.app .learning-screen .lesson-heading .eyebrow{font-size:9px}.app .learning-screen .step-count{font-size:10px}.app .learning-screen .learning-panel{padding:21px 17px}.app .learning-screen .writing .word-art.vocabulary-picture{width:145px;height:145px}.app .learning-screen .write-prompt{font-size:22px;margin-bottom:17px}.app .learning-screen .writing>.mini-label{font-size:9px}.app .answer-display{font-size:25px;min-height:55px}.app .answer-display.placeholder{font-size:12px}.app .letter-keys button{min-height:42px;font-size:20px}.app .letter-keyboard-tools button{min-height:37px;font-size:11px}.app .learning-screen .writing .button{font-size:13px;min-height:47px}.app .learning-screen .helper{font-size:10px}.app .learning-screen .feedback{font-size:11px}.app .word-grid{gap:12px}.app .word-card{padding:14px}.app .word-card h2{font-size:19px}.app .word-card>p{font-size:12px}.app .word-card>.ipa{font-size:11px}.app .library-filters{gap:12px}.app .library-filters input{font-size:12px}.app .library-filters>select{font-size:12px}.app .exam-card h2{font-size:24px}.app .exam-pagination .button{font-size:11px;padding:11px 12px}.app .exam-card p{font-size:11px}.app .answer-review-row{padding:16px;gap:12px}.app .answer-review-row b{font-size:12px}.app .answer-review-row p{font-size:11px}.hub-grid{grid-template-columns:1fr;gap:14px}.hub-card{padding:22px;display:grid;grid-template-columns:55px 1fr;column-gap:17px;border-radius:19px}.hub-icon{grid-column:1;grid-row:1/4;width:55px;height:59px;border-radius:17px;margin:0;align-self:center}.hub-icon svg{width:28px}.hub-card h2{grid-column:2;font-size:20px}.hub-card p{grid-column:2;font-size:11px;margin:7px 0 13px}.hub-card>.text-button{grid-column:2;font-size:11px}.profile-grid{grid-template-columns:1fr}.class-card{grid-column:1}.preference-card h2,.class-card h2{font-size:21px}.toggle-row{font-size:12px!important}.app .class-card form{display:block}.class-card form label{max-width:none}.class-card form .button{margin-top:15px}.my-classes .text-button{font-size:10px}.ranking-controls{flex-direction:column;align-items:stretch;gap:12px}.ranking-controls>select{max-width:none;font-size:12px}.pill-tabs>button{flex:1;justify-content:center;font-size:12px;padding:11px}.rank-grade{font-size:10px;padding:8px 10px;flex-shrink:0;margin-top:8px}.rank-grade svg{width:14px}.board-period{font-size:10px;margin:23px 0 10px}.podium{gap:9px;margin-top:38px}.podium-avatar{width:50px;height:50px;border-radius:18px;font-size:22px}.place-1 .podium-avatar{width:66px;height:66px;border-radius:23px}.podium-player h3{font-size:11px}.podium-player>b{font-size:15px}.podium-player>b small{font-size:9px}.podium-step{height:75px;border-radius:13px 13px 0 0}.place-1 .podium-step{height:110px}.place-3 .podium-step{height:58px}.podium-step strong{font-size:24px}.podium-step>svg{width:23px}.leaderboard-row{padding:14px 13px;gap:11px}.rank-number{font-size:17px;width:24px}.rank-avatar{width:33px;height:34px;border-radius:11px;font-size:13px}.rank-name{font-size:12px}.rank-name small{font-size:8px;margin-left:5px;padding:2px 5px}.leaderboard-row>strong{font-size:13px}.leaderboard-row>strong small{font-size:9px}.my-rank{padding:15px;font-size:11px;align-items:center}.my-rank b{font-size:18px}.ranking-rules{padding:18px 15px;gap:11px}.ranking-rules p{font-size:11px}.friendly-empty h2{font-size:22px}.duel-setup{gap:18px}.duel-side{display:block}.duel-create h2,.duel-join h2{font-size:22px}.duel-create>p,.duel-join>p{font-size:12px}.duel-unit-list{gap:8px;max-height:260px}.duel-unit-list label{padding:10px 8px;gap:7px}.duel-unit-list b{font-size:11px}.duel-unit-list small{font-size:9px}.duel-unit-list label>svg{display:none}.duel-create .form-row{gap:12px}.duel-create .form-row label{font-size:11px}.duel-create .form-row select{font-size:11px;padding:11px 7px}.duel-how{padding:4px 5px}.battle-header{gap:10px}.battle-header h1{font-size:21px}.battle-header .eyebrow{font-size:7px;letter-spacing:1px}.room-code{padding:9px 11px;display:grid;grid-template-columns:1fr 17px;gap:2px 7px;border-radius:12px}.room-code>span{font-size:6px;grid-column:1}.room-code b{font-size:16px;letter-spacing:2px;grid-column:1}.room-code>svg{grid-column:2;grid-row:1/3;width:14px}.versus-row{gap:8px;margin:23px 0}.battle-player{padding:12px 8px;gap:7px;border-radius:14px;flex-direction:column;text-align:center}.battle-avatar{width:36px;height:37px;border-radius:13px;font-size:17px}.battle-player b{font-size:10px;line-height:1.5}.battle-player small{font-size:9px}.versus-mark{font-size:14px}.waiting-room h2{font-size:20px}.waiting-room p{font-size:11px}.battle-question{padding:22px 17px!important}.battle-question>.word-art{width:170px;height:170px}.battle-question h2{font-size:24px}.battle-question form .helper{font-size:10px}.battle-question form .button{font-size:13px}.duel-result h2{font-size:22px}.duel-result>p{font-size:12px}.duel-result .pill-row{flex-direction:column;gap:14px}.duel-feedback{font-size:11px;padding:12px 14px;white-space:normal;width:max-content;max-width:calc(100% - 28px)}.duel-feedback>svg{width:18px;flex-shrink:0}.admin-workspace .page-title{flex-direction:column}.admin-workspace .page-title>.button{font-size:10px;min-height:36px;padding:7px 12px}.admin-nav{margin-bottom:22px;border-radius:13px}.admin-nav>button{flex-direction:column;gap:4px;font-size:8px;padding:9px 10px}.admin-nav>button>svg{width:18px;height:18px}.admin-stat-grid{gap:12px}.admin-stat-grid>.card{padding:18px;border-radius:18px}.admin-stat-grid b{font-size:27px}.admin-stat-grid span{font-size:10px}.admin-overview-grid{gap:17px}.admin-overview-grid .card{padding:20px}.admin-overview-grid h2{font-size:18px}.admin-section-heading{gap:12px;flex-wrap:wrap}.admin-section-heading h2{font-size:20px}.admin-section-heading p{font-size:11px}.admin-section-heading>.button{font-size:11px;padding:10px 13px;min-height:40px}.admin-table-card{padding:18px!important;border-radius:18px!important}.admin-filters{gap:13px;align-items:stretch}.admin-filters>.search-box{flex-basis:100%;width:100%}.admin-filters input{font-size:12px}.admin-filters>select{width:100%;font-size:11px}.table-scroll table{font-size:11px;min-width:550px}.table-scroll td{padding:14px 10px}.table-scroll td b{font-size:12px}.table-scroll th,.table-scroll td small{font-size:9px}.content-subnav button{font-size:11px;padding:8px 14px}.app .admin-editor{padding:24px 19px!important;max-height:92vh;border-radius:20px}.admin-editor h2{font-size:22px!important;padding-right:20px}.admin-editor label{font-size:12px}.editor-grid{grid-template-columns:1fr;gap:16px}.admin-editor input,.admin-editor select{font-size:12px}.editor-actions{bottom:-24px;padding-top:16px;gap:10px}.editor-actions .button{font-size:12px;padding:10px 15px}.asset-upload-field{gap:8px}.asset-upload-field input{font-size:10px}.asset-upload-field>label:first-child{font-size:10px}.upload-control{font-size:10px!important;padding:8px}.upload-control>svg{width:14px}.lesson-word-options{grid-template-columns:1fr}.admin-class h3{font-size:18px}.class-invite b{font-size:19px;letter-spacing:2px}.app .cdn-settings>h2{font-size:21px}.cdn-settings>p{font-size:12px}.cdn-settings label,.cdn-settings input{font-size:12px}.app .modal-backdrop{padding:14px}.app .modal.account{padding:27px 23px}.app .account h2{font-size:24px}.app .account p{font-size:12px}}@media(max-width:360px){.app main{padding-left:13px;padding-right:13px}.app .topbar{padding-left:13px;padding-right:13px}.app .mobile-grade{left:13px}.app .top-actions{gap:6px}.app .topbar .mobile-brand{font-size:25px}.app .voice-select>svg{display:none}.app .voice-select select{width:58px;font-size:9px}.app .topbar .icon-button{min-width:27px}.app .top-actions .mobile-profile{width:27px;height:28px}.garden-greeting h1{font-size:23px}.garden-greeting p{font-size:11px}.world-heading{padding:15px}.world-heading h2{font-size:18px}.garden-scene{height:238px}.plots-grid{left:10px;right:108px;gap:8px 5px;bottom:21px}.garden-plot{height:84px}.garden-sun{width:104px;right:0;height:183px;bottom:8px}.garden-sun .sf-scene-sun{width:107px;height:166px}.garden-sun-bubble{font-size:8px;left:-7px;right:4px;padding:8px 6px}.plot-plants .plant-art{height:53px;width:49%}.garden-plot>b{font-size:8px;padding:1px 7px}.plant-legend{gap:9px;font-size:8px}.garden-stats>div{padding:16px 12px;gap:9px}.garden-stats .stat-bubble{width:33px;height:36px}.social-card{padding:16px 14px;gap:10px}.social-card h3{font-size:12px}.social-card p{font-size:9px}.social-card .social-icon{width:38px;height:42px;border-radius:12px}.social-card .social-icon svg{width:23px}.app:has(.learning-screen) .topbar{padding-left:12px;padding-right:12px}.app:has(.learning-screen) .mobile-grade .grade-selector select{width:80px;font-size:8px}.app:has(.learning-screen) .mobile-grade{max-width:102px}.app:has(.learning-screen) .top-actions{gap:4px}.app .learning-screen .sun-coach-bubble p{font-size:11px}.app .learning-screen .sun-coach-bubble{padding:10px}.app .learning-screen .sun-coach-name{font-size:6px}.app .letter-keys button{min-height:40px;font-size:19px}.app .learning-screen .writing .button{font-size:12px}.app .bottom-nav>a{font-size:9px}.bottom-icon{min-width:44px}.admin-nav>button{font-size:7px;padding:8px}.app .my-rank{font-size:10px}.rank-name{font-size:11px}}.home-sun-voice{display:grid;place-items:center;width:29px;height:29px;min-width:29px;flex-shrink:0;border:0;background:#fff0ba;color:#8b6618;border-radius:9px;padding:0}.home-sun-voice:hover{background:#ffe188}.garden-sun[data-speaking=true] .sf-face-mouth{animation:sf-source-talk .38s ease-in-out infinite}@media(max-width:540px){.garden-sun{right:9px}.garden-sun-bubble{padding-right:5px;gap:3px}.home-sun-voice{width:25px;height:29px;min-width:25px;background:transparent}.garden-sun-bubble .home-sun-voice svg{display:block;width:15px;height:15px}}@media(max-width:760px){.app:has(.learning-screen) .topbar .mobile-brand{display:none}}@media(max-width:360px){.app .topbar .motion{display:none}.app:has(.learning-screen) .topbar .motion{display:inline-flex}}@media(prefers-reduced-motion:reduce){.scene-butterfly,.garden-plot,.social-card,.garden-unit-card{animation:none!important;transition:none!important}}[data-motion=off] .scene-butterfly{animation:none!important}.app .room-invite{margin:16px 0;padding:18px 20px}.room-invite>label{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:700}.room-invite>label svg{color:var(--purple)}.room-invite-controls{display:flex;align-items:center;gap:12px;min-width:0}.app .room-invite-controls input{flex:1;min-width:0;width:100%;margin:0;font-size:12px;background:var(--soft);color:var(--ink)}.room-invite-controls .button{flex-shrink:0}.room-invite>p{margin-top:10px;font-size:11px;line-height:1.8}.app .duel-invite-status{max-width:680px;margin:24px auto;text-align:center;padding:32px 24px}.duel-invite-status h1{margin:12px 0;font-size:24px}.duel-invite-status p{line-height:1.8;margin-bottom:20px}.duel-invite-status [role=status]>svg{color:var(--purple)}.app .room-start-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:16px 0;padding:18px 20px;border:2px solid var(--line)}.room-start-bar>div:first-child{min-width:0}.room-start-bar b{font-size:16px;display:block}.room-start-bar p{font-size:12px;margin-top:5px;line-height:1.8}.room-start-bar.everyone-ready{border-color:var(--green)}.room-start-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.room-start-actions .button{white-space:nowrap}.app .duel-create .form-row{grid-template-columns:repeat(3,minmax(0,1fr))}.app .room-roster{margin:20px 0;padding:18px 20px}.room-roster>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}.room-roster>summary::-webkit-details-marker{display:none}.room-roster>summary b{display:block;font-size:16px}.room-roster>summary small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.room-roster[open]>summary>svg{transform:rotate(90deg)}.room-player-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-top:18px;max-height:360px;overflow-y:auto}.app .room-player-grid .battle-player{flex-direction:row;text-align:left;align-items:center;padding:12px;gap:10px;min-width:0}.room-player-role{display:block;font-size:10px;color:var(--muted);margin:2px 0}.room-player-grid .battle-player>div{min-width:0}.room-player-grid .battle-player small{display:block}.room-player-grid .player-withdrawn{opacity:.65}.active-room-banner>a{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.active-room-banner>a>svg{flex-shrink:0}.active-room-banner>.text-button{flex-shrink:0;min-height:40px}.app .duel-join-note{font-size:12px;line-height:1.8;margin:12px 0}.app .room-start-hint{font-size:12px;max-width:420px}.app .battle-timer{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px}@media(max-width:760px){.app .room-start-bar{flex-direction:column;align-items:stretch;padding:16px}.room-start-actions{flex-wrap:wrap}.room-start-actions .button{flex:1}.app .active-room-banner{flex-direction:column;align-items:stretch}.active-room-banner>.text-button{align-self:flex-start}}@media(max-width:540px){.app .duel-create .form-row{grid-template-columns:1fr 1fr}.duel-create .form-row>label:last-child{grid-column:1/-1}.app .room-roster{padding:16px}.room-player-grid{grid-template-columns:1fr 1fr;gap:8px}.app .room-player-grid .battle-player{padding:10px 8px;flex-direction:column;text-align:center;gap:6px}.room-player-grid .battle-player b{font-size:11px}.room-start-actions{flex-direction:column;align-items:stretch}.room-start-actions .button{white-space:normal}}@media(max-width:540px){.app .room-invite{padding:16px}.room-invite-controls{flex-direction:column;align-items:stretch;gap:10px}.room-invite-controls .button{width:100%}.app .duel-invite-status{padding:24px 18px}.duel-invite-status h1{font-size:22px}}.app:has(.learning-screen){--learning-bar-height:78px}.app:has(.learning-screen) .workspace{min-height:100dvh}.app:has(.learning-screen) main{min-height:calc(100dvh - var(--learning-bar-height));padding:16px 24px}.app .learning-screen{--learning-picture-size:clamp(140px,25dvh,280px);max-width:1200px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.8fr);grid-template-areas:"back heading" "coach panel";gap:16px 24px;align-items:center}.app .practice-screen{grid-template-areas:"back heading" "progress progress" "coach panel"}.app .learning-screen>.back-link{grid-area:back;justify-self:start;margin:0;min-height:36px;padding:8px 12px;line-height:1.5}.app .learning-screen>.lesson-heading{grid-area:heading;min-width:0;margin:0;padding:10px 16px;border-radius:16px}.app .learning-screen .lesson-heading h1{font-size:clamp(19px,1.8vw,25px);margin-top:3px;overflow-wrap:anywhere}.app .learning-screen .lesson-heading .eyebrow{font-size:9px;letter-spacing:1px}.app .learning-screen .step-count{flex-shrink:0;font-size:10px;white-space:nowrap}.app .learning-screen>.lesson-progress{grid-area:progress;margin:0}.app .learning-screen>.sun-coach{grid-area:coach;flex-direction:column;gap:12px;min-width:0;width:100%;min-height:0;margin:0;padding:0}.app .learning-screen .sun-coach-actor{width:140px;height:180px}.app .learning-screen .sun-coach-actor>.sf-scene-sun{width:140px;height:180px}.app .learning-screen .sun-coach-bubble{width:100%;padding:16px}.app .learning-screen .sun-coach-bubble:before{top:-7px;left:calc(50% - 6px);transform:rotate(135deg)}.app .learning-screen>.learning-panel{grid-area:panel;min-width:0;width:100%;max-width:none;min-height:0;margin:0;padding:18px 22px}.app .discovery-word{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center;width:100%;margin:12px 0 16px}.app .learning-screen .discovery-word>.word-art{width:100%;max-width:var(--learning-picture-size);height:auto;aspect-ratio:1;margin:0;justify-self:center}.app .discovery-definition{min-width:0;text-align:center}.app .learning-screen .discovery-definition .term{font-size:clamp(29px,3vw,42px);margin:0 0 3px;overflow-wrap:anywhere}.app .discovery-definition .meaning{margin:9px 0 0;font-size:18px;overflow-wrap:anywhere}.app .discover-panel>.name-introduction{margin:-5px 0 10px;font-size:11px;line-height:1.5;text-align:center}.app .learning-screen .discover-dots{margin:12px 0}.app .learning-screen .panel-actions{margin:0 0 10px}.app .learning-screen .helper{font-size:11px;line-height:1.6;text-align:center;max-width:460px}.app .learning-screen .editorial{max-width:100%;margin-top:10px}.app .learning-screen .word-example{max-width:540px;font-size:12px;line-height:1.6;text-align:center;margin:0 0 12px;overflow-wrap:anywhere}.app .word-example>span:first-child{font-size:10px;font-weight:700;color:var(--green);margin-right:7px}.app .learning-screen .writing .word-art{width:clamp(90px,16dvh,145px);height:auto;aspect-ratio:1;margin:4px 0}.app .practice-word{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;margin:4px 0 8px}.app .practice-word .word-art{flex-shrink:0}.app .learning-screen .practice-word .write-prompt{margin:0;max-width:340px}.app .learning-screen .write-prompt{font-size:clamp(20px,2vw,25px);margin:3px 0 12px;text-align:center;overflow-wrap:anywhere}.app .learning-screen .writing>.helper{margin-top:6px}.app .learning-screen .writing .write-tools{margin:8px 0}.app .learning-screen .writing form{max-width:580px}.app .learning-screen .writing .practice-word>.word-art{width:clamp(70px,12dvh,100px);height:auto;aspect-ratio:1}.app .learning-screen .writing .answer-wrap{min-height:52px}.app .learning-screen .writing .answer-wrap input{min-height:50px;padding:10px 0;font-size:20px;outline:0;box-shadow:none}.app .learning-screen .writing .answer-display{min-height:50px;padding:6px 0}.app .learning-screen .writing .button.full{min-height:44px;padding:10px 14px}.app .learning-screen .letter-keyboard{margin-top:10px}.app .learning-screen .letter-keys{gap:5px}.app .learning-screen .letter-keys button{min-height:38px;padding:2px 0;font-size:18px}.app .learning-screen .letter-keyboard-tools{margin-top:6px}.app .learning-screen .letter-keyboard-tools button{min-height:34px}@media(min-width:761px)and (max-height:720px){.app:has(.learning-screen) main{padding-top:10px;padding-bottom:10px}.app .learning-screen{--learning-picture-size:clamp(110px,22dvh,160px);gap:10px 20px}.app .learning-screen .sun-coach-actor,.app .learning-screen .sun-coach-actor>.sf-scene-sun{width:105px;height:140px}.app .learning-screen>.learning-panel{padding:14px 18px}.app .learning-screen .writing .word-art{width:90px}.app .learning-screen .letter-keys button{min-height:36px}}@media(max-width:999px){.app .learning-screen{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"back heading" "coach coach" "panel panel";gap:12px}.app .practice-screen{grid-template-areas:"back heading" "progress progress" "coach coach" "panel panel"}.app .learning-screen>.sun-coach{flex-direction:row;gap:12px;align-items:center}.app .learning-screen .sun-coach-actor,.app .learning-screen .sun-coach-actor>.sf-scene-sun{width:72px;height:96px}.app .learning-screen .sun-coach-bubble{flex:1;width:auto;padding:10px 14px}.app .learning-screen .sun-coach-bubble:before{top:30px;left:-7px;transform:rotate(45deg)}.app .learning-screen .sun-coach-bubble p{font-size:12px;line-height:1.65;margin:3px 0 6px}.app .learning-screen .sun-coach-name{font-size:7px}}@media(max-width:760px){.app:has(.learning-screen){--learning-bar-height:60px}.app:has(.learning-screen) .topbar{height:var(--learning-bar-height);padding:0 12px;gap:6px}.app:has(.learning-screen) .top-actions{gap:5px;min-width:0}.app:has(.learning-screen) .mobile-grade{flex:1;min-width:0;max-width:118px}.app:has(.learning-screen) .mobile-grade .grade-selector{min-width:0}.app:has(.learning-screen) .mobile-grade .grade-selector select{width:100%;min-width:0}.app:has(.learning-screen) .voice-select select{width:64px}.app:has(.learning-screen) main{padding:12px 14px calc(76px + env(safe-area-inset-bottom))}.app:has(.learning-screen) .bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-top:3px;padding-bottom:calc(4px + env(safe-area-inset-bottom))}.app:has(.learning-screen) .speech-speed-panel{top:68px}.app .learning-screen{--learning-picture-size:clamp(100px,18dvh,170px);gap:10px}.app .learning-screen>.back-link{font-size:10px;padding:7px 9px;gap:5px}.app .learning-screen>.lesson-heading{padding:8px 11px;gap:8px;border-radius:13px}.app .learning-screen .lesson-heading h1{font-size:18px;line-height:1.35;margin-top:2px;letter-spacing:-.5px}.app .learning-screen .lesson-heading .eyebrow{font-size:7px;letter-spacing:.5px}.app .learning-screen .step-count{font-size:9px;padding:5px 6px}.app .learning-screen .sun-coach-actor,.app .learning-screen .sun-coach-actor>.sf-scene-sun{width:55px;height:76px}.app .learning-screen>.sun-coach{gap:9px}.app .learning-screen .sun-coach-bubble{padding:9px 11px}.app .learning-screen .sun-coach-name{font-size:6px;letter-spacing:.5px}.app .learning-screen .sun-coach-bubble p{font-size:11px;line-height:1.6}.app .learning-screen .sun-repeat{min-height:28px;font-size:10px;padding:4px 8px}.app .learning-screen>.learning-panel{padding:14px;border-radius:18px}.app .learning-screen .discovery-word{gap:12px;margin:10px 0 12px}.app .learning-screen .discovery-definition .term{font-size:clamp(26px,7vw,35px)}.app .learning-screen .discovery-definition .meaning{font-size:16px;margin-top:6px}.app .learning-screen .discovery-definition .ipa{font-size:12px}.app .learning-screen .discover-dots{margin:10px 0}.app .learning-screen .panel-actions{margin-bottom:8px;gap:8px}.app .learning-screen .panel-actions .button{min-height:42px;font-size:12px;padding:9px 13px}.app .learning-screen .helper{font-size:10px}.app .practice-screen{grid-template-areas:"back heading" "progress progress" "coach coach" "panel panel"}.app .practice-screen>.back-link{font-size:0;gap:0;padding:8px;min-width:32px}.app .learning-screen .writing .word-art{width:clamp(80px,12dvh,115px)}.app .learning-screen .writing .practice-word>.word-art{width:80px}.app .learning-screen .write-prompt{font-size:20px;margin-bottom:10px}.app .learning-screen .writing>.mini-label{font-size:9px}.app .learning-screen .letter-keyboard{margin-top:10px}.app .learning-screen .letter-keys button{min-height:38px}.app .learning-screen .letter-keyboard-tools button{min-height:34px}.app .practice-screen .sun-coach-name{display:none}.app .practice-screen .sun-coach-actor,.app .practice-screen .sun-coach-actor>.sf-scene-sun{width:48px;height:64px}.app .practice-screen .sun-coach-bubble{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.app .practice-screen .sun-coach-bubble p{margin:0}.app .practice-screen .sun-repeat{font-size:0;gap:0;padding:6px;min-width:32px;min-height:32px}.app .learning-screen .writing .practice-word>.word-art{width:68px}.app .practice-screen>.learning-panel{padding-top:12px;padding-bottom:12px}}@media(max-width:360px){.app:has(.learning-screen) .topbar{padding:0 9px}.app:has(.learning-screen) .top-actions{gap:4px}.app:has(.learning-screen) .mobile-grade{max-width:88px}.app:has(.learning-screen) .mobile-grade .grade-selector select{font-size:8px}.app:has(.learning-screen) main{padding-left:10px;padding-right:10px}.app .learning-screen>.learning-panel{padding:12px}.app .learning-screen .lesson-heading h1{font-size:16px}.app .learning-screen .discovery-word{gap:9px}.app .learning-screen .discovery-definition .term{font-size:26px}}@media(max-width:760px)and (max-height:700px){.app:has(.learning-screen){--learning-bar-height:52px}.app:has(.learning-screen) main{padding-top:8px;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app .learning-screen{--learning-picture-size:90px;gap:8px}.app .discover-screen>.back-link{font-size:0;padding:8px;min-height:32px}.app .discover-screen>.lesson-heading{padding:6px 9px}.app .learning-screen .sun-coach-name{display:none}.app .learning-screen .sun-coach-actor,.app .learning-screen .sun-coach-actor>.sf-scene-sun{width:42px;height:58px}.app .learning-screen .sun-coach-bubble{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px}.app .learning-screen .sun-coach-bubble p{margin:0}.app .learning-screen .sun-repeat{font-size:0;gap:0;padding:6px;min-width:29px;min-height:29px}.app .learning-screen .sun-repeat svg{width:15px;height:15px}.app .learning-screen>.learning-panel{padding:10px 12px}.app .learning-screen .discovery-word,.app .learning-screen .discover-dots{margin:8px 0}.app .learning-screen .helper{font-size:9px}.app .learning-screen .practice-word{gap:12px;margin:4px 0 8px}.app .learning-screen .writing .word-art{width:70px}.app .learning-screen .writing .practice-word>.word-art{width:70px}.app .learning-screen .practice-word .write-prompt{font-size:18px}}.sun-public-intro{--public-surface:#fff;--public-ink:#293b37;--public-muted:#6a7c75;--public-line:#e4ede7;--public-soft:#f5f9f6;width:min(1100px,calc(100% - 48px));margin:28px auto 90px;padding:0;background:none;border:0;border-radius:0;color:var(--public-ink);font-family:Be Vietnam Pro,sans-serif;display:grid;grid-template-columns:1.08fr 1fr;gap:22px;line-height:1.65}.sun-public-intro[hidden]{display:none!important}.app .sun-public-intro{width:100%;margin:30px 0 0;padding:0;background:none;border:0;border-radius:0}.home-public-slot:empty{display:none}.public-learning-panel,.public-reading-panel{min-width:0;padding:27px 28px 28px;background:var(--public-surface);border:1px solid var(--public-line);border-radius:22px;box-shadow:0 5px #27352a04}.public-panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.public-section-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e8f5eb;color:#438b5b;flex:none}.public-section-icon svg{width:21px;height:21px}.public-book-icon{background:#fff3d5;color:#b38c30}.public-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.25px;color:#548068}.sun-public-intro h2,.app .sun-public-intro h2{font-size:24px;font-weight:800;letter-spacing:-.65px;line-height:1.4;margin:0;color:var(--public-ink)}.sun-public-intro .public-learning-panel>p,.sun-public-intro .public-reading-panel>p{font-size:12px;line-height:1.85;color:var(--public-muted);margin:12px 0 21px;max-width:420px}.sun-public-intro .public-grade-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sun-public-intro .public-grade-links a{display:flex;align-items:center;gap:9px;min-width:0;min-height:77px;padding:12px 10px;background:var(--public-soft);border:1px solid var(--public-line);border-radius:14px;color:var(--public-ink);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}.sun-public-intro .public-grade-links a:hover{background:#edf7ef;border-color:#a8cdb1;transform:translateY(-2px)}.public-grade-number{display:grid;place-items:center;flex:none;width:32px;height:36px;border-radius:10px;background:#dff0e4;color:#3f8053;font-size:21px;font-weight:800}.public-grade-link>span:nth-child(2){min-width:0;font-size:9px;color:var(--public-muted);line-height:1.6}.public-grade-link strong{display:block;font-size:13px;color:var(--public-ink);font-weight:700;white-space:nowrap}.public-grade-link>svg{width:13px;height:13px;margin-left:auto;flex:none;color:#91ad9b}.public-grade-link:nth-child(3n+2) .public-grade-number{background:#fff0cf;color:#ac8530}.public-grade-link:nth-child(3n) .public-grade-number{background:#e5eefc;color:#6386b2}.public-reading-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.public-reading-heading h2,.app .public-reading-heading h2{font-size:21px}.public-all-posts{font-size:10px;font-weight:700;color:#468466;white-space:nowrap;text-decoration:none;flex:none}.public-all-posts span{font-size:15px;margin-left:3px}.public-all-posts:hover{text-decoration:underline}.public-reading-list{display:grid;gap:9px}.public-reading-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--public-line);border-radius:13px;min-height:77px;text-decoration:none;transition:background .15s,border-color .15s}.public-reading-card:hover{background:var(--public-soft);border-color:#b8d3bf}.public-article-number{align-self:flex-start;padding-top:2px;font-size:11px;font-weight:800;color:#9bb5a6;flex:none}.public-article-copy{flex:1;min-width:0}.public-article-copy h3,.app .public-article-copy h3{margin:0 0 5px;font-size:12px;font-weight:650;line-height:1.7;color:var(--public-ink);letter-spacing:0}.public-article-copy>span{font-size:9px;color:var(--public-muted)}.public-article-copy>span>span{color:#468466;margin-left:4px}.public-reading-card>svg{flex:none;width:15px;height:15px;color:#9ab1a3}.public-reading-empty{display:block;padding:20px;border-radius:14px;background:var(--public-soft);color:#438b5b;font-size:13px;text-decoration:none}.sun-public-intro a:focus-visible{outline:3px solid #e9bc48;outline-offset:3px}.app[data-theme=dark] .sun-public-intro{--public-surface:#253041;--public-ink:#edf2f5;--public-muted:#afbdc6;--public-line:#3b4b58;--public-soft:#2c3b49}.app[data-theme=dark] .sun-public-intro a:hover{background:#30483f}.app[data-theme=dark] .public-eyebrow,.app[data-theme=dark] .public-all-posts{color:#8dc8a6}@media(max-width:1200px){.sun-public-intro{grid-template-columns:1fr 1fr;gap:18px}.public-learning-panel,.public-reading-panel{padding:24px}.sun-public-intro .public-grade-links{grid-template-columns:repeat(2,minmax(0,1fr))}.public-desktop-break{display:none}}@media(max-width:1000px){.sun-public-intro{grid-template-columns:1fr}.sun-public-intro .public-grade-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.sun-public-intro{width:calc(100% - 32px);gap:16px}.app .sun-public-intro{margin:24px 0 0}.public-learning-panel,.public-reading-panel{padding:21px 19px;border-radius:19px}.sun-public-intro h2,.app .sun-public-intro h2{font-size:21px;letter-spacing:-.45px}.public-panel-heading{gap:9px;margin-bottom:14px}.public-eyebrow{font-size:8px;letter-spacing:1px}.public-section-icon{width:32px;height:32px;border-radius:10px}.sun-public-intro .public-learning-panel>p,.sun-public-intro .public-reading-panel>p{font-size:11px;margin:10px 0 18px;line-height:1.85}.sun-public-intro .public-grade-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.sun-public-intro .public-grade-links a{padding:11px 10px;min-height:70px;gap:8px}.public-grade-number{width:30px;height:34px;font-size:20px}.public-reading-heading h2,.app .public-reading-heading h2{font-size:19px}.public-all-posts{font-size:9px}.public-reading-card{padding:12px;gap:10px}.public-article-copy h3,.app .public-article-copy h3{font-size:11px}.public-reading-card>svg{width:13px;height:13px}}@media(prefers-reduced-motion:reduce){.sun-public-intro a{transition:none!important}.sun-public-intro a:hover{transform:none!important}}