:root{font-family:Be Vietnam Pro,sans-serif;color:#131b2e;background:#faf8ff;font-synthesis:none;font-size:14px;line-height:1.6;font-weight:400;--ink:#131b2e;--green:#006b2c;--yellow:#f59e0b;--line:#bdcaba;--muted:#3e4a3d;--cream:#faf8ff}*{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 #f59e0b;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:#3e4a3d}button svg,a svg{flex-shrink:0}input,select{border:1px solid #bdcaba;border-radius:12px;background:#fff;color:var(--ink);padding:13px 14px;min-width:0;width:100%;outline:none}input:focus,select:focus{border-color:#006b2c;box-shadow:0 0 0 3px #bdcaba}input::placeholder{color:#6e7b6c}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:#fff;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:#6e7b6c}.brand-dot{color:#f59e0b}.brand-mark{width:45px;height:45px;border-radius:16px;background:#f59e0b;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 #bdcaba;border-radius:10px;font-size:11px;font-weight:600;color:#6e7b6c;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:#6e7b6c;font-size:13px;font-weight:600;transition:.15s}.sidebar nav a:hover{background:#f2f3ff;color:var(--green)}.sidebar nav a.active{background:#dcfce7;color:#006b2c}.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:#825100;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:#3e4a3d}.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:#e2e7ff;color:#597452;font-weight:800}.profile-button b{display:block;font-size:11px}.profile-button small{font-size:9px;color:#6e7b6c}.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:#3e4a3d}.breadcrumb b{color:#6e7b6c;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:#825100}.streak span{font-weight:400;color:#3e4a3d}.xp{color:#825100}.xp svg{fill:#f1d77c;stroke:#825100}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bdcaba;border-radius:50%;padding:9px;background:transparent;min-width:36px;min-height:36px}.voice-select{display:flex;align-items:center;gap:5px;color:#3e4a3d}.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:#6e7b6c}footer span{margin:0 10px}.eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#3e4a3d}.mini-label{display:block;font-size:9px;font-weight:600;letter-spacing:1.05px;color:#3e4a3d}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #006b2c;background:#006b2c;color:#fff;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:#005320;transform:translateY(-1px)}.button.secondary{background:#fff;color:#006b2c;border-color:#bdcaba}.button.secondary:hover:not(:disabled){background:#f0fdf4}.button.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:4px 0;color:#006b2c;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:#3e4a3d}.card{border:1px solid #bdcaba;border-radius:20px;background:#fff;padding:28px}.badge{display:inline-block;font-size:9px;font-weight:600;border:1px solid #bdcaba;background:#f2f3ff;color:#7f9172;border-radius:6px;padding:3px 7px}.helper{display:block;color:#3e4a3d;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:#dcfce7;color:#789369}.peach{background:#ffddb8;color:#825100}.lavender,.blue{background:#ccfbf1;color:#006f64}.green{color:#006b2c}.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:#3e4a3d}.error-box{background:#ffdad6;color:#93000a;border:1px solid #ffdad6;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 #bdcaba;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:#3e4a3d}.wave{color:#f59e0b}.date-label{font-size:8px;letter-spacing:1.2px;color:#6e7b6c;text-align:right;flex-shrink:0}.date-label b{display:block;color:#6e7b6c;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 #ffb95f;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:#131b2e}.hero-copy>p:not(.hero-unit){font-size:11px;line-height:1.9;color:#3e4a3d}.hero-copy .button{margin-top:19px;background:#006b2c;border-color:#006b2c;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:#fff;border:1px solid #e5dfc5;border-radius:13px;padding:13px 16px;font-size:11px;line-height:1.8;font-weight:500;color:#3e4a3d;box-shadow:0 3px 5px #5f673509}.speech:after{content:"";position:absolute;bottom:-6px;left:65%;width:10px;height:10px;background:#fff;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:#f59e0b;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:#fff;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:#131b2e}.stats-strip b small{font-size:11px;color:#6e7b6c;font-weight:400}.stats-strip p>span{font-size:9px;color:#6e7b6c}.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:#6e7b6c}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.mission{padding:24px 21px 20px;border-radius:16px;border:1px solid #bdcaba;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:#3e4a3d;margin:8px 0 6px}.mission.peach h3,.mission.lavender h3{color:#3e4a3d}.mission p{font-size:10px;color:#3e4a3d}.mission.peach p,.mission.lavender p{color:#3e4a3d}.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:#fff;border:1px solid #bdcaba;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:#3e4a3d}.progress-track{height:5px;border-radius:10px;background:#eaedff;overflow:hidden}.progress-track>span{display:block;height:100%;background:#00873a;border-radius:10px;transition:width .25s}.unit-copy .progress-track{margin:19px 0 9px}.unit-copy small{font-size:8px;color:#6e7b6c;display:flex;justify-content:space-between;align-items:center}.resume-banner{display:flex;align-items:center;gap:12px;border:1px solid #bdcaba;background:#f0fdf4;border-radius:12px;padding:15px 18px;font-size:11px;color:#3e4a3d;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:#3e4a3d}.cumulative{background:#f2f3ff;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:#131b2e;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 #bdcaba;background:#fff;border-radius:16px;padding:22px;transition:background .2s}.lesson-row:hover{background:#f2f3ff}.lesson-number{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eaedff;color:#83976e;font-size:18px;flex-shrink:0;font-weight:600}.lesson-number.done{background:#dfead4;color:#006b2c}.lesson-row h3{margin:4px 0}.lesson-row p{font-size:10px;color:#3e4a3d}.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 #bdcaba;border-radius:8px;color:#6e7b6c}.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 #bdcaba;background:#fff;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:#131b2e;margin:5px 0 3px;text-align:center}.ipa{font-family:Segoe UI,sans-serif;color:#6e7b6c;font-size:13px}.meaning{font-size:15px;color:#3e4a3d;margin:9px 0 13px}.audio-row{display:flex;gap:7px;align-items:center}.audio-button{border:1px solid #bdcaba;border-radius:20px;padding:9px 13px;background:#f2f3ff;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:#6e7b6c;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:#eaedff;border-radius:10px;padding:0;border:0}.discover-dots button[aria-current=true]{background:#00873a;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:#fff;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 #bdcaba;border-radius:10px;padding:10px;cursor:pointer;background:#fff}.unit-checks label.selected{background:#eaedff;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:#fff;border:1px solid #bdcaba;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:#fff;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:#fff}.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:#fff;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:#fff}.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:#fff;border:1px solid #bdcaba;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:#fff;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:#fffffff5;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}}.account .privacy-notice{font-size:12px;line-height:1.8;text-align:left;color:#52645a}.account .privacy-notice a{color:#246343;text-decoration:underline;text-underline-offset:3px}.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 #bdcaba;border-radius:10px;background:#f2f3ff;color:#3e4a3d;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.speech-speed-trigger[aria-expanded=true]{background:#e2e7ff;border-color:#bdcaba}.speech-speed-panel{position:absolute;top:calc(100% + 14px);right:0;width:288px;max-width:calc(100vw - 28px);padding:20px;background:#fff;border:1px solid #bdcaba;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:#3e4a3d}.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:#006b2c;font-variant-numeric:tabular-nums}.speech-speed-value>span{font-size:10px;color:#3e4a3d}.speech-speed-slider{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;accent-color:#006b2c;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 #bdcaba;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 #e2e7ff;border-radius:8px;background:#fff;color:#3e4a3d;font-size:10px;font-weight:600}.speech-speed-presets button[aria-pressed=true]{background:#e2e7ff;border-color:#bdcaba;color:#006b2c}.speech-speed-panel p{font-size:10px;line-height:1.9;color:#3e4a3d;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 #bdcaba;border-radius:10px;background:#f2f3ff;color:#6a8656}.grade-selector select{margin:0;border:0;background:transparent;box-shadow:none;padding:8px 0;font-size:11px;font-weight:600;color:#006b2c}.grade-selector svg{flex-shrink:0}.mobile-grade{display:none}.vocabulary-picture{background-repeat:no-repeat;border-radius:20px;background-color:#fff;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:#3e4a3d;padding:9px 12px;margin-top:8px;background:#f0fdf4;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 #bdcaba;border-radius:8px;background:#f2f3ff;color:#006b2c;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:#e2e7ff}.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 #bdcaba;border-radius:17px;background:#fff;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:#fff;border-left:1px solid #bdcaba;border-bottom:1px solid #bdcaba;transform:rotate(45deg)}.sun-coach-name{font-size:8px;color:#6e7b6c;letter-spacing:1.2px;font-weight:700}.sun-coach-bubble p{font-size:14px;line-height:1.9;color:#3e4a3d;margin:4px 0 8px;font-weight:500}.sun-repeat{display:inline-flex;align-items:center;gap:6px;border:0;background:#e2e7ff;border-radius:9px;padding:6px 10px;color:#3e4a3d;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:#006b2c;overflow-wrap:anywhere;white-space:pre-wrap;padding:8px 0}.answer-display.placeholder{font-size:13px;letter-spacing:0;color:#6e7b6c}.answer-caret{display:none;width:2px;height:25px;margin-left:2px;background:#006b2c;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 #bdcaba;background:#fff;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 #bdcaba;padding-top:15px;margin-top:15px}.sound-preferences label{display:flex;align-items:center;gap:9px;color:#3e4a3d;font-size:10px;font-weight:500}.sound-preferences input{width:15px;height:15px;accent-color:#006b2c;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}}@media(max-width:360px){.app[data-grade="8"] .learning-screen .discover-panel .term{font-size:22px;line-height:1.25}}.teaching{max-width:1200px;margin:auto}.teaching .card,.teaching-entry{padding:24px;margin-bottom:20px;min-width:0}.teaching h1,.teaching h2,.teaching h3{overflow-wrap:anywhere}.teaching h2{display:flex;align-items:center;gap:9px;font-size:21px}.teaching h3{font-size:18px;margin:0}.teaching p,.teaching-entry p{line-height:1.65;color:var(--muted,#66716b)}.teaching form label{display:grid;gap:8px;margin:15px 0;font-weight:600}.teaching input,.teaching select,.teaching textarea{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border,#dce4df);background:var(--surface,#fff);color:inherit;border-radius:10px;padding:12px;font:inherit}.teaching select{max-width:100%}.teaching textarea{resize:vertical}.teaching form .checkbox-label{display:flex;align-items:center;gap:10px;font-weight:400}.teaching input[type=checkbox]{width:18px;height:18px;flex:none}.teaching-entry,.teaching-meet{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.teaching-entry>div,.teaching-meet>div:first-of-type{flex:1;min-width:190px}.teaching-entry h2{margin:0 0 5px}.teaching-entry p{margin:0}.teaching-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.teaching-meet .teaching-actions{max-width:460px}.teaching-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:24px}.teaching-class-list{display:grid;gap:16px}.teaching-class-list .card{margin:0}.teaching-class-link{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit}.teaching-class-link>div{flex:1;min-width:0}.teaching-class-link>svg{color:var(--green,#396a54);flex:none}.teaching-class-link h2,.teaching-class-link h3{margin:0}.teaching-class-link p{margin:7px 0 0}.teaching-class-link>span{font-size:13px;font-weight:700}.teaching-join{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.teaching .teaching-join label{flex:1;min-width:180px;margin:0}.teaching-join{margin-bottom:20px}.teaching-invite{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.teaching-invite>div{flex:1}.teaching-invite span{display:block;font-size:12px;font-weight:600}.teaching-invite strong{display:block;font-size:30px;letter-spacing:5px;-webkit-user-select:all;user-select:all}.teaching-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border,#dce4df);margin:24px 0;overflow-x:auto}.teaching-tabs button{flex-shrink:0;border:0;background:transparent;padding:14px 18px;font:inherit;color:inherit;border-bottom:3px solid transparent;cursor:pointer}.teaching-tabs button.active{border-color:var(--green,#396a54);font-weight:700;color:var(--green,#396a54)}.teaching-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;flex-wrap:wrap}.teaching-heading h2{margin:0}.teaching-roster>div{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--border,#e6ebe7);padding:15px 0;flex-wrap:wrap}.teaching-roster>div>div{flex:1;min-width:130px}.teaching-roster small{display:block;color:var(--muted,#66716b);margin-top:5px;font-size:12px}.teaching-roster select{width:180px}.teaching-online{width:9px;height:9px;border-radius:50%;background:#bcc4c0;flex:none}.teaching-online.online{background:#3ca26e}.teaching-form{border:2px solid var(--green,#396a54)}.teaching-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.teaching-checks{max-height:240px;overflow:auto;padding:0 8px}.teaching fieldset{border:1px solid var(--border,#dce4df);border-radius:12px;margin:20px 0}.teaching-text{white-space:pre-wrap;overflow-wrap:anywhere}.teaching-notice{background:#fff4d7;border-radius:10px;padding:16px;color:#674d12!important}.teaching-report{border:2px solid var(--green,#396a54)}.teaching-report .table-scroll{margin-top:20px}.teaching table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.teaching th,.teaching td{padding:13px 15px;border-bottom:1px solid var(--border,#e2e8e3);font-size:14px}.teaching td small{display:block}.teaching-review{margin-top:20px}.teaching-review>div{padding:12px 0;border-bottom:1px solid var(--border,#e2e8e3)}.teaching-flashcard{margin-top:24px;padding:25px;border-radius:20px;background:var(--bg,#f3f7f2)}.teaching-presentation{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--surface,#fff);color:var(--text,#273d33);padding:30px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}.teaching-word{border:0;background:none;width:100%;min-height:220px;cursor:pointer;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.teaching-word strong{font-size:clamp(30px,6vw,80px);overflow-wrap:anywhere;max-width:100%}.teaching-word span{font-size:15px}.teaching-presentation .teaching-word{flex:1}.teaching-clock{font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;margin:14px 0}.teaching-chosen{font-size:28px;font-weight:700}.teaching-gate{padding:40px}.teaching button:disabled{opacity:.5;cursor:not-allowed}.teaching .text-button{white-space:normal}.teaching .button{white-space:normal;text-align:center}.teaching-entry a{white-space:normal}.teaching a:focus-visible,.teaching button:focus-visible{outline:3px solid #d5a148;outline-offset:3px}@media(max-width:700px){.teaching-columns{grid-template-columns:1fr;gap:12px}.teaching .card,.teaching-entry{padding:18px}.teaching-form-grid{grid-template-columns:1fr;gap:0}.teaching-class-link{align-items:start;gap:12px}.teaching-class-link>span{display:none}.teaching-heading{align-items:start}.teaching-heading .button{width:100%}.teaching-tabs button{padding:12px}.teaching-presentation{padding:16px}.teaching-roster .text-button{font-size:12px}.teaching-invite strong{font-size:26px}.teaching-invite .button{font-size:13px}.teaching-meet .teaching-actions,.teaching-entry .button{width:100%}}.teaching .page-title{flex-wrap:wrap;gap:14px}.teaching .page-title>div{min-width:0;flex:1 1 220px}.teaching .page-title>.button{flex:none}.learning-resume{border:1px solid #b8d8c4;background:#eff9f2;color:#234d39;border-radius:20px;padding:16px 20px;margin:0 0 24px}.learning-resume>h2{font-size:17px;margin:0 0 10px;display:flex;align-items:center;gap:8px}.learning-resume-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0}.learning-resume-item+.learning-resume-item{border-top:1px solid #cfe5d6}.learning-resume-item>div{min-width:0;display:grid;gap:3px}.learning-resume-item b{font-size:14px;overflow-wrap:anywhere}.learning-resume-item small{font-size:12px;color:#4b6757}.learning-resume-item .button{flex-shrink:0;min-height:44px;font-size:13px}.completion-next{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;margin:24px auto;max-width:560px}.completion-next h2{font-size:21px;margin:8px 0}.completion-next p{margin:8px 0 18px}.unit-lesson-card.recommended{border:2px solid #46986a}.unit-lesson-heading .next-lesson-label{color:#27734a;font-weight:700}.app[data-theme=dark] .learning-resume{background:#193e30;border-color:#386a51;color:#e5f7eb}.app[data-theme=dark] .learning-resume-item small{color:#b0d4bd}@media(max-width:600px){.learning-resume{padding:14px;margin-bottom:18px}.learning-resume-item{align-items:stretch;flex-direction:column;gap:10px}.learning-resume-item .button{width:100%}.completion-next{padding:18px}.completion-next .button{width:100%;white-space:normal;text-align:center}}.billing-page{max-width:1200px;margin:auto}.billing-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.billing-tabs a{padding:11px 17px;border-radius:14px;background:var(--surface,#fff);border:1px solid var(--border,#dce7da);color:inherit;font-weight:700}.billing-tabs a.active{background:#166534;color:#fff;border-color:#166534}.billing-page .card,.billing-profile{margin-bottom:20px}.billing-account,.billing-profile{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.billing-account>div:first-child,.billing-profile>div{flex:1;min-width:180px}.billing-account small{font-weight:800;color:var(--muted,#5f7161)}.billing-account strong{display:block;font-size:36px;color:#258046}.billing-account a{font-size:14px}.billing-account h2,.billing-profile h2{margin:5px 0}.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.billing-plan{display:flex;flex-direction:column;position:relative;padding:25px 20px!important;min-width:0}.billing-plan h2{font-size:24px;margin:12px 0}.billing-plan p{color:var(--muted,#5f7161);line-height:1.6}.billing-plan ul{list-style:none;padding:0;display:grid;gap:13px;font-size:14px;flex:1;margin:18px 0 24px}.billing-plan li{display:flex;align-items:flex-start;gap:8px}.billing-plan li svg{flex-shrink:0;color:#258046;margin-top:2px}.billing-plan .button{justify-content:center;font-size:14px;padding:12px 8px}.billing-price{font-size:38px;font-weight:850;color:#21753e}.billing-price small{font-size:14px;font-weight:600}.billing-plan.recommended{border:2px solid #2d914e;padding-top:34px!important}.billing-recommend{position:absolute;top:-12px;left:14px;right:14px;background:#21753e;color:#fff;border-radius:12px;padding:5px;font-size:10px;font-weight:800;text-align:center}.billing-confirm{border:2px solid #299151;scroll-margin-top:100px}.billing-confirm .text-button{margin:12px}.billing-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.billing-dl{display:grid;gap:14px}.billing-dl>div{display:flex;justify-content:space-between;gap:18px;align-items:baseline}.billing-dl dd{font-weight:800;margin:0;overflow-wrap:anywhere;text-align:right}.billing-form{display:grid;gap:14px}.billing-page label,.billing-admin label{display:grid;gap:8px;font-weight:700}.billing-page input,.billing-admin input,.billing-admin textarea,.billing-admin select{width:100%;min-width:0;padding:12px;border:1px solid var(--border,#ccd9ca);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit;box-sizing:border-box}.billing-page h2 svg{vertical-align:middle;margin-right:8px}.billing-page p,.billing-admin p{line-height:1.7}.billing-amounts{display:flex;gap:8px;flex-wrap:wrap}.billing-amounts button{padding:9px 18px;border-radius:10px;border:1px solid #bdd4bf;background:#f5fbf3;color:#245f37}.billing-amounts button.active{background:#1f783e;color:#fff}.billing-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.billing-stats strong{display:block;font-size:30px;color:#268246}.billing-stats span{display:block;font-size:14px;margin-top:8px}.billing-referral input{margin:12px 0;overflow-wrap:anywhere}.billing-status{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;white-space:nowrap;background:#edf2ed;color:#425246}.billing-status.pending{background:#fff0bc;color:#785400}.billing-status.approved,.billing-status.paid,.billing-status.active{background:#ddf5df;color:#17622e}.billing-status.rejected,.billing-status.reversed,.billing-status.refunded{background:#ffe4e0;color:#953b30}.billing-table table,.billing-admin table{width:100%;border-collapse:collapse;font-size:14px}.billing-table td,.billing-table th,.billing-admin td,.billing-admin th{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border,#e3eadf)}.billing-table small,.billing-admin td small{display:block;font-size:12px;margin-top:6px}.billing-rewards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.billing-rewards>div{padding:15px;background:var(--surface-alt,#f4faf0);border-radius:15px}.billing-rewards strong,.billing-rewards small{display:block;margin-top:9px}.billing-contact{background:#fff2ce;color:#6c5018;padding:16px;border-radius:14px}.billing-preline{white-space:pre-line;overflow-wrap:anywhere}.billing-icon{display:inline-flex;padding:18px;border-radius:50%;background:#e7f5df;color:#276f3c}.billing-upgrade{text-align:center;max-width:650px;margin:35px auto}.billing-upgrade p{line-height:1.8}.billing-signin{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.billing-signin p{flex:1}.billing-admin .billing-form{max-width:750px}.billing-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.billing-admin .card{margin-bottom:20px}.billing-admin-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:16px}.billing-admin .billing-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.billing-admin .billing-stats .card{padding:18px}.billing-admin .billing-stats strong{font-size:23px}.billing-upgrade-link{display:inline-flex;margin:8px;font-weight:800;text-decoration:underline}.billing-lock{display:inline-block;background:#fff1cb;color:#73521a;padding:5px 10px;border-radius:10px;font-size:12px;font-weight:800}.billing-profile{padding:20px}.billing-profile p{margin:5px 0}.billing-explanation{margin-bottom:27px}.billing-admin input[type=checkbox]{width:auto}.billing-admin .checkbox-label{display:flex;align-items:center}.billing-admin fieldset{border:0;padding:0;margin:0}.billing-admin legend{font-weight:800;margin-bottom:15px}@media(max-width:1100px){.billing-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-admin .billing-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-admin-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.billing-plan-grid{grid-template-columns:1fr}}@media(max-width:650px){.billing-signin{display:block}.billing-signin .button{width:100%;justify-content:center;margin-top:12px}}@media(max-width:650px){.billing-split,.billing-admin-grid{grid-template-columns:1fr}.billing-plan-grid{gap:13px}.billing-plan{padding:22px 13px!important}.billing-plan h2{font-size:21px}.billing-price{font-size:31px}.billing-plan .eyebrow{font-size:10px}.billing-plan ul{font-size:13px}.billing-stats,.billing-rewards{grid-template-columns:1fr}.billing-stats .card{display:flex;align-items:center;justify-content:space-between;margin:0}.billing-account>div:last-child{width:100%}.billing-tabs a{padding:10px 12px;font-size:13px}.billing-admin .billing-stats{grid-template-columns:1fr 1fr}.billing-account{gap:10px}.billing-plan .button svg{display:none}.billing-plan .button{min-height:48px;font-size:13px}.billing-dl>div{flex-wrap:wrap}.billing-profile .button{width:100%;justify-content:center}}.class-journey{max-width:1040px;margin:auto}.journey-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 35px;border:1px solid #c6dfc3;border-radius:26px;background:linear-gradient(115deg,#eaf7e2,#fff7dc);margin-bottom:22px;color:#193c35}.journey-intro .eyebrow{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.7px;color:#1b7044}.journey-intro h1{font-size:36px;line-height:1.3;margin:12px 0;letter-spacing:-1.3px}.journey-intro p{font-size:13px;color:#49624c;line-height:1.8}.journey-summary{flex:none;text-align:center;padding:0 15px}.journey-summary>span{font-size:62px;display:block}.journey-summary>b{display:block;font-size:31px;color:#1c673b}.journey-summary small{font-size:15px;font-weight:500}.journey-summary p{font-size:11px}.journey-banner{display:flex;align-items:center;gap:17px;padding:22px 24px;background:var(--surface);border:1px solid #98c5a4;border-radius:20px;margin:0 0 22px;box-shadow:0 4px 14px #154d2410}.journey-banner-icon{flex:none;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;color:var(--green);background:var(--soft)}.journey-banner>div{flex:1;min-width:0}.journey-banner .eyebrow{font-size:9px;letter-spacing:1.3px}.app .journey-banner h2{font-size:19px;line-height:1.5;letter-spacing:-.5px;margin:4px 0}.journey-banner p{font-size:12px;margin:5px 0}.journey-banner small{font-size:10px;color:var(--muted)}.journey-banner>.button{flex:none;font-size:12px}.journey-progress{padding:3px 4px 22px}.journey-progress>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px}.journey-progress>[role=progressbar]{height:10px;background:var(--line);border-radius:8px;overflow:hidden}.journey-progress>[role=progressbar]>span{display:block;height:100%;background:linear-gradient(90deg,#319255,#8ac35c);border-radius:8px}.journey-progress>p{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:10px;margin-top:12px;color:var(--muted)}.journey-legend{display:flex;gap:20px;flex-wrap:wrap;padding:15px 0 25px;font-size:11px;color:var(--muted)}.journey-legend>span{display:flex;gap:6px;align-items:center}.journey-legend>span:first-child{color:var(--green)}.journey-legend>span:nth-child(2){color:#9b651d}.journey-road{list-style:none;margin:0;padding:0 0 0 70px;position:relative}.journey-road:before{content:"";position:absolute;left:23px;top:22px;bottom:70px;width:3px;background:var(--line);border-radius:5px}.journey-stop{position:relative;margin-bottom:23px}.journey-marker{position:absolute;left:-70px;top:24px;width:49px;height:49px;border:3px solid var(--surface);outline:1px solid var(--line);background:var(--soft);color:var(--muted);display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:19px;z-index:1}.journey-stop.completed .journey-marker{background:#287b4a;color:#fff;outline-color:#287b4a}.journey-stop.current .journey-marker{background:#f6c34f;color:#493e21;outline:4px solid #f6c34f33}.journey-unit{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:23px 25px}.journey-stop.current .journey-unit{border:2px solid #91b976;box-shadow:0 5px 18px #59834313}.journey-unit>header{display:flex;justify-content:space-between;align-items:center;gap:17px}.journey-unit>header>div{min-width:0}.journey-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-weight:700;font-size:10px}.completed .journey-status{color:var(--green)}.current .journey-status{color:#9b651d}.journey-unit h2{font-size:22px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}.journey-unit header p{font-size:12px}.journey-unit-emoji{font-size:48px;flex:none}.journey-unit-progress{display:flex;align-items:center;gap:16px;margin:17px 0;font-size:10px;color:var(--muted)}.journey-unit-progress>span{flex:none}.journey-unit-progress>div{height:5px;background:var(--line);border-radius:5px;max-width:220px;flex:1;overflow:hidden}.journey-unit-progress i{display:block;background:#55965b;height:100%;border-radius:5px}.journey-current-lesson{display:flex;align-items:center;gap:11px;background:var(--soft);border-radius:12px;padding:12px 14px;margin-bottom:15px;color:var(--green)}.journey-current-lesson b{display:block;font-size:12px}.journey-current-lesson span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.journey-lesson-steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}.journey-lesson-steps a{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--soft);font-size:12px;font-weight:700}.journey-lesson-steps a.done{background:#e1f4df;color:#21633b;border-color:#8cbb8e}.journey-lesson-steps a.next{background:#fff0ba;border:2px solid #c38e25;color:#574018}.journey-unit>footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.journey-unit footer .button{font-size:12px;min-height:43px}.journey-unit-test,.journey-water{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--green);font-weight:600}.journey-water{margin-left:auto;color:var(--muted)}.journey-free-choice{display:flex;gap:12px;padding:17px 21px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:25px 0}.journey-free-choice svg{flex:none;color:#b9851b}.journey-free-choice p{font-size:12px}.journey-checkpoints{padding-top:12px}.journey-checkpoints h2{display:flex;align-items:center;gap:9px;font-size:21px}.journey-checkpoints p{font-size:12px;margin:8px 0 16px}.journey-checkpoints>div{display:flex;flex-wrap:wrap;gap:10px}.journey-checkpoints .button{font-size:12px}.journey-no-content{text-align:center;padding:30px}.journey-no-content h2{font-size:21px;margin:12px}.app[data-theme=dark] .journey-legend>span:nth-child(2),.app[data-theme=dark] .current .journey-status{color:#f1c75e}.app[data-theme=dark] .journey-banner{border-color:#577e58}.journey-banner.is-finished{border-color:#d9b253}.journey-unit>footer{padding:0;border:0;text-align:left;color:inherit}.app[data-theme=dark] .journey-intro p{color:#49624c}.app[data-theme=dark] .journey-intro .eyebrow{color:#1b7044}@media(max-width:1050px){.journey-banner{flex-wrap:wrap}.journey-banner>.button{margin-left:73px}.journey-intro h1{font-size:32px}.journey-unit h2{font-size:20px}}@media(max-width:760px){.journey-intro{padding:24px;gap:10px}.journey-intro h1{font-size:29px}.journey-intro p{font-size:12px}.journey-summary{padding:0 5px}.journey-summary>span{font-size:50px}.journey-summary>b{font-size:26px}.journey-summary small{font-size:12px}.journey-banner{padding:18px}.journey-banner>.button{margin-left:0;width:100%}.app .journey-banner h2{font-size:18px}.journey-banner-icon{width:46px;height:46px;border-radius:14px}.journey-banner p{font-size:11px}.journey-road{padding-left:51px}.journey-road:before{left:17px}.journey-marker{left:-51px;width:37px;height:37px;top:22px;font-size:15px}.journey-unit{padding:18px}.journey-unit h2{font-size:19px}.journey-unit-emoji{font-size:37px}.journey-legend{font-size:10px;gap:12px}.journey-unit footer .button{font-size:11px}.journey-water{margin-left:0}.journey-current-lesson{padding:11px;align-items:flex-start}.journey-current-lesson b{font-size:11px}.journey-current-lesson span{font-size:10px}.journey-checkpoints .button{font-size:11px}}@media(max-width:420px){.journey-intro{padding:21px}.journey-intro h1{font-size:27px}.journey-intro p br,.journey-summary{display:none}.journey-banner{gap:10px;padding:17px}.app .journey-banner h2{font-size:17px}.journey-banner-icon{width:39px;height:39px}.journey-banner-icon svg{width:23px}.journey-progress>p{font-size:9px;gap:5px}.journey-legend{gap:9px;font-size:9px}.journey-legend svg{width:13px}.journey-road{padding-left:36px}.journey-road:before{left:12px;width:2px}.journey-marker{left:-36px;width:27px;height:27px;top:24px;border-width:2px;font-size:12px}.journey-marker svg{width:16px}.journey-unit{padding:16px 13px;border-radius:17px}.journey-unit h2{font-size:17px}.journey-unit-emoji{font-size:30px}.journey-unit>header{gap:7px}.journey-unit header p{font-size:11px}.journey-unit-progress{gap:9px;font-size:9px}.journey-status{font-size:9px}.journey-lesson-steps{gap:6px}.journey-lesson-steps a{width:30px;height:30px;font-size:11px;border-radius:8px}.journey-unit footer .button{width:100%;font-size:11px}.journey-unit-test,.journey-water{font-size:10px}.journey-unit>footer{gap:11px}.journey-free-choice{padding:15px;gap:9px}.journey-free-choice p{font-size:11px}.journey-checkpoints h2{font-size:19px}.journey-checkpoints p{font-size:11px}.journey-checkpoints .button{font-size:10px;padding:10px 12px}}.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}}.google-settings-heading{display:flex;align-items:center;gap:17px;margin-bottom:21px}.google-settings-heading>div{flex:1}.google-settings-heading h2{font-size:24px;margin:0 0 7px}.google-settings-heading p{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.google-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}.google-settings-form h3,.google-setup-guide h3{font-size:21px;margin:0 0 17px}.google-settings-form>label:not(.toggle-row){display:block;margin-top:21px;font-size:12px}.google-settings-form input{min-width:0}.google-settings-form .toggle-row{padding-top:0;margin-bottom:20px}.google-settings-form .toggle-row span{font-size:13px}.google-settings-form .toggle-row small{line-height:1.7;font-size:11px;max-width:360px}.google-secret-note{display:flex;align-items:flex-start;gap:7px;font-size:10px;color:var(--muted);line-height:1.8;margin:9px 0}.google-secret-note>svg{flex:none;margin-top:2px}.google-settings-form .google-clear-secret{display:flex!important;font-size:11px!important;line-height:1.7}.google-callback-row{display:flex;align-items:center;gap:8px}.google-callback-row input{flex:1;width:0;overflow-wrap:anywhere;font-size:11px}.google-callback-row .button{flex:none;padding:11px;margin-top:8px}.google-settings-form>.text-button{font-size:10px;margin-top:8px}.google-field-help{font-size:11px;color:var(--muted);line-height:1.8}.google-settings-save{margin-top:17px}.google-setup-guide>.eyebrow{font-size:9px}.google-setup-guide h3{margin-top:9px}.google-setup-guide ol{list-style:none;counter-reset:google-step;padding:0;margin:0}.google-setup-guide li{counter-increment:google-step;position:relative;padding:0 0 17px 37px}.google-setup-guide li:before{content:counter(google-step);position:absolute;left:0;top:0;background:#7cad8b1a;color:var(--green);width:25px;height:25px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:800}.google-setup-guide li>b{font-size:13px}.google-setup-guide p{font-size:11px;line-height:1.9;color:var(--muted);margin:5px 0 0}.google-setup-guide a{color:var(--green)}.google-setup-guide a>svg{display:inline;vertical-align:middle}.google-setup-guide details{border-top:1px solid var(--line);padding-top:15px}.google-setup-guide summary{cursor:pointer;font-size:12px;font-weight:700}.google-setup-guide details p{margin-top:12px}.google-doc-link{font-size:11px;margin-top:18px}@media(max-width:1100px){.google-settings-grid{grid-template-columns:1fr}}@media(max-width:760px){.google-settings-heading{gap:11px;flex-wrap:wrap}.google-settings-heading h2{font-size:20px}.google-settings-heading>.round-icon{width:40px;height:40px;min-width:40px}.google-settings-heading>.status-chip{margin-left:51px}.google-settings-grid>.card{padding:21px!important}.google-settings-form .toggle-row{gap:13px}.google-settings-form .toggle-row small{font-size:10px}.google-setup-guide li{padding-left:33px}.google-settings-save{width:100%}}.google-setup-guide code{overflow-wrap:anywhere;word-break:break-word}.google-setup-guide>ol>li{font-size:12px;line-height:1.8}.topics-page{max-width:1300px;margin:auto}.topics-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;border:1px solid #bdcaba;border-radius:28px;background:linear-gradient(115deg,#f0fdf4,#ffddb8);color:#131b2e}.topics-hero h1{font-size:clamp(27px,3vw,39px);line-height:1.2;margin:12px 0}.topics-hero p{max-width:660px;color:#3e4a3d;line-height:1.7}.topic-hero-stats{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;margin-top:24px}.topic-hero-stats b{font-size:23px;margin-right:4px}.topic-hero-art{position:relative;display:block;font-size:100px;padding:15px 30px}.topic-hero-art i{font-style:normal;position:absolute;font-size:34px}.topic-hero-art i:nth-child(1){left:0;bottom:0;transform:rotate(-12deg)}.topic-hero-art i:nth-child(2){right:0;top:0;transform:rotate(12deg)}.topic-hero-art i:nth-child(3){right:0;bottom:0}.topic-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0}.topic-toolbar .search-box{flex:1;max-width:560px}.topic-toolbar>span{font-size:12px;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.topic-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid var(--line);border-radius:23px;background:var(--surface);color:var(--ink);text-decoration:none;transition:transform .18s,box-shadow .18s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #23493612}.topic-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.topic-card-top>span:last-child{font-size:12px;font-weight:700;background:var(--soft);border-radius:30px;padding:7px 11px}.topic-emoji{display:grid;place-items:center;width:62px;height:62px;font-size:36px;background:#dcfce7;border-radius:20px}.topic-colour-1 .topic-emoji{background:#ffddb8}.topic-colour-2 .topic-emoji,.topic-colour-3 .topic-emoji{background:#ccfbf1}.topic-colour-4 .topic-emoji{background:#ffddb8}.topic-card>small{color:var(--muted);font-size:12px}.topic-card h2{font-size:20px;line-height:1.4;margin:5px 0 8px}.topic-card>p{color:var(--muted);font-size:13px;line-height:1.6;flex:1;margin:0 0 14px}.topic-preview{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:17px}.topic-preview>span{border:1px solid var(--line);border-radius:6px;padding:3px 6px;font-size:11px;overflow-wrap:anywhere}.topic-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:12px;color:var(--muted)}.topic-footnote{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:12px;line-height:1.7;margin:26px 0}.topic-footnote svg{flex-shrink:0}.topic-detail-hero{display:flex;align-items:center;gap:25px;padding:28px 32px;border-radius:25px;background:linear-gradient(110deg,#f0fdf4,#ffddb8);color:#131b2e;margin:15px 0 20px}.topic-detail-hero h1{margin:6px 0 10px;font-size:clamp(26px,3vw,36px);line-height:1.2}.topic-detail-hero p{color:#3e4a3d;line-height:1.6}.topic-detail-emoji{font-size:76px;flex-shrink:0}.topic-detail-count{font-size:13px;font-weight:600}.topic-level-bar{display:flex;align-items:center;gap:20px;margin-bottom:18px}.topic-level-bar label{min-width:215px;font-size:12px}.topic-level-bar p{color:var(--muted);font-size:12px;line-height:1.6}.topic-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 28px}.topic-content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start}.topic-content>section{min-width:0}.topic-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:20px}.topic-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:11px 14px;font-weight:600}.topic-tabs button[aria-selected=true]{background:#dcfce7;color:#006b2c}.topic-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.topic-lesson{display:flex;align-items:center;gap:12px;padding:18px 16px;border-radius:17px;border:1px solid var(--line);background:var(--surface);text-decoration:none;color:var(--ink);min-width:0}.topic-lesson:hover{border-color:#7ffc97}.topic-lesson-number{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;background:#dcfce7;border-radius:13px;color:#006b2c;font-weight:800}.topic-lesson h2{font-size:16px;margin:0 0 5px}.topic-lesson p{font-size:12px;line-height:1.7;color:var(--muted);margin:0;overflow-wrap:anywhere}.topic-lesson small{display:block;font-size:10px;color:#006b2c;margin-top:7px}.topic-lesson>svg{flex-shrink:0;margin-left:auto}.topic-lesson.is-complete{border-color:#bdcaba}.topic-study-sidebar{display:grid;gap:18px}.topic-test-card,.topic-review-card,.topic-history{padding:22px}.topic-test-card h2,.topic-review-card h2,.topic-history h2{font-size:18px;line-height:1.45}.topic-test-card p{font-size:12px;line-height:1.7;color:var(--muted)}.topic-test-card label{font-size:12px}.topic-test-card .form-row{gap:9px}.topic-test-card small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:12px}.topic-test-card{scroll-margin-top:100px}.topic-review-card .text-button{font-size:12px;margin-top:10px}.topic-history a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line);font-size:12px;color:var(--ink);text-decoration:none}.topic-history small{display:block;color:var(--muted);margin-top:4px}.topic-word-search{margin-bottom:18px}.topic-word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.topic-word-grid .word-card{min-width:0}.topic-word-grid .word-card h2{overflow-wrap:anywhere}.topic-word-grid .word-card-top{flex-wrap:wrap;gap:8px}.topic-word-grid .badge{white-space:normal;line-height:1.6}.topic-word-grid .word-art{margin:15px auto}.word-art.topic-word-emoji{display:grid;place-items:center;font-size:65px;background:#f2f3ff}.word-art.topic-word-emoji.big{font-size:95px}.topic-entry-banner{display:flex;align-items:center;gap:18px;border:1px solid #bdcaba;border-radius:20px;padding:22px 26px;background:linear-gradient(100deg,#f0fdf4,#ffddb8);margin:25px 0;text-decoration:none;color:#006b2c}.topic-entry-banner>span{font-size:40px}.topic-entry-banner div{flex:1}.topic-entry-banner h2{font-size:21px;margin:0 0 6px}.topic-entry-banner p{font-size:13px;line-height:1.6;color:#3e4a3d;margin:0}.topic-duel-selection{display:grid;gap:14px;margin:18px 0}.topic-duel-summary{background:var(--soft);padding:18px;border-radius:15px}.topic-duel-summary b{display:block;margin-bottom:6px}.topic-duel-summary p{font-size:13px;line-height:1.7}.topic-duel-summary a{font-size:12px;color:inherit}.app[data-theme=dark] .topic-tabs button[aria-selected=true],.app[data-theme=dark] .topic-lesson-number{background:#304d37;color:#d6edca}.app[data-theme=dark] .topic-lesson small{color:#a8c9a8}@media(min-width:1450px){.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-lesson-grid{grid-template-columns:1fr}}@media(max-width:800px){.topics-hero{padding:25px;gap:10px}.topic-hero-art{font-size:65px;padding:15px}.topic-hero-art i{font-size:24px}.topic-content{grid-template-columns:1fr}.topic-lesson-grid,.topic-study-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-level-bar{gap:14px}.topic-toolbar>span{display:none}.topic-word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.topics-hero{padding:23px 20px}.topic-hero-art{display:none}.topic-hero-stats{gap:8px 14px}.topic-hero-stats b{font-size:20px}.topic-grid{gap:12px}.topic-card{padding:16px 13px;border-radius:18px}.topic-emoji{width:48px;height:48px;font-size:29px;border-radius:16px}.topic-card h2{font-size:16px}.topic-card>p{font-size:12px}.topic-preview{display:none}.topic-card-top>span:last-child{padding:5px 7px;font-size:10px}.topic-card-bottom{font-size:10px}.topic-detail-hero{padding:23px 18px;gap:14px}.topic-detail-emoji{font-size:47px}.topic-detail-hero p{font-size:12px}.topic-detail-count{font-size:11px}.topic-level-bar{align-items:stretch;flex-direction:column;gap:3px}.topic-level-bar p{margin:2px 0}.topic-actions{gap:8px}.topic-actions .button{padding:11px 13px;font-size:12px}.topic-lesson-grid,.topic-study-sidebar,.topic-word-grid{grid-template-columns:1fr}.topic-entry-banner{padding:19px 16px;gap:12px}.topic-entry-banner>span{font-size:31px}.topic-entry-banner h2{font-size:18px}.topic-entry-banner p{font-size:12px}.topic-tabs{gap:4px}.topic-tabs button{font-size:12px;padding:10px}.topic-footnote{font-size:11px}}@media(prefers-reduced-motion:reduce){.topic-card{transition:none}.topic-card:hover{transform:none}}.learning-screen.topic-discover .discovery-definition .term{font-size:clamp(22px,4vw,38px);overflow-wrap:anywhere;line-height:1.4}.learning-screen.topic-discover .discovery-definition{min-width:0;max-width:100%}.animal-avatar{width:44px;height:44px;display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border-radius:16px;vertical-align:middle;background:#ffdad6}.animal-avatar>svg,.animal-avatar>img{width:100%;height:100%;display:block;object-fit:cover}.profile-summary .animal-avatar{width:96px;height:96px;border-radius:32px;border:4px solid var(--surface)}.animal-avatar.avatar{width:42px;height:42px;border-radius:15px;padding:0}.mobile-profile .animal-avatar{width:100%;height:100%;border-radius:inherit}.online-badge{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;font-weight:700;color:var(--green);padding:8px 10px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.online-badge>i,.online-dot{display:inline-block;width:7px;height:7px;flex:none;background:#006b2c;border-radius:50%;box-shadow:0 0 0 3px #006b2c17}.busy-dot{display:inline-block;width:6px;height:6px;background:#a36700;border-radius:50%}.app .challenge-notice{position:sticky;top:12px;z-index:45;display:flex;flex-wrap:wrap;border:2px solid var(--green);box-shadow:0 8px 28px #153a2029;background:var(--surface)}.challenge-notice .challenge-countdown{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--green);white-space:nowrap}.challenge-notice .challenge-sound{display:flex;align-items:center;gap:5px}.bot-offer{display:flex;gap:14px;border:2px solid var(--green);background:var(--surface);padding:18px;border-radius:18px;margin:14px 0}.bot-offer>div{min-width:0;flex:1}.bot-offer h3{font-size:16px;margin:0 0 8px}.bot-offer p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 14px}.bot-offer label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;flex-wrap:wrap}.bot-offer select{width:auto;min-width:120px;margin:0;max-width:100%}.bot-offer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.bot-offer-actions .button{min-height:44px;font-size:12px}@media(max-width:760px){.app .challenge-notice{top:8px;padding:14px;gap:10px}.challenge-notice>span[aria-live]{flex:1;min-width:150px}.challenge-notice .challenge-countdown{flex-basis:100%;text-align:right}.challenge-notice>.button{min-height:44px}.bot-offer{padding:14px;gap:10px}.bot-offer>.animal-avatar{width:36px;height:36px}.bot-offer-actions .button{width:100%}}.online-players{margin:0 0 26px}.online-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.online-heading h2{display:flex;align-items:center;gap:10px;font-size:23px;margin:6px 0}.online-heading p,.random-match p,.avatar-editor p{font-size:12px;color:var(--muted);line-height:1.7;margin:4px 0 0}.random-match{display:flex;align-items:center;gap:15px;background:#6df5e10d;border:1px solid #6df5e133;border-radius:18px;padding:20px;margin:22px 0 12px}.random-match>div{flex:1;min-width:0}.random-match h3{font-size:15px;margin:0}.random-match>.button{flex:none;font-size:12px}.random-match.is-searching{background:#006b2c0b;border-color:#006b2c44}.online-list{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.online-person{display:flex;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid var(--line);min-width:0}.online-person>span:nth-child(2){flex:1;min-width:0}.online-person b{display:block;font-size:13px;overflow-wrap:anywhere}.online-person small{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin-top:5px}.online-person .button{padding:9px 12px;min-height:36px;font-size:11px;flex:none}.online-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:25px 18px;color:var(--muted)}.online-empty p{font-size:13px;max-width:480px;line-height:1.8;margin:0}.online-help{font-size:10px;color:var(--muted);line-height:1.8;margin:12px 0 0}.community-notice{display:flex;align-items:center;gap:14px;padding:18px 21px;border:1px solid #6df5e166;background:var(--surface);border-radius:18px;margin-bottom:22px;flex-wrap:wrap;box-shadow:0 4px 14px #006b5f09}.community-notice>svg{color:#006b5f;flex:none}.community-notice>span{flex:1;min-width:180px;font-size:13px}.community-notice small{display:block;font-size:11px;color:var(--muted);line-height:1.7;margin-top:4px}.community-notice .button{font-size:12px;min-height:38px;padding:9px 15px}.community-notice .error-box{flex-basis:100%;margin:0}.outgoing-challenge{display:flex;align-items:center;gap:10px;background:#e8dff325;padding:14px;border-radius:12px;font-size:12px;margin:16px 0}.outgoing-challenge>span{flex:1}.outgoing-challenge .text-button{font-size:11px}.avatar-editor-title{display:flex;align-items:center;gap:13px;margin-bottom:18px}.avatar-editor-title>.animal-avatar{width:60px;height:60px;border-radius:21px}.avatar-editor-title h2{font-size:20px;margin:0}.animal-choices{display:grid;grid-template-columns:repeat(6,1fr);gap:12px 8px}.animal-choices>button{position:relative;padding:5px 2px;border:2px solid transparent;border-radius:14px;background:transparent;display:flex;align-items:center;flex-direction:column;gap:5px;cursor:pointer;color:var(--ink);min-width:0}.animal-choices>button:hover,.animal-choices>button[aria-pressed=true]{border-color:#00873a;background:#00873a0a}.animal-choices small{font-size:9px}.animal-choices .animal-avatar{width:44px;height:44px;border-radius:15px}.avatar-selected{position:absolute;right:2px;top:0;background:var(--green);color:#fff;border:2px solid var(--surface);border-radius:50%;width:19px;height:19px;display:grid;place-items:center}.avatar-upload{display:inline-flex!important;position:relative;cursor:pointer;margin-top:22px;font-size:12px!important}.avatar-upload input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%;margin:0}.avatar-upload.disabled{opacity:.5;pointer-events:none}.account-avatar{width:62px;height:62px;border-radius:22px;margin-bottom:14px}.account .google-login{margin:15px 0}.google-letter{font-family:Arial,sans-serif;color:#4285f4;font-size:23px;font-weight:700}.auth-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:14px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.account .google-pending{font-size:11px;color:var(--muted);padding:10px 12px;border-radius:12px;background:#00873a0b;margin:12px 0}.google-connected{display:flex;align-items:center;justify-content:center;gap:7px;color:var(--green)}.account{max-height:calc(100dvh - 32px);overflow-y:auto}.account form label{margin-top:12px}.podium-avatar>.animal-avatar{width:100%;height:100%;border-radius:inherit}.animal-avatar.rank-avatar{padding:0}@media(min-width:761px){.profile-grid:has(.avatar-editor) .preference-card{grid-column:1}.profile-grid:has(.avatar-editor) .class-card{grid-column:2}}@media(max-width:1100px){.online-list{grid-template-columns:1fr}.animal-choices{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){.online-badge{position:absolute;right:18px;bottom:3px;font-size:9px;padding:3px 7px;gap:5px}.online-badge>svg{width:12px;height:12px}.online-badge>i{width:5px;height:5px}.online-heading h2{font-size:20px}.online-heading .rank-grade{font-size:10px;padding:7px 9px}.random-match{flex-wrap:wrap;padding:16px;gap:11px}.random-match>.round-icon{width:40px;height:40px;min-width:40px}.random-match>div{min-width:160px}.random-match>.button{width:100%}.online-players{padding:20px!important}.online-person{gap:9px}.online-person>.animal-avatar{width:40px;height:40px}.online-person .button{padding:8px 10px;font-size:10px}.online-person b{font-size:12px}.online-person .button>svg{width:14px}.animal-choices{grid-template-columns:repeat(6,1fr)}.community-notice{padding:15px;gap:10px}.community-notice>span{font-size:12px}.community-notice>.button{flex:1}.avatar-editor-title h2{font-size:19px}.outgoing-challenge{flex-wrap:wrap}.outgoing-challenge .text-button{margin-left:28px}}@media(max-width:380px){.animal-choices{grid-template-columns:repeat(4,1fr)}.online-person .button{padding:8px}.online-person .button>svg{display:none}}.profile-settings{min-width:0;scroll-margin-top:90px}.profile-settings-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}.profile-settings-heading>.round-icon{flex-shrink:0}.profile-settings-heading h2{font-size:20px;margin:0 0 5px}.profile-settings-heading p,.profile-password-note{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.profile-settings form{display:flex;flex-direction:column;gap:17px}.profile-settings label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:var(--ink)}.profile-settings input{width:100%;min-width:0;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:var(--ink);padding:13px 14px;font:inherit;font-size:14px}.profile-settings input:focus-visible{outline:2px solid var(--green);outline-offset:2px}.profile-settings input:disabled{opacity:.65}.profile-settings .button{align-self:flex-start}.profile-login-details{margin:0;display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:11px;font-size:12px}.profile-login-details dt{color:var(--muted);margin-bottom:4px}.profile-login-details dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.profile-password-note{margin-bottom:18px}@media(max-width:600px){.profile-settings-heading h2{font-size:18px}.profile-settings input{font-size:16px}.profile-settings .button{width:100%;justify-content:center}}.garden-learning-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.learning-path{min-width:0;border:1px solid var(--line);border-radius:23px;background:var(--surface);padding:25px;color:var(--ink)}.grammar-learning-path{background:linear-gradient(135deg,#fff 35%,#ede2ff);border-color:#b89aee;box-shadow:0 8px 24px #6d28d914}.learning-path-heading{display:flex;align-items:center;gap:12px}.learning-path-heading>div{min-width:0;flex:1}.learning-path-heading h2{font-size:21px;line-height:1.4;margin:5px 0 0}.learning-path-icon{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:16px;background:#138548;color:#fff;box-shadow:0 4px #096534}.grammar-learning-path .learning-path-icon{background:#7537ce;color:#fff;box-shadow:0 4px #54209c}.learning-path>.learning-path-heading .eyebrow{font-size:9px;letter-spacing:1px}.learning-path>p{color:#3e4b59;font-size:13px;line-height:1.8;margin:16px 0}.learning-audio-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:#5821a0;white-space:nowrap;background:#e9d8ff;border:1px solid #cbb0f0;padding:7px 10px;border-radius:20px;font-weight:700}.learning-path-preview,.learning-path-resume{display:grid;gap:6px;background:#def5cf;padding:14px 16px;border-radius:13px;line-height:1.6}.grammar-learning-path .learning-path-preview,.grammar-learning-path .learning-path-resume{background:linear-gradient(110deg,#6728b8,#8844d7);color:#fff;box-shadow:inset 0 1px #ffffff25}.learning-path-preview>span,.learning-path-resume>span{font-size:12px}.learning-path-preview>b{font-size:17px;overflow-wrap:anywhere}.learning-path-resume>b{font-size:15px}.learning-path-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.learning-path-actions>.button{font-size:13px}.learning-path-actions>.text-button{font-size:12px}.learning-hub-group{margin-bottom:32px}.learning-hub-heading{display:flex;align-items:center;gap:12px;margin:0 0 18px}.learning-hub-heading h2{font-size:23px;margin:0}.learning-hub-heading>svg{color:#128441}.learning-hub-heading p{font-size:13px;color:var(--muted);margin:6px 0 0}.learning-hub-group .hub-card h3{font-size:20px;line-height:1.4;margin:16px 0 10px}.learning-hub-group .hub-card{min-width:0}.learning-topic-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;border-top:1px solid #c9b3e8;padding-top:20px}.learning-topic-list>a{display:flex;align-items:center;gap:10px;border:1px solid #c8b5e7;background:#fff;border-radius:14px;padding:15px 12px;text-decoration:none;color:#302145;min-width:0}.learning-topic-list>a>span:nth-child(2){flex:1;min-width:0}.learning-topic-list b{display:block;font-size:13px;line-height:1.6}.learning-topic-list small{display:block;font-size:11px;line-height:1.6;margin-top:4px;color:#665078}.learning-topic-list>a>svg{flex-shrink:0}.learning-topic-number{flex-shrink:0;display:grid;place-items:center;width:30px;height:32px;border-radius:10px;background:#7435c6;color:#fff;font-weight:700;font-size:13px}.learning-path a:focus-visible{outline:3px solid #d6b24c;outline-offset:4px}.learning-path.expanded{margin:0 0 30px}.app[data-theme=dark] .vocabulary-learning-path .learning-path-preview{background:var(--soft)}@media(max-width:1100px){.garden-learning-paths{gap:16px}.learning-path{padding:21px}.learning-path-heading h2{font-size:19px}.learning-audio-badge{display:none}.learning-topic-list{grid-template-columns:1fr}.learning-topic-list>a{padding:13px 16px}.learning-topic-list small{font-size:12px}}@media(max-width:700px){.garden-learning-paths{grid-template-columns:1fr;margin:20px 0}.learning-path{padding:20px;border-radius:20px}.learning-path-heading h2{font-size:20px}.learning-path-icon{width:43px;height:45px;border-radius:14px}.learning-hub-heading h2{font-size:22px}.learning-hub-heading p{font-size:12px}.learning-path-actions{gap:12px 18px}.learning-hub-group .hub-card h3{font-size:18px}.learning-topic-list>a{padding:13px 12px}}@media(max-width:360px){.learning-path{padding:18px 15px}.learning-path-heading{gap:10px}.learning-path-heading h2{font-size:18px}.learning-path-actions>.button{width:100%;justify-content:center}.learning-path>.learning-path-heading .eyebrow{font-size:8px}.learning-path-preview>b{font-size:16px}.learning-topic-list b{font-size:12px}}.learning-section-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 25px}.learning-section-switch button{display:flex;align-items:center;gap:13px;text-align:left;border:2px solid var(--line);border-radius:18px;background:var(--surface);color:#3c4b44;padding:18px 22px;cursor:pointer;font:inherit;min-width:0}.learning-section-switch button[aria-pressed=true]{border-color:#0b6a38;background:linear-gradient(120deg,#107d42,#1b934d);color:#fff;box-shadow:0 4px #095b31}.learning-section-switch button:nth-child(2)[aria-pressed=true]{border-color:#542099;background:linear-gradient(120deg,#6724b6,#8a43d6);color:#fff;box-shadow:0 4px #4e1c8b}.learning-section-switch button>svg{flex-shrink:0}.learning-section-switch button>span{font-weight:700;font-size:17px;line-height:1.5;min-width:0}.learning-section-switch small{display:block;font-size:12px;font-weight:400;margin-top:4px}.learning-section-switch button:focus-visible{outline:3px solid #d6b24c;outline-offset:3px}@media(max-width:600px){.learning-section-switch{gap:10px}.learning-section-switch button{padding:14px 12px;gap:8px;align-items:flex-start}.learning-section-switch button>span{font-size:14px}.learning-section-switch button>svg{width:20px;height:22px}.learning-section-switch small{font-size:10px}.learning-section-switch{margin-bottom:22px}}@media(max-width:360px){.learning-section-switch button{flex-direction:column;padding:13px 12px}.learning-section-switch button>span{font-size:13px}}.learning-path-heading h2{color:#183a28}.grammar-learning-path .learning-path-heading h2{color:#492078}.grammar-learning-path .eyebrow{color:#6429a6}.vocabulary-learning-path{border-color:#8ac98f;background:linear-gradient(135deg,#fff 35%,#e2f7d5);box-shadow:0 8px 24px #1684480c}.grammar-learning-path .learning-path-actions>.button{background:#ffd141;color:#3a2400;border-color:#d49d00;box-shadow:0 4px #cd9300}.grammar-learning-path .learning-path-actions>.button:hover{background:#ffdc65}.grammar-learning-path .learning-path-actions>.text-button{color:#5f219d}.learning-topic-list>a{border-left-width:4px;border-left-color:#783ec5;box-shadow:0 3px #e0d4ee}.learning-topic-list>a:nth-child(2){border-left-color:#d77808;background:#fff8e7}.learning-topic-list>a:nth-child(2) .learning-topic-number{background:#bd5f06}.learning-topic-list>a:nth-child(3){border-left-color:#087f9c;background:#edfbff}.learning-topic-list>a:nth-child(3) .learning-topic-number{background:#08758e}.learning-topic-list>a:hover{border-color:#8852c7;box-shadow:0 4px 10px #622c9d1c}.learning-section-switch button:not([aria-pressed=true]):hover{background:#f0f9e9;border-color:#6caa79}.learning-section-switch button:nth-child(2):not([aria-pressed=true]):hover{background:#f1e6ff;border-color:#b58bdf}.grammar-learning-path .learning-path-preview>span,.grammar-learning-path .learning-path-resume>span{color:#f5eaff}.learning-section-switch button[aria-pressed=true] small{color:#fff}.learning-path a:focus-visible,.learning-section-switch button:focus-visible{outline-color:#e5a000}.duel-experience{--duel-purple:#006b5f;--duel-gold:#ffb95f;--duel-soft:#f2f3ff;min-width:0}.duel-content{width:100%;max-width:1120px;margin:0 auto}.duel-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.duel-toolbar .back-link{margin:0}.duel-toolbar .duel-fullscreen{padding:10px 14px;font-size:12px;min-height:42px}.duel-experience .battle-header{gap:18px}.duel-experience .room-roster h3{font-size:16px;margin-bottom:20px}.duel-experience .room-code{flex-shrink:0}.duel-friendly-note{display:flex;align-items:center;gap:9px;padding:12px 15px;margin:18px 0;color:var(--muted);font-size:11px;line-height:1.7;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.duel-friendly-note>svg{flex-shrink:0}.duel-experience.battle-focus,.duel-experience:fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100%;height:100%;height:100dvh;padding:22px 30px max(30px,env(safe-area-inset-bottom));overflow-y:auto;background:var(--page,#f2f3ff);color:var(--ink)}body:has(.battle-focus){overflow:hidden}.battle-focus .duel-toolbar{position:sticky;top:-22px;z-index:3;padding:12px 0;background:var(--page,#f2f3ff);margin-top:-12px}.battle-focus .battle-header h1{font-size:25px}.battle-focus .duel-feedback{z-index:1010}.duel-match-progress{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;background:var(--surface);border:1px solid var(--line);border-radius:17px;margin:18px 0}.duel-match-progress>div{display:flex;flex-direction:column;gap:5px}.duel-match-progress>div>span{font-size:12px;font-weight:700;color:var(--muted)}.duel-match-progress>div>b{font-size:16px}.duel-clock{display:flex;align-items:center;gap:10px;background:var(--duel-soft);border-radius:12px;padding:10px 16px;font-size:23px;font-weight:800;font-variant-numeric:tabular-nums;color:#006b5f;white-space:nowrap}.time-low .duel-clock{background:#ffdad6;color:#93000a}.duel-play-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:20px}.duel-experience .battle-question{margin:0;max-width:none;padding:28px;min-width:0}.duel-experience .battle-question>.word-art{width:155px;height:155px;margin:18px auto}.duel-experience .battle-question h2{font-size:24px;margin:18px 0 24px}.duel-experience .battle-question .listen-orb{margin:22px auto}.duel-experience .answer-wrap{min-width:0}.duel-experience .answer-wrap input{min-width:0;width:100%}.duel-experience .duel-question-actions{display:flex;gap:12px;margin-top:23px}.duel-experience .duel-question-actions .button{flex:1;min-height:49px;margin:0;font-size:13px;padding:12px}.duel-answer-hint{font-size:11px!important;line-height:1.9;color:var(--muted);margin:18px 0 0}.duel-question-map{padding:23px!important;min-width:0}.duel-question-map h3{font-size:17px;line-height:1.5;margin:10px 0 17px}.duel-question-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.duel-question-grid>button{display:grid;place-items:center;min-height:39px;border-radius:10px;border:1px solid #ffb95f;background:#fff7e1;color:#825100;font-size:14px;font-weight:700}.duel-question-grid>button.current{background:#006b5f;color:#fff;border-color:#006b5f;box-shadow:0 0 0 3px #006b5f20;opacity:1}.duel-question-grid>button.answered{background:#dcfce7;color:#006b2c;border-color:#bdcaba;opacity:1}.duel-question-grid>button.pending:hover{background:#ffedbe}.duel-question-map>p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:10px;margin:18px 0 12px;color:var(--muted)}.duel-map-dot{width:8px;height:8px;border-radius:3px;display:inline-block}.duel-map-dot.answered{background:#006b2c}.duel-map-dot.pending{background:#edc76f;margin-left:5px}.duel-question-map>small{font-size:11px;line-height:1.9;color:var(--muted);display:block}.duel-room-progress{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;color:var(--muted);margin:22px 0;line-height:1.9}.duel-submitted{display:flex;align-items:center;gap:22px;padding:26px!important;margin:20px 0}.duel-complete-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:#dcfce7;color:#006b2c;flex-shrink:0}.duel-submitted h2{font-size:22px;line-height:1.5;margin:9px 0}.duel-submitted p{font-size:12px;color:var(--muted);line-height:1.9;max-width:650px}.duel-scoreboard{padding:25px!important;margin:24px 0;min-width:0}.duel-board-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.duel-board-heading h2{font-size:22px;margin:9px 0 0}.duel-live-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;color:#006b2c;background:#dcfce7;padding:7px 10px;border-radius:30px;white-space:nowrap}.duel-live-pill>span{width:6px;height:6px;border-radius:50%;background:#006b2c;box-shadow:0 0 0 3px #006b2c18}.duel-live-pill.is-final{color:#825100;background:#fff2ce}.duel-live-pill.is-final>span{background:#a36700}.duel-board-description{font-size:11px;color:var(--muted);line-height:1.9;margin:16px 0 22px}.duel-score-list{display:grid;gap:10px}.duel-score-row{display:grid;grid-template-columns:42px minmax(0,1fr) 124px 115px;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.duel-score-row.is-me{background:var(--soft);border-color:#bdcaba}.duel-score-row.has-left{opacity:.65}.duel-score-rank{display:grid;place-items:center;width:40px;height:40px;font-size:17px;font-weight:800;background:var(--soft);border:1px solid var(--line);border-radius:13px;color:var(--muted)}.duel-score-rank.rank-1{background:#fff1c6;color:#825100;border-color:#ffb95f}.duel-score-rank.rank-2{background:#eef2f6;color:#748195}.duel-score-rank.rank-3{background:#f7e6d7;color:#a27450}.duel-score-person{min-width:0}.duel-score-person>b{font-size:13px;line-height:1.7;overflow-wrap:anywhere}.duel-you{display:inline-block;color:var(--green);font-size:9px;margin-left:8px;padding:0 6px;border:1px solid var(--line);border-radius:5px;vertical-align:middle}.duel-score-person>span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.duel-score-track{height:5px;background:var(--line);border-radius:5px;overflow:hidden;margin-top:10px;max-width:340px}.duel-score-track>span{display:block;height:100%;background:#006b5f;border-radius:5px;transition:width .25s}.duel-score-numbers{display:flex;flex-direction:column;gap:5px;text-align:right}.duel-score-numbers>b{font-size:21px;color:var(--ink);white-space:nowrap}.duel-score-numbers small{font-size:10px;font-weight:500;color:var(--muted);margin-left:3px}.duel-score-numbers>span{font-size:10px;color:var(--muted)}.duel-score-time{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.duel-score-time small{font-size:9px;width:100%;text-align:right}.duel-final-hero{position:relative;isolation:isolate;display:flex;align-items:center;gap:24px;padding:32px;background:linear-gradient(120deg,#fff9e5,#f2f3ff 70%,#ccfbf1);border:1px solid #e6d9b7;border-radius:24px;overflow:hidden;color:#131b2e;margin:20px 0}.duel-final-hero.is-winner{background:linear-gradient(125deg,#ffb95f,#fffae9 50%,#ccfbf1);border-color:#ffb95f}.duel-final-mascot{width:130px;height:170px;flex-shrink:0;position:relative}.duel-final-mascot .sf-scene-sun{width:130px;height:170px}.duel-final-copy{flex:1;min-width:0}.duel-final-kicker{display:inline-flex;align-items:center;gap:8px;color:#825100;font-size:9px;font-weight:800;letter-spacing:1px;line-height:1.8}.duel-final-copy h2{font-size:27px;line-height:1.4;letter-spacing:-.5px;margin:11px 0}.duel-final-copy>p{font-size:12px;color:#6a6b71;line-height:1.9}.duel-personal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:23px}.duel-personal-stats>div{display:grid;justify-items:start;gap:6px;background:#ffffffb8;border:1px solid #e8dfce;border-radius:13px;padding:13px;min-width:0}.duel-personal-stats svg{color:#825100}.duel-personal-stats b{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.duel-personal-stats>div:last-child b{font-size:15px}.duel-personal-stats span{font-size:9px;color:#76736a;line-height:1.7}.duel-confetti{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5}.duel-confetti i{position:absolute;width:5px;height:11px;background:#6df5e1;left:calc(var(--i)*8% + 3%);top:calc(mod(var(--i),3)*34% + 5%);transform:rotate(calc(var(--i)*37deg));border-radius:2px}.duel-confetti i:nth-child(3n){background:#ffb95f}.duel-confetti i:nth-child(3n+1){background:#99cbb4}.duel-honors{margin:38px 0 28px}.duel-honors-heading{text-align:center;margin-bottom:30px}.duel-honors-heading h2{font-size:27px;margin:9px 0}.duel-honors-heading p{font-size:12px;line-height:1.9;color:var(--muted)}.duel-podium{display:flex;align-items:flex-end;justify-content:center;gap:16px;padding:6px 12px 0;max-width:850px;margin:auto}.duel-podium-place{display:flex;flex-direction:column;align-items:center;flex:1;max-width:300px;min-width:0;background:#f2f3ff;border:1px solid #dbe1ed;border-radius:21px 21px 12px 12px;padding:22px 15px 0;text-align:center;order:1;color:#5e6f87;box-shadow:0 6px #dce3eb}.duel-podium-place.place-1{order:2;background:linear-gradient(#fffae8,#fff1be);border-color:#ead18a;color:#9b741e;box-shadow:0 6px #e5c879;padding-top:29px}.duel-podium-place.place-3{order:3;background:#fbf1e9;border-color:#ead2bf;color:#a16f4c;box-shadow:0 6px #e5c9b4}.duel-podium-medal{width:58px;height:58px;border-radius:50%;background:#ffffffb0;display:grid;place-items:center;border:1px solid currentColor;margin-bottom:13px}.place-1 .duel-podium-medal{width:69px;height:69px;background:#ffdf80}.duel-podium-label{font-size:10px;letter-spacing:1.5px;margin:5px 0 12px}.duel-podium-names{display:grid;gap:8px;min-width:0;width:100%;max-height:230px;overflow-y:auto}.duel-podium-names strong{font-size:16px;line-height:1.6;color:#131b2e;overflow-wrap:anywhere}.duel-podium-score{font-size:11px;margin:13px 0 20px}.duel-podium-step{font-size:36px;font-weight:800;background:#ffffff60;border-radius:13px 13px 0 0;min-height:60px;width:100%;display:grid;place-items:center}.place-1 .duel-podium-step{min-height:88px}.place-3 .duel-podium-step{min-height:47px}.duel-next-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:26px 0}.duel-next-actions .button{font-size:13px;min-height:46px}.duel-next-actions>small{flex-basis:100%;font-size:10px;text-align:center;line-height:1.9;color:var(--muted);margin-top:7px}.duel-answer-review{padding:0!important;overflow:hidden;margin:25px 0}.duel-answer-review>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:22px;font-size:14px}.duel-answer-review>summary>span{display:flex;align-items:center;gap:10px}.duel-answer-review[open]>summary>svg{transform:rotate(90deg)}.duel-answer-review .answer-review{margin:0;padding:0 20px 20px}.duel-answer-review .answer-review-row{padding:17px 12px;margin:0;border-width:0 0 1px;border-radius:0;background:transparent}.duel-answer-review .answer-review-row>div{min-width:0;overflow-wrap:anywhere}.app[data-theme=dark] .duel-experience{--duel-soft:#3a3251}.app[data-theme=dark] .duel-clock{color:#cfbaf8}.app[data-theme=dark] .duel-submitted .duel-complete-icon{background:#294d3b;color:#9be3b4}.app[data-theme=dark] .duel-final-hero{filter:brightness(.92)}.app[data-theme=dark] .duel-score-rank.rank-1{color:#ecce80;background:#53472e;border-color:#766341}.app[data-theme=dark] .duel-score-rank.rank-2{background:#354455;color:#bdd0e3}.app[data-theme=dark] .duel-score-rank.rank-3{background:#504032;color:#dcb89b}@media(max-width:1100px){.duel-play-layout{grid-template-columns:minmax(0,1fr) 225px;gap:15px}.duel-question-map{padding:18px!important}.duel-question-grid{gap:5px}.duel-final-hero{gap:15px;padding:25px}.duel-final-mascot,.duel-final-mascot .sf-scene-sun{width:100px}.duel-personal-stats>div{padding:10px}.duel-score-row{grid-template-columns:38px minmax(0,1fr) 100px;gap:11px}.duel-score-time{grid-column:2/4;justify-content:flex-start}.duel-score-time small{width:auto;text-align:left}}@media(max-width:760px){.duel-experience.battle-focus,.duel-experience:fullscreen{padding:15px 17px 24px}.battle-focus .duel-toolbar{top:-15px}.duel-toolbar{gap:8px;margin-bottom:18px}.duel-toolbar .duel-fullscreen{font-size:10px;padding:9px 10px;min-height:40px}.duel-experience .battle-header h1{font-size:24px;line-height:1.4}.duel-experience .battle-header .eyebrow{font-size:7px;letter-spacing:.7px}.duel-experience .room-code{padding:8px 10px}.duel-experience .room-code b{font-size:16px;letter-spacing:2px}.duel-experience .room-code>svg{display:none}.duel-play-layout{grid-template-columns:1fr}.duel-question-map{order:2}.duel-question-map h3{font-size:14px;margin-top:6px}.duel-question-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.duel-question-map .duel-question-grid>button{min-height:40px}.duel-match-progress{padding:13px;margin:15px 0}.duel-match-progress>div>b{font-size:13px}.duel-match-progress>div>span{font-size:10px}.duel-clock{padding:8px 10px;font-size:20px;gap:6px}.duel-experience .battle-question{padding:22px 17px}.duel-experience .battle-question h2{font-size:22px}.duel-experience .battle-question>.word-art{width:140px;height:140px}.duel-experience .duel-question-actions{gap:9px}.duel-experience .duel-question-actions .button{font-size:12px;min-height:48px;padding:10px 8px}.duel-submitted{align-items:flex-start;padding:20px!important;gap:14px}.duel-complete-icon{width:45px;height:45px;border-radius:15px}.duel-complete-icon>svg{width:25px}.duel-submitted h2{font-size:19px}.duel-submitted p{font-size:11px}.duel-submitted .eyebrow{font-size:8px}.duel-scoreboard{padding:19px 14px!important}.duel-board-heading{align-items:flex-start;gap:8px}.duel-board-heading h2{font-size:19px;line-height:1.4}.duel-board-heading .eyebrow{font-size:7px;letter-spacing:.7px}.duel-live-pill{font-size:8px;padding:6px 8px}.duel-board-description{font-size:10px}.duel-score-row{grid-template-columns:33px minmax(0,1fr) 80px;gap:10px;padding:13px 10px}.duel-score-rank{width:33px;height:35px;font-size:14px;border-radius:10px}.duel-score-person>b{font-size:12px}.duel-score-person>span{font-size:9px}.duel-score-numbers>b{font-size:20px}.duel-score-numbers small{font-size:8px;margin-left:2px}.duel-score-numbers>span{font-size:8px}.duel-score-time{font-size:10px}.duel-room-progress{font-size:10px;align-items:flex-start}.duel-room-progress>svg{flex-shrink:0}.duel-final-hero{display:block;padding:24px 19px}.duel-final-mascot{height:110px;width:84px;margin:0 auto 16px}.duel-final-mascot .sf-scene-sun{height:110px;width:84px}.duel-final-copy{text-align:center}.duel-final-copy h2{font-size:23px;margin-top:13px}.duel-final-copy>p{font-size:11px}.duel-final-kicker{font-size:7px;letter-spacing:.8px}.duel-personal-stats{grid-template-columns:1fr 1fr;gap:9px}.duel-personal-stats>div{justify-items:center;padding:13px 8px}.duel-personal-stats b{font-size:22px}.duel-personal-stats>div:last-child b{font-size:17px}.duel-honors{margin-top:29px}.duel-honors-heading h2{font-size:24px}.duel-honors-heading p{font-size:10px}.duel-podium{gap:8px;padding:0;align-items:stretch}.duel-podium-place{padding:18px 7px 0;border-radius:15px 15px 8px 8px;align-self:flex-end}.duel-podium-place.place-1{padding-top:24px}.duel-podium-medal{width:40px;height:40px}.duel-podium-medal>svg{width:22px}.place-1 .duel-podium-medal{width:48px;height:48px}.duel-podium-label{font-size:7px;letter-spacing:.5px;line-height:1.8}.duel-podium-names strong{font-size:11px;line-height:1.7}.duel-podium-score{font-size:8px;margin:10px 0 15px}.duel-podium-step{font-size:26px;min-height:43px}.place-1 .duel-podium-step{min-height:67px}.place-3 .duel-podium-step{min-height:34px}.duel-answer-review>summary{font-size:12px;padding:18px 14px}.duel-answer-review .answer-review{padding:0 10px 10px}.duel-next-actions .button{font-size:12px}.duel-next-actions .text-button{font-size:11px}}@media(prefers-reduced-motion:reduce){.duel-score-track>span{transition:none}}.duel-question-grid>button:focus-visible,.duel-toolbar .duel-fullscreen:focus-visible{outline:3px solid #825100;outline-offset:3px}.app:has(.battle-focus)>.sidebar,.app:has(.battle-focus)>.bottom-nav,.app:has(.battle-focus)>.workspace>.topbar{visibility:hidden}.duel-final-hero .duel-final-mascot.duel-celebration{position:static;width:200px;height:auto;flex:0 0 200px;align-self:center;text-align:center;margin:0}.duel-trophy-sun{display:block;width:100%;height:auto;max-height:245px;object-fit:contain;filter:drop-shadow(0 12px 12px #c49d3822);animation:sun-trophy-float 3s ease-in-out infinite}.duel-celebrate-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;padding:9px 12px;min-height:40px;border:1px solid #d6b76c;border-radius:999px;background:#fff9dc;color:#73591e;font-family:inherit;font-size:11px;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer}.duel-celebrate-button:hover{background:#ffb95f}.duel-celebrate-button:focus-visible{outline:3px solid #825100;outline-offset:3px}.duel-fireworks{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15000;overflow:hidden;pointer-events:none;contain:strict}.duel-firework{position:absolute;width:1px;height:1px;color:var(--burst-color)}.duel-firework-trail{position:absolute;bottom:0;width:3px;height:70px;border-radius:50%;background:linear-gradient(transparent,currentColor);box-shadow:0 0 8px currentColor;animation:sun-firework-launch .65s ease-out both;animation-delay:var(--delay)}.duel-firework-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor,0 0 10px currentColor;animation:sun-firework-burst 1.6s ease-out both;animation-delay:calc(var(--delay) + .55s)}@keyframes sun-trophy-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes sun-firework-launch{0%{opacity:0;transform:translateY(240px) scaleY(.5)}20%{opacity:.9}85%{opacity:1}to{opacity:0;transform:translateY(0) scaleY(.15)}}@keyframes sun-firework-burst{0%{opacity:0;transform:translate(0) scale(.2)}12%{opacity:1}75%{opacity:.9}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 35px)) scale(.2)}}@media(max-width:1100px){.duel-final-hero .duel-final-mascot.duel-celebration{width:155px;flex-basis:155px}}@media(max-width:760px){.duel-final-hero .duel-final-mascot.duel-celebration{width:155px;max-width:65%;margin:0 auto 22px}.duel-trophy-sun{max-height:180px}.duel-celebrate-button{margin-top:8px;min-height:40px}}.app[data-motion=off] .duel-trophy-sun{animation:none}@media(prefers-reduced-motion:reduce){.duel-fireworks{display:none}.duel-trophy-sun{animation:none}}:root{font-family:Be Vietnam Pro,sans-serif;background:#faf8ff;color:#131b2e;--ink:#131b2e;--green:#006b2c;--yellow:#f59e0b;--muted:#3e4a3d;--line:#bdcaba;--cream:#faf8ff}body{background:#faf8ff}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:#faf8ff;--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='%23E2E7FF'/%3e%3cstop%20offset='.55'%20stop-color='%23F2F3FF'/%3e%3cstop%20offset='1'%20stop-color='%23FAF8FF'/%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:#f2f3ff;--ink:#131b2e;--muted:#3e4a3d;--line:#bdcaba;--green:#006b2c;--purple:#006b5f;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:#f2f3ff;--green:#006b2c;--purple:#006b5f}.app[data-theme=light] :is(.garden-greeting,.page-title,.lesson-heading,.battle-header,.completion,.empty){background:#fffffff5;border:1px solid #bdcaba;border-radius:20px;box-shadow:0 4px 16px #131b2e0a;padding:20px 24px}.app[data-theme=light] :is(.garden-greeting,.page-title,.lesson-heading,.battle-header,.completion,.empty) :is(p,.mini-label){color:#3e4a3d}.app[data-theme=light] :is(main,.garden-home)>.section-heading{background:#fffffff5;border:1px solid #bdcaba;border-radius:16px;padding:16px 20px;box-shadow:0 4px 16px #131b2e0a}.app[data-theme=light] :is(main,.garden-home)>.section-heading>span{color:#3e4a3d}.app[data-theme=light] :is(.board-period,.library-count,.back-link){background:#fffffff5;border:1px solid #bdcaba;border-radius:12px;padding:10px 14px}.app[data-theme=light] :is(.board-period,.library-count){color:#3e4a3d}.app[data-theme=light] .back-link{width:fit-content;min-height:40px;color:#006b2c;font-weight:700}.app[data-theme=light] .podium{background:#fffffff5;border:1px solid #bdcaba;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 #00873a30;box-shadow:none}.app input::placeholder{color:#6e7b6c}.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 #005320;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 #005320}.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 #005048}.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 #131b2e04}.app .card{padding:26px}.app .progress-track{height:8px;background:var(--line);border-radius:10px;overflow:hidden}.app .progress-track>span{background:#00873a;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:#f59e0b;color:#825100;border-radius:17px;box-shadow:0 3px #a36700}.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:#00873a}.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:#dcfce7;color:#006b2c;box-shadow:inset 3px 0 #00873a}.app .sidebar nav a:hover{background:var(--soft)}.app .nav-badge{background:#f59e0b;color:#825100;padding:0 7px;font-size:11px}.app .daily-note{background:#ffddb8;border-color:#ffb95f;padding:16px 13px;margin:12px 0 16px}.app .daily-note>svg{color:#006b2c;margin-bottom:10px}.app .daily-note b{font-size:12px;color:#3e4a3d}.app .daily-note p{font-size:11px;color:#3e4a3d;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:#dcfce7;color:#006b2c;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:#00873a}.app .top-actions{gap:15px}.app .streak{background:#ffddb8;color:#825100;padding:7px 10px;border-radius:11px;font-size:12px;font-weight:700}.app .streak span{font-size:11px}.app .xp{color:#825100;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 #131b2e26}.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:#00873a;border-radius:50%;box-shadow:0 0 0 4px #00873a17;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 #131b2e05}.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:#825100;font-size:10px;white-space:nowrap}.weather svg{color:#f59e0b}.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:#006f64;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:#fff;border:2px solid #ffb95f;border-radius:15px 15px 15px 3px;font-size:11px;font-weight:700;padding:11px;color:#3e4a3d;box-shadow:0 3px #6b5b3220;z-index:10;display:flex;align-items:center;gap:5px}.garden-sun-bubble svg{color:#f59e0b;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:#f59e0b;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:#006f64}.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:#825100;display:flex;gap:7px;align-items:center;font-weight:800}.today-label svg{color:#f59e0b}.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 #6df5e1;background:#ccfbf1;border-radius:14px;display:flex;align-items:center;gap:10px;padding:13px 11px;text-align:left;width:100%;margin:16px 0 0;color:#006f64;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:#3e4a3d;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:#f59e0b}.sun-mini-note b{color:#825100}.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:#dcfce7;color:#006b2c}.yellow-bubble{background:#ffddb8;color:#825100}.blue-bubble{background:#ccfbf1;color:#006f64}.purple-bubble{background:#ccfbf1;color:#006b5f}.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:#ccfbf1;border-color:#6df5e1;color:#006b5f}.duel-card .eyebrow{color:#006b5f}.duel-card .social-icon{background:#6df5e1}.duel-card p{color:#3e4a3d}.rank-card{background:#ffddb8;border-color:#ffb95f;color:#825100}.rank-card .eyebrow{color:#825100}.rank-card .social-icon{background:#ffb95f}.rank-card p{color:#3e4a3d}.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:#7ffc97}.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:#6e7b6c;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 #131b2e05}.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:#dcfce7;color:#006b2c}.app .peach{background:#ffddb8;color:#825100}.app .lavender{background:#ccfbf1;color:#006b5f}.app .blue{background:#ccfbf1;color:#006f64}.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:#006f64}.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:#dcfce7;color:#006b2c}.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:#6df5e1;background:#ccfbf1}.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:#dcfce7;color:#006b2c;border-color:#bdcaba;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:#bdcaba;border-radius:14px}.app .answer-wrap input,.app .answer-display{color:var(--ink)}.app .answer-display.placeholder{color:#6e7b6c}.app .answer-wrap.correct{border-color:#00873a;background:#dcfce7}.app .answer-wrap.incorrect{border-color:#ba1a1a;background:#ffdad6}.app .feedback.good{background:#dcfce7;color:#006b2c}.app .feedback.retry{background:#ffdad6;color:#93000a}.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:#bdcaba;box-shadow:0 3px #eaedff;font-weight:700}.app .letter-keyboard button:active{box-shadow:0 1px #eaedff;transform:translateY(2px)}.app .hint-box{background:#ffddb8;color:#825100;border-color:#ffb95f}.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:#dcfce7;border-color:#bdcaba}.app .review-hero p,.app .review-grid p,.app .schedule-note p{font-size:13px;color:#3e4a3d}.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:#7ffc97}.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:#7ffc97;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:#dcfce7;color:#006b2c}.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:#7ffc97}.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:#ffdad6;color:#93000a;border:1px solid #ffdad6;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 #131b2e05;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:#dcfce7;border-color:#bdcaba;color:#006b2c}.blue-hub{background:#ccfbf1;border-color:#6df5e1;color:#006f64}.coral-hub{background:#ffddb8;border-color:#ffb95f;color:#825100}.purple-hub{background:#ccfbf1;border-color:#6df5e1;color:#006b5f}.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:#f59e0b;color:#825100;font-size:35px;font-weight:800;display:grid;place-items:center;border:5px solid #ffddb8}.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:#ccfbf1;color:#006b5f}.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:#ccfbf1;color:#006b5f;font-size:27px;font-weight:800;margin:0 auto 13px;position:relative}.place-1 .podium-avatar{width:79px;height:79px;border-radius:28px;background:#ffb95f;color:#825100;border:4px solid #ffddb8}.crown{position:absolute;top:-43px;color:#f59e0b;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:#6df5e1;border-radius:18px 18px 0 0;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#006f64;gap:4px}.place-1 .podium-step{height:138px;background:#ffddb8;color:#825100}.place-3 .podium-step{height:72px;background:#f0e4d9;color:#825100}.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:#dcfce7}.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:#ccfbf1;color:#006b5f;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:#006b2c;background:#dcfce7;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:#ccfbf1;border:1px solid #6df5e1;border-radius:15px;max-width:800px;padding:18px 23px;margin:15px auto;color:#006b5f;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:#f59e0b}.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:#6df5e1;background:#ccfbf1}.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 #6df5e1;background:#ccfbf1;border-radius:15px;color:#006b5f;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:#bdcaba;background:#dcfce7}.battle-avatar{width:45px;height:45px;border-radius:15px;background:#ccfbf1;color:#006b5f;display:grid;place-items:center;font-size:19px;font-weight:800;flex-shrink:0}.player-me .battle-avatar{background:#dcfce7;color:#006b2c}.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:#dcfce7;color:#006b2c;border:1px solid #bdcaba;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:#ffdad6;color:#93000a;border-color:#ffdad6}.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:#f59e0b;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:#dcfce7;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:#00873a;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:#dcfce7;color:#006b2c}.inactive-status{background:#ffddb8;color:#825100}.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 #bdcaba;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:#f59e0b;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:#dcfce7}.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:#ffddb8;color:#825100;border-radius:9px;padding:0}.home-sun-voice:hover{background:#ffb95f}.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}@media(min-width:761px){.app .sidebar{height:100vh;height:100dvh;overflow:hidden}.app .sidebar>.brand,.app .sidebar>.grade-selector{flex-shrink:0}.app .sidebar-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.app .sidebar-scroll>.blog-menu-entry{margin-top:14px}.app .sidebar-bottom{flex-shrink:0;margin-top:0;padding-top:12px}.app .profile-button{flex-shrink:0}}@media(min-width:761px)and (max-height:780px){.app .sidebar-scroll>.daily-note{display:none}}.app{--icon-green:#16a34a;--icon-teal:#0d9488;--icon-blue:#0284c7;--icon-orange:#ea580c;--icon-amber:#d97706;--icon-violet:#8b5cf6}.app[data-theme=dark]{--icon-green:#4ade80;--icon-teal:#2dd4bf;--icon-blue:#38bdf8;--icon-orange:#fb923c;--icon-amber:#fbbf24;--icon-violet:#c4b5fd}.app :is(.sidebar nav,.bottom-nav)>a[href="/"] svg{color:var(--icon-green)}.app :is(.sidebar nav,.bottom-nav)>a[href="/learn"] svg{color:var(--icon-teal)}.app :is(.sidebar nav,.bottom-nav)>a[href="/duels"] svg{color:var(--icon-orange)}.app :is(.sidebar nav,.bottom-nav)>a[href="/rankings"] svg{color:var(--icon-amber)}.app :is(.sidebar nav,.bottom-nav)>a[href="/profile"] svg{color:var(--icon-violet)}.app .sidebar-scroll>.blog-menu-entry:is([href="/teacher"],[href="/classrooms"]) svg{color:var(--icon-blue)}.app .sidebar-scroll>.blog-menu-entry[href="/topics"] svg{color:var(--icon-teal)}.app .sidebar-scroll>.blog-menu-entry[href="/blog"] svg{color:var(--icon-amber)}.app :is(.green-bubble,.green-hub .hub-icon,.round-icon.sage) svg,.app :is(.unit-art.sage,.unit-header.sage)>svg{color:var(--icon-green)}.app :is(.blue-bubble,.blue-hub .hub-icon,.round-icon.blue,.water-icon,.public-section-icon) svg,.app :is(.unit-art.blue,.unit-header.blue)>svg{color:var(--icon-blue)}.app :is(.purple-bubble,.purple-hub .hub-icon,.round-icon.lavender) svg,.app :is(.unit-art.lavender,.unit-header.lavender)>svg{color:var(--icon-violet)}.app :is(.coral-hub .hub-icon,.round-icon.peach,.duel-card .social-icon,.sun-mini-note) svg,.app :is(.unit-art.peach,.unit-header.peach)>svg{color:var(--icon-orange)}.app :is(.yellow-bubble,.rank-card .social-icon,.public-book-icon,.streak,.weather,.today-label,.home-sun-voice) svg{color:var(--icon-amber)}.app :is(.daily-note,.garden-level,.online-badge) svg,.app .breadcrumb>svg:first-child{color:var(--icon-green)}.app .voice-select>svg{color:var(--icon-blue)}.app .topbar .motion>svg{color:var(--icon-teal)}.app .theme-switch>svg{color:var(--icon-violet)}.app .xp svg{fill:#fbbf24;stroke:var(--icon-amber)}.app[data-theme=dark] .xp svg{fill:#fcd34d}.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 .room-ready-card{display:block;min-height:0;margin:20px 0;padding:24px;text-align:center;border:2px solid var(--line)}.app .room-ready-card.everyone-ready{border-color:var(--green)}.app .room-ready-card .waiting-sun{margin:0 auto 6px;height:142px;display:flex;align-items:center;justify-content:center}.app .room-ready-card .waiting-sun .sf-scene-sun{height:142px;width:142px;max-height:none}.app .room-ready-card h2{margin:10px 0 8px;font-size:24px}.app .room-ready-instruction{max-width:530px;margin:0 auto 18px;font-size:14px;line-height:1.8}.room-ready-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:410px;margin:0 auto}.app .room-ready-actions .button{min-height:56px;font-size:17px;justify-content:center}.app .room-ready-progress{margin:16px auto 5px;font-size:13px;font-weight:650;color:var(--green-dark,var(--ink))}.app .room-ready-card .room-start-hint{margin:4px auto 0;font-size:12px;line-height:1.8}.app .room-ready-details{margin:14px 0 0;font-size:11px;color:var(--muted)}.app .room-leave-control{display:inline-flex;min-height:40px;align-items:center;margin-top:5px;font-size:12px}@media(max-width:540px){.app .room-ready-card{padding:18px 16px}.app .room-ready-card .waiting-sun{height:112px}.app .room-ready-card .waiting-sun .sf-scene-sun{height:112px;width:112px}.app .room-ready-card h2{font-size:21px}.app .room-ready-instruction{font-size:12px;margin-bottom:15px}.app .room-ready-actions .button{font-size:16px;min-height:54px}.app .room-ready-progress,.app .room-ready-card .room-start-hint{font-size:11px}}.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}.audio-button[data-speaking=true]{box-shadow:0 0 0 3px #00873a55;border-color:var(--green)}.app .learning-screen .autoplay-notice{font-size:12px;line-height:1.6;text-align:center;color:var(--muted);margin:8px 0}@media(max-width:760px){.app[data-grade="9"] .learning-screen .discovery-word.long-term{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr)}.app[data-grade="9"] .learning-screen .discovery-word.long-term .term{font-size:clamp(19px,5.9vw,25px);line-height:1.25;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}}.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:#131b2e;--public-muted:#3e4a3d;--public-line:#bdcaba;--public-soft:#f2f3ff;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 #131b2e04}.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:#dcfce7;color:#006b2c;flex:none}.public-section-icon svg{width:21px;height:21px}.public-book-icon{background:#ffddb8;color:#825100}.public-eyebrow{font-size:9px;font-weight:800;letter-spacing:1.25px;color:#006b2c}.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:#f0fdf4;border-color:#7ffc97;transform:translateY(-2px)}.public-grade-number{display:grid;place-items:center;flex:none;width:32px;height:36px;border-radius:10px;background:#dcfce7;color:#006b2c;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:#6e7b6c}.public-grade-link:nth-child(3n+2) .public-grade-number{background:#ffddb8;color:#825100}.public-grade-link:nth-child(3n) .public-grade-number{background:#e5eefc;color:#006f64}.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:#006b2c;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:#bdcaba}.public-article-number{align-self:flex-start;padding-top:2px;font-size:11px;font-weight:800;color:#6e7b6c;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:#006b2c;margin-left:4px}.public-reading-card>svg{flex:none;width:15px;height:15px;color:#6e7b6c}.public-reading-empty{display:block;padding:20px;border-radius:14px;background:var(--public-soft);color:#006b2c;font-size:13px;text-decoration:none}.sun-public-intro a:focus-visible{outline:3px solid #f59e0b;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}}.app .unit-learning-page .unit-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 16px;margin-bottom:22px}.unit-heading-copy{min-width:0}.app .unit-learning-page .unit-header h1{overflow-wrap:anywhere}.unit-start{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #006b2c26;padding-top:18px;color:#294f3c}.unit-start b{font-size:15px}.app .unit-start p{font-size:12px;margin:4px 0 0}.unit-start .button{flex-shrink:0;min-height:48px;font-size:14px}.unit-lessons-heading{margin-bottom:16px}.app .unit-lessons-heading h2{font-size:22px;margin:0 0 5px}.unit-lessons-heading p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.unit-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.unit-lesson-card{display:flex;flex-direction:column;gap:15px;min-width:0;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 3px 12px #131b2e08}.unit-lesson-heading{display:flex;align-items:center;gap:12px}.unit-lesson-heading .lesson-number{width:40px;height:40px;font-size:18px}.app .unit-lesson-heading h3{font-size:18px;margin:0 0 2px}.unit-lesson-heading>div>span{font-size:12px;color:var(--muted)}.unit-lesson-words{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.unit-word-link{display:flex;align-items:center;gap:7px;max-width:100%;padding:9px 10px;border:1px solid #bdcaba;border-radius:12px;background:var(--soft);color:var(--ink);text-decoration:none;min-height:44px;transition:background .15s,border-color .15s}.unit-word-link>svg:first-child{width:23px;height:25px;flex-shrink:0}.unit-word-link>svg:last-child{color:var(--green);flex-shrink:0}.unit-word-link>span{font-size:13px;font-weight:650;overflow-wrap:anywhere}.unit-word-link:hover{background:#dcfce7;border-color:var(--green)}.unit-lesson-card .unit-lesson-button{margin-top:auto;min-height:46px;width:100%;font-size:14px}.unit-lesson-button>svg:last-child{margin-left:auto}.unit-learning-page :is(.unit-word-link,.unit-start .button,.unit-lesson-button):focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.app[data-theme=dark] .unit-start{color:var(--ink);border-color:var(--line)}.app[data-theme=dark] .unit-word-link{border-color:var(--line)}.app[data-theme=dark] .unit-word-link:hover{background:#30483f}@media(max-width:760px){.unit-lesson-grid{grid-template-columns:minmax(0,1fr)}.app .unit-learning-page .unit-header{padding:20px;gap:14px}.app .unit-learning-page .unit-header>svg{width:44px;height:44px}.app .unit-learning-page .unit-header h1{font-size:25px}.unit-start{flex-direction:column;align-items:stretch;gap:12px;padding-top:14px}.unit-start b{font-size:13px}.app .unit-start p{font-size:11px}.unit-start .button{width:100%;min-height:46px}.app .unit-lessons-heading h2{font-size:20px}.unit-lessons-heading p{font-size:12px}.unit-lesson-card{padding:16px;gap:13px}.unit-lesson-words{gap:7px}.unit-word-link{padding:8px 9px}.unit-word-link>span{font-size:12px}}@media(prefers-reduced-motion:reduce){.unit-word-link{transition:none}}.app .qwerty-keyboard{width:100%;max-width:660px;margin:14px auto 0;-webkit-user-select:none;user-select:none}.app .qwerty-rows{display:grid;gap:7px}.app .qwerty-row{display:flex;justify-content:center;gap:6px}.app .qwerty-row button,.app .qwerty-tools button{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;min-height:44px;padding:5px 0;border:1px solid #bdcaba;border-bottom:3px solid #bdcaba;border-radius:9px;background:#fff;color:#006b2c;font-family:inherit;font-size:20px;font-weight:600;line-height:1.1;touch-action:manipulation;cursor:pointer}.app .qwerty-row-1{padding:0 4.8%}.app .qwerty-row-2{padding-left:9.6%}.app .qwerty-row .qwerty-delete{flex:1.4;background:#eaedff;font-size:23px}.app .qwerty-tools{display:flex;gap:7px;margin-top:7px;padding:0 9.6%}.app .qwerty-tools button{min-height:39px;font-size:17px}.app .qwerty-tools .qwerty-space{flex:5;font-size:12px;font-weight:600;letter-spacing:.3px}.app .qwerty-keyboard button:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px;background:#bdcaba}.app .qwerty-keyboard button:focus-visible{outline:3px solid #00873a;outline-offset:2px}.app .qwerty-keyboard button:disabled{opacity:.42;cursor:default}.app[data-theme=dark] .qwerty-keyboard button{background:#263c36;border-color:#496358;color:#edf2e4}.app[data-theme=dark] .qwerty-row .qwerty-delete{background:#344d43}.app[data-theme=dark] .exam-answer-pad{background:#20362e;border-color:#496358}.app[data-theme=dark] .answer-display{color:#edf2e4}@media(max-width:600px){.app .qwerty-rows{gap:6px}.app .qwerty-row{gap:4px}.app .qwerty-row button{min-height:44px;border-radius:6px;font-size:18px}.app .qwerty-tools{gap:5px}.app .qwerty-tools button{min-height:40px;border-radius:7px}.app .qwerty-keyboard{margin-top:12px}}@media(max-width:360px){.app .qwerty-row{gap:3px}.app .qwerty-row button{font-size:15px;min-height:42px}.app .qwerty-row .qwerty-delete{font-size:20px}.app .qwerty-tools .qwerty-space{font-size:11px}}.grammar-page{max-width:1120px;margin:0 auto;padding-bottom:24px}.grammar-page *{min-width:0}.grammar-page h1{line-height:1.25}.grammar-page h2{line-height:1.4}.grammar-page .back-link{margin-bottom:22px}.grammar-intro{display:flex;align-items:center;gap:16px;background:#eaf3e9;border:1px solid #d6e5d5;padding:18px 22px;border-radius:22px;margin:0 0 25px;color:#3b6046}.grammar-intro p{margin:0;line-height:1.7}.grammar-intro-icon{display:grid;place-items:center;background:#fff8df;width:48px;height:48px;border-radius:16px;flex-shrink:0}.grammar-count{margin-left:auto;font-weight:700;font-size:13px;white-space:nowrap}.grammar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grammar-topic-card{background:#fff;border:1px solid #e1e8de;border-radius:24px;overflow:hidden;box-shadow:0 8px 28px #4c654507}.grammar-card-visual{display:block;position:relative;background:#f1f5eb;padding:18px 16px 0}.grammar-topic-card:nth-child(2) .grammar-card-visual{background:#fbf0df}.grammar-topic-card:nth-child(3) .grammar-card-visual{background:#eeebf6}.grammar-number{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#5e745f}.grammar-art{display:block;max-width:100%;width:280px;height:auto;margin:auto}.grammar-card-visual .grammar-art{width:100%;max-height:180px}.grammar-completed{position:absolute;bottom:12px;right:12px;background:#fff;color:#377148;display:flex;gap:5px;align-items:center;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.grammar-card-copy{padding:23px}.grammar-card-copy h2{font-size:21px;margin:0 0 10px}.grammar-card-copy h2 a{color:inherit;text-decoration:none}.grammar-card-copy>p{font-size:14px;line-height:1.75;color:#6b786c;min-height:50px}.grammar-pattern{padding:14px 16px;background:#f1f5ed;color:#345c43;border-radius:14px;font-size:20px;font-weight:750;line-height:1.5;margin:16px 0;overflow-wrap:anywhere}.grammar-card-copy small{display:block;font-size:12px;color:#6d796e;line-height:1.7;margin:10px 0 16px}.grammar-card-copy .button{font-size:14px}.grammar-resume{display:flex;gap:8px;justify-content:space-between;align-items:center;font-size:12px;margin-top:14px;color:#44694f;line-height:1.6}.grammar-source-note{font-size:12px;color:#798276;margin:22px 0;line-height:1.7}.grammar-lesson-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;margin-bottom:24px}.grammar-example{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:460px}.grammar-example .grammar-art{width:330px;margin:20px auto 0}.grammar-example h2{font-size:32px;color:#315942;margin:8px 0;overflow-wrap:anywhere}.grammar-example>p{color:#6e786c;font-size:17px;margin:0 0 24px}.grammar-example-nav{display:flex;justify-content:center;gap:30px;align-items:center;margin-top:25px;width:100%}.grammar-dots{display:flex;gap:9px}.grammar-dots button{width:30px;height:30px;border:0;border-radius:50%;background:transparent;position:relative;cursor:pointer}.grammar-dots button:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#d1decc;left:10px;top:10px}.grammar-dots button[aria-pressed=true]:after{background:#59855e;width:13px;height:13px;left:8px;top:8px}.grammar-rules h2{margin:10px 0}.grammar-rules ul{list-style:none;padding:0;display:grid;gap:17px}.grammar-rules li{display:flex;gap:10px;line-height:1.7;font-size:15px}.grammar-rules li svg{color:#72a078;flex-shrink:0;margin-top:4px}.grammar-note{font-size:13px;background:#fff8e5;color:#7f693e;padding:14px;border-radius:13px;line-height:1.8}.grammar-rules>.button{margin-top:11px}.grammar-rules>.text-button{margin-top:15px}.grammar-related{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;color:#6d796c;font-size:13px;margin-top:22px}.grammar-loading{display:flex;gap:10px;align-items:center;justify-content:center;padding:70px 20px}.grammar-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.grammar-empty .sf-scene-sun{width:150px;height:150px}.grammar-run{max-width:880px}.grammar-run-heading{display:flex;align-items:center;gap:20px;margin-bottom:18px;justify-content:space-between}.grammar-run-heading h1{font-size:26px;margin:8px 0}.grammar-step{background:#edf3e7;border-radius:16px;padding:12px 18px;white-space:nowrap;font-weight:800;color:#54724e}.grammar-question{margin-top:22px;padding:30px}.grammar-question h2{font-size:23px;margin:12px 0 22px;overflow-wrap:anywhere}.grammar-question>.grammar-art{width:230px;max-height:135px;margin:-12px auto 10px}.grammar-stem{font-size:25px;font-weight:700;text-align:center;padding:20px 14px;background:#f7f7ef;border-radius:16px;color:#3e5b45;line-height:1.7;overflow-wrap:anywhere}.grammar-options{display:grid;gap:12px}.grammar-option{display:flex;align-items:center;gap:14px;border:2px solid #e4eadf;background:#fff;border-radius:15px;padding:16px;text-align:left;cursor:pointer;min-height:64px;font:inherit;font-size:19px;line-height:1.5;color:#3e5145}.grammar-option.selected{border-color:#74a476;background:#edf6e9}.grammar-option>span:nth-child(2){flex:1}.grammar-option-letter{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:#f2f4ed;border-radius:10px;font-size:13px;font-weight:750}.grammar-option.selected .grammar-option-letter{background:#cfe4c5}.grammar-word-answer{display:flex;flex-wrap:wrap;gap:9px;align-content:center;min-height:100px;padding:18px;border:2px dashed #c6d8bc;background:#f5f8f0;border-radius:17px;color:#8a9583;line-height:1.6}.grammar-word{display:inline-flex;align-items:center;gap:10px;border:1px solid #d6e1cd;background:#fff;border-radius:12px;padding:12px 18px;color:#3b5143;font-size:21px;font-family:inherit;cursor:pointer;box-shadow:0 3px #dde5d5}.grammar-word>span{font-size:15px;color:#8b9e80}.grammar-word-bank{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:24px 0}.grammar-word:disabled{opacity:.35;cursor:default}.grammar-match-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grammar-match-columns>div{display:flex;flex-direction:column;gap:12px}.grammar-match-item{display:flex;align-items:center;gap:8px;min-height:86px;padding:14px 12px;text-align:left;border:2px solid #e3e8dc;background:#fff;border-radius:14px;font:inherit;font-size:16px;line-height:1.6;color:#405545;cursor:pointer;overflow-wrap:anywhere}.grammar-match-item.selected{border-color:#81a875;background:#f3f8ed}.grammar-match-item.linked{background:#eef2fb}.grammar-match-hint{font-size:13px;color:#75856e;line-height:1.7;margin:0 0 18px}.grammar-pair-number{width:25px;height:25px;flex-shrink:0;background:#d8e5ca;color:#45633c;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:800}.grammar-match>.text-button{margin-top:14px}.grammar-question-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-top:26px}.grammar-feedback{margin-top:22px;padding:18px 20px;border-radius:16px;background:#fff5db;color:#76613b;line-height:1.7}.grammar-feedback.correct{background:#eaf5e8;color:#426a40}.grammar-feedback p{margin:8px 0}.grammar-feedback p[lang=en]{font-size:20px;font-weight:700}.grammar-help{font-size:13px;color:#788271;text-align:center;line-height:1.7;margin:18px 0}.grammar-test-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#77816e;margin-top:12px}.grammar-question-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.grammar-question-nav button{width:42px;height:42px;border:1px solid #d8e1cf;border-radius:12px;background:#fff;color:#64755a;font-weight:700;cursor:pointer}.grammar-question-nav button.answered{background:#e7f1de}.grammar-question-nav button.active{outline:2px solid #75a26a;outline-offset:2px}.grammar-result-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 24px}.grammar-result-hero .sf-scene-sun{width:140px;height:160px}.grammar-result-hero h1{font-size:30px}.grammar-result-score{font-size:65px;font-weight:800;color:#5e8b4e;line-height:1.3}.grammar-result-score span{font-size:28px;color:#8fa47f}.grammar-result-hero>p{font-size:15px;color:#6d7f60;line-height:1.7}.grammar-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.grammar-result-list{display:grid;gap:16px;margin-top:28px}.grammar-result-item{border-left:4px solid #e8bd69}.grammar-result-item.correct{border-left-color:#7ba467}.grammar-result-item h3{font-size:20px;overflow-wrap:anywhere}.grammar-result-item p{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.grammar-result-label{display:inline-flex;padding:5px 10px;border-radius:9px;background:#fff4d9;font-size:12px;color:#877037}.grammar-result-item.correct .grammar-result-label{background:#edf5e6;color:#597547}.grammar-history{margin-top:24px}.grammar-history h2{font-size:20px}.grammar-history>a{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #eef0e8;color:#4b6150;text-decoration:none}.grammar-history>a>span{flex:1}.grammar-history small{display:block;font-size:12px;color:#87927f;margin-top:5px}.grammar-submit{max-width:460px;width:calc(100% - 32px);line-height:1.7}.grammar-page button:focus-visible,.grammar-page a:focus-visible{outline:3px solid #8fa8dd;outline-offset:3px}.grammar-page button:disabled{cursor:default}@media(max-width:1100px){.grammar-grid{gap:14px}.grammar-card-copy{padding:18px}.grammar-card-copy h2{font-size:19px}}@media(max-width:760px){.grammar-grid{grid-template-columns:1fr}.grammar-topic-card{display:grid;grid-template-columns:150px 1fr}.grammar-card-visual{padding:16px 8px;display:flex;flex-direction:column;justify-content:center}.grammar-card-copy>p{min-height:0}.grammar-card-copy h2{font-size:20px}.grammar-pattern{font-size:18px;margin:12px 0}.grammar-count{display:none}.grammar-lesson-grid{grid-template-columns:1fr}.grammar-example{min-height:370px}.grammar-example h2{font-size:28px}.grammar-example .grammar-art{width:260px;margin-top:12px}.grammar-question{padding:22px}.grammar-run-heading h1{font-size:23px}.grammar-question h2{font-size:21px}.grammar-option{font-size:18px}.grammar-match-columns{gap:10px}.grammar-match-item{font-size:15px;padding:12px 9px}.grammar-word{font-size:19px;padding:10px 14px}.grammar-step{padding:10px 13px}.grammar-result-hero h1{font-size:26px}}@media(max-width:430px){.grammar-topic-card{grid-template-columns:1fr}.grammar-card-visual{padding:15px 18px 0}.grammar-card-visual .grammar-art{max-height:145px}.grammar-card-copy{padding:20px}.grammar-intro{padding:16px;gap:11px}.grammar-intro p{font-size:13px}.grammar-intro-icon{width:36px;height:36px}.grammar-question{padding:18px 14px}.grammar-match-columns{gap:8px}.grammar-match-item{font-size:14px;min-height:98px;flex-wrap:wrap;align-content:center}.grammar-match-item>span[lang=en]{flex:1}.grammar-option{padding:12px;gap:10px;font-size:17px}.grammar-stem{font-size:22px}.grammar-question-actions>.button{flex:1;justify-content:center;font-size:13px}.grammar-run-heading h1{font-size:21px}.grammar-feedback{padding:15px;font-size:14px}.grammar-question-nav{gap:7px}.grammar-question-nav button{width:37px;height:39px}.grammar-result-hero{padding:20px 14px}.grammar-result-hero h1{font-size:24px}.grammar-rules{padding:22px}.grammar-example-nav{gap:16px}.grammar-related{align-items:flex-start;flex-direction:column}}.grammar-audio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;margin-top:10px;border:1px solid #b6cdb2;background:#f2f8ee;color:#32643c;border-radius:13px;font:inherit;font-size:14px;font-weight:650;line-height:1.5;cursor:pointer}.grammar-audio-button.compact{width:44px;height:44px;min-width:44px;flex-shrink:0;padding:9px;margin:0;border-radius:12px}.grammar-audio-button[data-speaking=true]{background:#d9efce;border-color:#6a9b62;box-shadow:0 0 0 3px #79a56822}.grammar-audio-button:disabled{opacity:.45}.grammar-narration{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:-10px 0 20px}.grammar-narration .grammar-audio-button{margin:0}.grammar-narration>span{font-size:12px;line-height:1.7;color:#77886e}.grammar-option-row{display:flex;align-items:center;gap:10px}.grammar-option-row>.grammar-option{flex:1}.grammar-token{display:flex;align-items:center;gap:4px}.grammar-token .grammar-audio-button.compact{width:38px;min-width:38px;height:44px;border-color:#d5dfcc}.grammar-match-row{display:flex;align-items:center;gap:6px}.grammar-match-row>.grammar-match-item{flex:1}.grammar-order-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.grammar-order-tools .grammar-audio-button{margin:0}.grammar-feedback>.grammar-audio-button{max-width:100%;background:#fff9}.grammar-result-item>.grammar-audio-button{display:flex;width:fit-content}.grammar-result-label{margin-top:12px}@media(max-width:600px){.grammar-match-row{position:relative;align-items:stretch}.grammar-match-row>.grammar-match-item{padding-bottom:54px;min-height:135px}.grammar-match-row>.grammar-audio-button{position:absolute;bottom:9px;right:9px;width:40px;height:40px;min-width:40px}.grammar-option-row{gap:7px}.grammar-option-row>.grammar-audio-button{width:42px;min-width:42px}.grammar-narration{margin-bottom:20px}.grammar-narration>span{width:100%}.grammar-narration>.grammar-audio-button{min-height:48px}.grammar-word-bank{gap:13px 9px}.grammar-token .grammar-word{padding:10px 12px}.grammar-question>.grammar-art{margin-top:0}}.grammar-story-art{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fffdf5;border:1px solid #eadfbe;border-radius:22px;width:300px;aspect-ratio:1.5;max-width:100%;height:auto;margin:auto}.grammar-story-picture{display:block;background-repeat:no-repeat;background-color:#fffdf5;aspect-ratio:1;width:100%;flex-shrink:0}.grammar-story-art.object-scene>.grammar-story-picture{width:68%}.grammar-story-objects{display:flex;align-items:center;width:100%;padding:15px 10px}.grammar-story-objects>.grammar-story-picture{width:33.333%}.grammar-story-people{position:relative;z-index:1;display:flex;justify-content:center;align-items:flex-end;width:100%;height:100%;padding:20px 22px 10px}.grammar-story-people>.grammar-story-picture{width:46%;border-radius:45% 45% 22% 22%;box-shadow:0 6px #e3d9ac77}.grammar-story-people>.grammar-story-picture:only-child{width:56%}.grammar-story-sky{position:absolute;top:0;right:0;bottom:30%;left:0;background:linear-gradient(#b9e8ff,#e9f8ff);z-index:-1}.grammar-story-ground{position:absolute;top:76%;right:-20%;bottom:-20%;left:-20%;border-radius:50% 50% 0 0;background:#b5dd8f;z-index:0}.grammar-story-sun{position:absolute;right:12px;top:0;color:#efb400;font-size:42px;line-height:1.2;z-index:1}.grammar-story-bubble{position:absolute;left:9px;top:8px;z-index:2;display:grid;place-items:center;min-width:39px;height:36px;padding:2px 10px;background:#fff;border:2px solid #8dc4cd;border-radius:15px 15px 15px 3px;color:#6637b1;font-size:26px;font-weight:800}.grammar-question-picture{margin:8px auto 22px;padding:0;max-width:360px}.grammar-question-picture>.grammar-story-art{width:100%;height:auto;max-height:none}.grammar-card-visual .grammar-story-art{width:100%;max-height:none;margin:12px 0 14px;aspect-ratio:1.7}.grammar-example .grammar-story-art{width:330px;max-height:none;margin:20px auto 16px}.grammar-story-art.compact{width:70px;min-width:70px;height:63px;aspect-ratio:auto;border-radius:12px}.grammar-story-art.compact .grammar-story-people{padding:8px 5px 5px}.grammar-story-art.compact .grammar-story-sun{font-size:16px;right:3px}.grammar-story-art.compact .grammar-story-bubble{left:1px;top:1px;font-size:13px;min-width:16px;height:18px;padding:0 3px;border-width:1px;border-radius:7px}.grammar-story-art.compact .grammar-story-objects{padding:3px}.grammar-story-art.compact.object-scene>.grammar-story-picture{width:90%}.grammar-match-columns>div:nth-child(2) .grammar-match-item{flex-wrap:wrap;align-content:center;justify-content:center;text-align:center}.grammar-match-columns>div:nth-child(2) .grammar-match-item>.grammar-story-art{margin:0 auto 4px}.grammar-match-columns>div:nth-child(2) .grammar-match-item>span:last-child{flex-basis:100%}.grammar-match-columns>div:nth-child(2) .grammar-match-item>.grammar-pair-number{position:absolute;left:8px;top:8px}.grammar-match-row{position:relative}.grammar-match-item{min-height:148px}.grammar-match-columns>div:nth-child(2) .grammar-match-row .grammar-audio-button{align-self:center}@media(max-width:600px){.grammar-question-picture{max-width:280px;margin-bottom:18px}.grammar-story-art.compact{width:66px;min-width:66px;height:59px}.grammar-match-item{min-height:183px}.grammar-match-row>.grammar-match-item{min-height:183px;padding-bottom:57px}.grammar-match-columns>div:nth-child(2) .grammar-match-item{padding-left:8px;padding-right:8px}.grammar-example .grammar-story-art{width:280px}.grammar-story-people{padding:14px 15px 8px}}.grammar-story-art[data-scene=goodbye] .grammar-story-bubble{display:flex;align-items:center;gap:4px}.grammar-story-art[data-scene=goodbye] .grammar-story-people{gap:12px}.grammar-story-art[data-scene=goodbye].compact .grammar-story-bubble>svg{width:10px;height:10px}.grammar-question:has(.grammar-match) .grammar-question-picture{max-width:270px}.grammar-result-item .grammar-question-picture{max-width:200px;margin:10px 0 16px}.grammar-result-item .grammar-question-picture>.grammar-art{border-radius:16px}.app .grammar-page .grammar-example.card{background:linear-gradient(145deg,#fff1a8,#ffe1b9 48%,#ffd8e8);border-color:#ec9b34;box-shadow:0 8px #efa95733,0 16px 32px #d7771d16}.grammar-example .mini-label{color:#93420e;background:#fff7d8;padding:7px 12px;border-radius:20px}.app .grammar-example h2{color:#8b2652}.app .grammar-example>p{color:#653615}.grammar-example .grammar-story-art{border-color:#e9a03b;background:#fffbea}.app .grammar-example>.button.secondary{background:#a62d74;border-color:#8d1c5f;color:#fff;box-shadow:0 4px #7e1b56}.app .grammar-example>.grammar-audio-button{background:#fff7d6;color:#87440c;border-color:#d89327}.app .grammar-page .grammar-rules.card{background:linear-gradient(145deg,#edfaff,#d9f3ff 55%,#dcf8e9);border-color:#44afc5;box-shadow:0 8px #37a7c022,0 16px 32px #0a829315}.grammar-rules .eyebrow,.app .grammar-rules h2{color:#05637c}.grammar-rules .grammar-pattern{background:linear-gradient(110deg,#1478af,#6450bc);color:#fff;box-shadow:0 4px #134b7c22}.grammar-rules li{color:#164555}.grammar-rules li svg{color:#087a62}.grammar-rules .grammar-note{background:#fff0ae;color:#674009;border:1px solid #e5bd44}.grammar-rules>.grammar-audio-button{background:#fff;color:#066f87;border-color:#64b5c3}.app .grammar-rules>.button:not(.secondary){background:#087f63;border-color:#086d53;color:#fff;box-shadow:0 4px #05573f}.app .grammar-rules>.button.secondary{background:#fff;color:#116782;border-color:#4aa6bb}.grammar-rules>.text-button{color:#6541a0}.grammar-dots{flex-wrap:wrap;justify-content:center;gap:3px;max-width:230px}.grammar-example-nav .icon-button{flex-shrink:0;background:#fff5d8;color:#944013;border-color:#dfa044}.grammar-dots button:after{background:#c67b8c}.grammar-dots button[aria-pressed=true]:after{background:#a52669}.grammar-topic-card:nth-child(4n+1) .grammar-card-visual{background:#ffe9a5}.grammar-topic-card:nth-child(4n+2) .grammar-card-visual{background:#ffd9c4}.grammar-topic-card:nth-child(4n+3) .grammar-card-visual{background:#e4d6ff}.grammar-topic-card:nth-child(4n) .grammar-card-visual{background:#c8f1f3}.grammar-counted-objects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:90%;padding:12px;align-items:center;justify-items:center}.grammar-counted-objects .grammar-story-picture{width:100%;max-width:94px;aspect-ratio:1}.grammar-color-picture{display:block;width:94%;height:auto;max-height:215px}.grammar-far-object{display:block;width:43%;margin-left:35%}.grammar-far-object .grammar-story-picture{width:100%}.grammar-distance{position:absolute;left:12%;top:47%;width:26%;border-top:3px dashed #3392b2;color:#237c98}.grammar-distance svg{position:absolute;right:-8px;top:-13px}.grammar-cannot-mark{position:absolute;right:10%;top:12%;background:#fff;color:#d3374d;border:3px solid #d3374d;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;font-size:40px;line-height:1}.grammar-sky-picture{background:#bcecff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:42px}.grammar-story-art[data-scene=evening] .grammar-story-sky{background:#7267c8}.grammar-story-art[data-scene=evening] .grammar-story-sun{color:#fff0b4}.grammar-story-art[data-scene=afternoon] .grammar-story-sky{background:#ffd49a}.grammar-story-art.compact .grammar-counted-objects{width:100%;padding:3px;gap:0}.grammar-story-art.compact .grammar-counted-objects .grammar-story-picture{max-width:24px}.grammar-story-art.compact .grammar-cannot-mark{width:20px;height:20px;font-size:17px;border-width:2px}.grammar-story-art.compact .grammar-sky-picture{font-size:17px}.grammar-story-art.compact .grammar-distance{border-width:1px}.grammar-story-art.compact .grammar-distance svg{width:13px;top:-13px}.grammar-story-art.compact .grammar-color-picture{height:100%;width:100%}.grammar-dancing-friends{display:flex;align-items:center;justify-content:center;width:95%;height:95%;gap:2px}.grammar-dancing-friends>.grammar-story-picture{width:48%;aspect-ratio:1}.grammar-story-picture{clip-path:inset(3% 2% 6%)}.grammar-scene-picture{display:block;width:100%;height:100%;max-height:240px}.grammar-story-art.compact .grammar-scene-picture{width:100%;height:100%}.grammar-decorated-art>.grammar-art{width:100%;height:100%;border:0;margin:0;border-radius:inherit}.grammar-scene-badge{position:absolute;right:7%;top:8%;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e8f4ff;color:#75509d;border:2px solid #987bb9;font-size:28px;font-weight:800}.grammar-scene-badge.negative{background:#ffeaed;border-color:#d95870;color:#c43955}.grammar-scene-badge.like{background:#ffe3ec;color:#c75480}.compact .grammar-scene-badge{width:19px;height:19px;font-size:16px;right:3%;top:3%;border-width:1px}@media(max-width:600px){.grammar-dialogue .grammar-match-columns{gap:10px}.grammar-dialogue .grammar-match-row>.grammar-match-item{min-height:220px;font-size:14px;overflow-wrap:normal;word-break:normal}.grammar-dialogue .grammar-match-columns>div:first-child .grammar-match-item{flex-direction:column;justify-content:center;align-items:center;position:relative;text-align:center;padding:34px 10px 58px;gap:6px}.grammar-dialogue .grammar-match-columns>div:first-child .grammar-pair-number{position:absolute;left:8px;top:8px}.grammar-dialogue .grammar-match-columns>div:first-child .grammar-match-item>svg{position:absolute;right:8px;top:9px}}