@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#202822;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f8faf8;--card:#fff;--text:#202822;--heading:#1a211c;--muted:#89938c;--soft:#f4f7f4;--border:#edf0ed;--green:#20b455;--green-dark:#159847;--green-soft:#e9f7ed;--shadow:0 8px 25px #1d362409;background:#f8faf8;font-family:DM Sans,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);background-image:radial-gradient(#32a9540b .7px,#0000 .7px);background-size:18px 18px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #20b45555}a{color:inherit}#root,.app-shell{min-height:100vh}.sidebar{background:var(--card);border-right:1px solid var(--border);z-index:10;flex-direction:column;width:254px;padding:18px 15px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand-wrap{align-items:center;height:53px;padding:0 6px 9px;display:flex}.brand-logo{object-fit:contain;object-position:left center;width:163px;height:46px}.workspace{border:1px solid var(--border);border-radius:11px;align-items:center;gap:9px;height:60px;margin:13px 0 22px;padding:8px;display:flex}.workspace>span:nth-child(2){flex:1;min-width:0}.workspace b,.workspace small,.profile-row b,.profile-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.workspace b{font-size:11px}.workspace small,.profile-row small{color:var(--muted);margin-top:4px;font-size:10px}.workspace>svg:last-child{color:var(--muted)}.school-badge{background:var(--green-soft);width:31px;height:31px;color:var(--green);border-radius:9px;place-items:center;display:grid}.nav-caption,.eyebrow{letter-spacing:1.15px;color:#99a39b;font-size:9px;font-weight:700}.nav-caption{margin:0 0 9px 11px}.side-nav{gap:3px;display:grid}.nav-link{color:#6c776f;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:42px;padding:0 11px;font-size:12px;transition:all .17s;display:flex}.nav-link svg{color:#89958c}.nav-link:hover{background:var(--soft);color:var(--heading)}.nav-link.active{color:#178f43;background:#eaf7ed;font-weight:700}.nav-link.active svg{color:var(--green)}.nav-count{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px}.sidebar>.nav-caption:not(:first-child){margin-top:24px}.sidebar-bottom{margin-top:auto}.challenge-mini{background:linear-gradient(120deg,#f4faf4,#fbfdfb);border:1px solid #e9f0e9;border-radius:12px;align-items:center;gap:9px;margin-bottom:15px;padding:12px 10px 17px;display:flex;position:relative}.challenge-icon{color:#ed9a32;background:#fff0df;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.challenge-mini>div:nth-child(2){flex:1}.challenge-mini b,.challenge-mini small{display:block}.challenge-mini b{font-size:10px}.challenge-mini small{color:var(--muted);margin-top:4px;font-size:9px}.challenge-mini>svg{color:#a9b1aa}.mini-progress{background:#e7eee7;border-radius:9px;height:3px;position:absolute;bottom:0;left:10px;right:10px}.mini-progress i{background:var(--green);border-radius:9px;height:100%;display:block}.profile-row{border:0;border-top:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:9px;width:100%;padding:12px 4px 3px;display:flex}.profile-row span:nth-child(2){flex:1;min-width:0}.profile-row b{font-size:11px}.avatar,.top-avatar{color:#398354;background:#e7f3e8;border-radius:50%;place-items:center;width:33px;height:33px;font-size:13px;font-weight:700;display:grid}.profile-row>svg{color:var(--muted)}.main-area{min-height:100vh;margin-left:254px}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#ffffffdc;justify-content:space-between;align-items:center;height:65px;padding:0 37px;display:flex;position:sticky;top:0}.breadcrumbs{color:#98a19a;align-items:center;gap:8px;font-size:11px;display:flex}.breadcrumbs b{color:#38413a;font-weight:600}.top-actions{align-items:center;gap:14px;display:flex}.role-toggle{border:1px solid var(--border);background:#f3f6f3;border-radius:8px;gap:2px;padding:3px;display:flex}.role-toggle button{color:#838d85;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:10px}.role-toggle button.chosen{color:var(--heading);background:#fff;font-weight:700;box-shadow:0 1px 4px #17231c16}.icon-button{border:1px solid var(--border);background:var(--card);color:#647067;border-radius:9px;place-items:center;width:34px;height:34px;transition:all .16s;display:inline-grid;position:relative}.icon-button:hover{background:var(--soft);color:var(--green)}.notification-button i{background:var(--green);border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.top-avatar{cursor:pointer;border:0}.page-content{max-width:1260px;margin:0 auto;padding:31px 38px 25px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:21px;display:flex}.page-heading h1,.section-heading h2{color:var(--heading);letter-spacing:-.8px;margin:7px 0 0;font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:700;line-height:1.2}.page-heading p{color:#828d84;margin:8px 0 0;font-size:12px}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:39px;padding:0 14px;font-size:11px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--green);color:#fff;box-shadow:0 3px 8px #20b45525}.button.primary:hover{background:var(--green-dark);box-shadow:0 5px 12px #20b45535}.button.primary:disabled{box-shadow:none;cursor:not-allowed;background:#cbd6ce;transform:none}.button.secondary{background:var(--card);border-color:var(--border);color:#59655c}.button.secondary:hover{background:#f9fdf9;border-color:#b6ddbf}.button.small{border-radius:8px;height:32px;padding:0 10px;font-size:10px}.text-button{color:#4f8b5e;background:0 0;border:0;align-items:center;gap:6px;padding:6px 0;font-size:10px;font-weight:700;display:inline-flex}.text-button:hover{color:var(--green-dark)}.hero-card{color:#fff;background:linear-gradient(112deg,#159d49 0%,#24b65a 58%,#39c56b 100%);border-radius:15px;height:221px;padding:27px 31px;position:relative;overflow:hidden;box-shadow:0 9px 24px #138b3d20}.hero-pattern{opacity:.09;background-image:radial-gradient(circle at 2px 2px,#fff 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.hero-copy{z-index:2;max-width:62%;position:relative}.hero-tag{letter-spacing:1.1px;color:#d9ffe3;align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex}.hero-card h2,.learn-hero h2,.games-hero h2{letter-spacing:-.5px;margin:13px 0 7px;font:700 22px Plus Jakarta Sans,sans-serif}.hero-card p,.learn-hero p,.games-hero p{color:#e5f8e9;margin:0 0 16px;font-size:11px;line-height:1.7}.white-button{color:#228746;background:#fff;box-shadow:0 3px 10px #0c823c26}.white-button:hover{background:#f3fff6}.hero-illustration{place-items:center;width:270px;height:205px;display:grid;position:absolute;top:10px;right:34px}.orbit{border:1px solid #ffffff52;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:210px;height:157px}.orbit-two{width:246px;height:194px;transform:rotate(28deg)}.book-illustration{color:#177b3b;background:#f1fff2;border-radius:25px;place-items:center;width:103px;height:94px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:0 15px 30px #0a693133}.book-illustration>svg:first-child{stroke-width:1.8px}.spark{color:#fff;position:absolute}.spark-a{width:22px;top:-15px;right:-20px}.spark-b{width:17px;bottom:-16px;left:-18px}.float-pill{color:#535f55;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:28px;right:-4px;box-shadow:0 4px 12px #18582a22}.float-pill svg{color:#e99a32;fill:#e99a32}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px;display:grid}.stat-card,.panel{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px}.stat-card{min-width:0;padding:14px 14px 12px}.stat-icon{border-radius:9px;place-items:center;width:31px;height:31px;margin-bottom:12px;display:grid}.stat-icon.green{color:#20ae50;background:#e8f7ec}.stat-icon.orange{color:#e89b35;background:#fff3e6}.stat-icon.blue{color:#4b93dc;background:#eaf4ff}.stat-icon.violet{color:#8770d4;background:#f1edff}.stat-label{color:#848e86;font-size:10px;display:block}.stat-card>strong{color:var(--heading);letter-spacing:-.6px;margin:4px 0 6px;font:700 22px Plus Jakarta Sans,sans-serif;display:block}.stat-card>small{white-space:nowrap;color:#68a779;text-overflow:ellipsis;align-items:center;gap:4px;font-size:9px;display:flex;overflow:hidden}.dashboard-grid{grid-template-columns:1.38fr 1fr;gap:14px;margin-top:15px;display:grid}.panel{padding:17px}.panel-title,.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-title h3{color:var(--heading);letter-spacing:-.2px;margin:4px 0 0;font:700 14px Plus Jakarta Sans,sans-serif}.panel-title .eyebrow,.section-heading .eyebrow{font-size:8px}.announcement-panel{min-height:263px}.announcement{border-bottom:1px solid var(--border);gap:11px;padding:14px 0 12px;display:flex;position:relative}.announcement-icon{color:#1eaa50;background:#e9f7ed;border-radius:9px;flex:none;place-items:center;width:33px;height:33px;display:grid}.violet-icon{color:#8672d0;background:#f1edff}.announcement-copy{flex:1;min-width:0}.announcement-meta{color:#a1aaa2;align-items:center;gap:6px;margin:0 0 5px;font-size:9px;display:flex}.tag{letter-spacing:.25px;white-space:nowrap;border-radius:5px;align-items:center;padding:4px 6px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.green-tag{color:#20954a;background:#e9f7ed}.purple-tag{color:#806ac7;background:#f0edfc}.peach-tag{color:#d78639;background:#fff2e6}.announcement-copy>b{color:var(--heading);font-size:11px}.announcement-copy p{color:#849087;margin:4px 0 3px;font-size:10px;line-height:1.5}.announcement-copy .text-button{font-size:9px}.dismiss{color:#a8b0aa;background:0 0;border:0;padding:3px;position:absolute;top:12px;right:0}.second-announcement{border:0;padding-bottom:0}.streak-panel{padding:17px 18px}.streak-total{color:#e69b37;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.streak-total svg{fill:#f6b44b}.streak-panel>p,.progress-streak>p{color:#89938b;margin:10px 0 13px;font-size:10px}.streak-panel>p b{color:#445248}.week-days{justify-content:space-between;margin:0 1px 15px;display:flex}.week-days>div{justify-items:center;gap:6px;display:grid}.week-days>div>span{color:#929b94;font-size:9px}.week-days i{color:#a4ada5;background:#f3f5f3;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.week-days i.completed{color:#20b455;background:#e7f7eb}.week-days i.today{color:#fff;background:#20b455;box-shadow:0 3px 8px #20b45535}.goal-row{border-top:1px solid var(--border);align-items:center;gap:8px;padding-top:12px;display:flex}.goal-icon{color:#6ba878;background:#f0f7f1;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.goal-row>div:nth-child(2){min-width:75px}.goal-row b,.goal-row small{display:block}.goal-row b{font-size:10px}.goal-row small{color:#929b94;margin-top:3px;font-size:9px}.goal-progress{background:#edf1ed;border-radius:9px;flex:1;height:5px;overflow:hidden}.goal-progress span{background:var(--green);border-radius:9px;height:100%;display:block}.goal-row>strong{color:#6e7c71;font-size:9px}.streak-link{color:#4e925e;background:0 0;border:0;align-items:center;gap:5px;margin-top:12px;padding:0;font-size:9px;font-weight:700;display:flex}.section-block{margin-top:23px}.section-heading{margin:0 1px 12px}.section-heading h2{letter-spacing:-.4px;margin-top:4px;font-size:17px}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.action-card{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:10px;align-items:center;gap:9px;min-height:65px;padding:10px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative}.action-card:hover{border-color:#cce8d2;transform:translateY(-2px);box-shadow:0 5px 15px #203c2810}.action-icon,.game-icon{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.mint{color:#22ab51;background:#e9f7ed}.violet{color:#8068d2;background:#f0edff}.blue{color:#4b91dd;background:#e9f3ff}.peach{color:#df914e;background:#fff0e5}.yellow{color:#d8a02c;background:#fff5dc}.green{color:#35a553;background:#e7f7e8}.rose{color:#df7087;background:#ffedf0}.cyan{color:#2eaaa2;background:#e6f8f7}.action-content{flex:1;min-width:0}.action-content b,.action-content small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.action-content b{color:var(--heading);font-size:10px}.action-content small{color:#929b94;margin-top:4px;font-size:8px}.action-arrow{color:#a5aea6;flex:none}.new-badge{color:#fff;letter-spacing:.4px;background:#20b455;border-radius:4px;padding:3px 5px;font-size:7px;font-weight:700;position:absolute;top:-6px;right:19px}.bottom-grid{grid-template-columns:1.35fr 1fr;gap:14px;margin-top:19px;display:grid}.class-panel,.assignment-panel{padding:17px}.class-item{align-items:center;gap:10px;padding-top:15px;display:flex}.flag-chip{color:#178f43;background:#e8f7ed;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.purple-flag{color:#806ac7;background:#f0edff}.class-name{flex:1;min-width:0}.class-name b,.class-name small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.class-name b{color:var(--heading);font-size:10px}.class-name small{color:#929b94;margin-top:4px;font-size:9px}.class-progress{width:104px}.class-progress>div{color:#919b93;justify-content:space-between;margin-bottom:5px;font-size:8px;display:flex}.class-progress>div b{color:#4d8e5b}.class-progress>i,.table-progress i,.assignment-progress i{background:#edf1ed;border-radius:8px;height:5px;display:block;overflow:hidden}.class-progress>i span,.table-progress i span,.assignment-progress i span{background:var(--green);border-radius:8px;height:100%;display:block}.assignment-panel .panel-title{align-items:center}.assignment-preview{align-items:center;gap:10px;margin-top:14px;display:flex}.assignment-icon{color:#4b8e5b;background:#eaf6eb;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}.assignment-preview b,.assignment-preview small{display:block}.assignment-preview b{font-size:10px}.assignment-preview small{color:#929b94;margin-top:4px;font-size:9px}.assignment-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.assignment-bottom>span{color:#879188;align-items:center;gap:5px;font-size:9px;display:flex}.footer{color:#a0a9a1;justify-content:space-between;padding:23px 1px 8px;font-size:9px;display:flex}.footer span:nth-child(2){align-items:center;gap:5px;display:flex}.footer button{color:#819087;background:0 0;border:0;font-size:9px}.mobile-nav,.menu-trigger,.mobile-close,.scrim{display:none}.learning-screen{flex-direction:column;min-height:calc(100vh - 124px);display:flex}.learning-top{grid-template-columns:1fr 2fr 1fr;align-items:center;display:grid}.learning-top>.text-button{justify-self:start}.learn-progress{align-items:center;gap:12px;display:flex}.learn-progress>span{white-space:nowrap;font-size:11px;font-weight:700}.learn-progress>span i{color:var(--muted);font-style:normal;font-weight:400}.learn-progress>div{background:#e9eee9;border-radius:10px;flex:1;height:6px}.learn-progress>div>span{background:var(--green);border-radius:10px;height:100%;display:block}.xp-pill{color:#c6892c;background:#fff4da;border-radius:8px;justify-self:end;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:700;display:flex}.xp-pill svg{fill:#e8a535}.learning-card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:15px;width:min(590px,100%);margin:24px auto 0;padding:25px 35px;box-shadow:0 9px 30px #15361e09}.exercise-label{color:#879188;justify-content:space-between;align-items:center;font-size:10px;display:flex}.word-counter{color:#a3aca5;letter-spacing:1.2px;margin-top:30px;font-size:9px;font-weight:700}.learning-card>h1{letter-spacing:-1px;color:var(--heading);margin:7px 0 10px;font:700 34px Plus Jakarta Sans,sans-serif}.sound-button{color:#468c56;background:0 0;border:0;align-items:center;gap:7px;font-size:10px;font-weight:700;display:inline-flex}.sound-button:hover{color:var(--green-dark)}.answer-caption{text-align:left;color:#727e75;margin:25px 0 11px;font-size:10px;font-weight:600}.answer-options{gap:8px;display:grid}.answer-option{border:1px solid var(--border);background:var(--card);text-align:left;color:#445047;border-radius:9px;align-items:center;gap:11px;width:100%;height:44px;padding:0 11px;font-size:11px;transition:all .15s;display:flex}.answer-option:hover{background:#f8fcf8;border-color:#a9d8b3}.option-key{border:1px solid var(--border);color:#8f9990;border-radius:6px;place-items:center;width:23px;height:23px;font-size:9px;font-weight:700;display:grid}.answer-option>svg{color:var(--green);margin-left:auto}.answer-option.correct-answer{color:#248c40;background:#f0fbf2;border-color:#73ca87}.answer-option.wrong-answer{color:#c24a55;background:#fff4f4;border-color:#ed9da3}.answer-feedback{text-align:left;border-radius:9px;align-items:flex-start;gap:9px;margin-top:11px;padding:11px;display:flex}.answer-feedback.correct{color:#258c43;background:#edf9ef}.answer-feedback.wrong{color:#bb4c55;background:#fff1f1}.feedback-icon{background:#fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.answer-feedback b,.answer-feedback small{display:block}.answer-feedback b{font-size:10px}.answer-feedback small{color:#69756c;margin-top:4px;font-size:9px}.continue-button{width:100%;margin-top:15px}.continue-button:disabled{color:#fff}.learning-footnote{color:#9aa39b;justify-content:center;align-items:center;gap:5px;margin-top:auto;padding-top:20px;font-size:9px;display:flex}.learning-footnote svg{color:#76a980}.learn-hero{color:#fff;background:linear-gradient(115deg,#159d49,#32bd65);border-radius:13px;align-items:center;gap:15px;padding:20px;display:flex}.learn-hero-icon{background:#fff2;border-radius:13px;flex:none;place-items:center;width:48px;height:48px;display:grid}.learn-hero>div:nth-child(2){flex:1}.learn-hero .eyebrow{color:#d4f4dd}.learn-hero h2{margin:5px 0;font-size:16px}.learn-hero p{margin:0}.learn-modes-heading{margin-top:25px}.learn-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.learn-modes .action-card{min-height:72px}.vocab-panel{margin-top:22px}.vocab-set{align-items:center;gap:11px;padding:14px 0 0;display:flex}.vocab-set+.vocab-set{border-top:1px solid var(--border);margin-top:13px}.set-count{text-align:right;margin-right:8px}.set-count b,.set-count small{display:block}.set-count b{font-size:10px}.set-count small{color:var(--muted);margin-top:3px;font-size:8px}.class-banner{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:15px;padding:19px;display:flex}.class-banner .flag-chip{width:43px;height:43px;font-size:12px}.class-banner-copy{flex:1}.class-banner-copy h2{margin:5px 0 3px;font:700 16px Plus Jakarta Sans,sans-serif}.class-banner-copy p{color:var(--muted);margin:0;font-size:10px}.class-banner-stat{width:130px}.class-banner-stat span,.class-banner-stat b{display:block}.class-banner-stat span{color:var(--muted);font-size:9px}.class-banner-stat b{margin:3px 0 5px;font:700 17px Plus Jakarta Sans,sans-serif}.class-banner-stat i{background:#edf1ed;border-radius:9px;height:5px;display:block;overflow:hidden}.class-banner-stat i span{background:var(--green);border-radius:9px;height:100%}.class-stats{margin-top:14px}.code-panel{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.code-panel h3{margin:5px 0;font:700 14px Plus Jakarta Sans,sans-serif}.code-panel p{color:var(--muted);margin:0;font-size:10px}.class-code{align-items:center;gap:9px;display:flex}.class-code code{letter-spacing:1px;color:#258d43;font-size:13px;font-weight:700}.class-code .icon-button{width:31px;height:31px}.class-list-card{margin-top:0;padding:4px 15px}.table-head,.table-row{grid-template-columns:2fr 1.3fr 1fr .8fr 32px;align-items:center;gap:14px;display:grid}.table-head{border-bottom:1px solid var(--border);color:#9aa39b;letter-spacing:.7px;height:35px;font-size:8px;font-weight:700}.table-row{border-bottom:1px solid var(--border);color:#758078;min-height:57px;font-size:10px}.table-row:last-child{border-bottom:0}.table-class{align-items:center;gap:9px;display:flex}.table-class b,.table-row>b{color:#39443b;font-size:10px}.table-class .flag-chip{width:29px;height:29px;font-size:9px}.table-progress{align-items:center;gap:8px;display:flex}.table-progress i{flex:1}.table-progress small{color:#69786d;font-size:9px}.table-row>.icon-button{width:29px;height:29px}.assignment-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px;display:grid}.assignment-summary>div{background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:13px;display:flex}.summary-icon{width:34px;height:34px;color:var(--green);background:#e9f7ed;border-radius:9px;place-items:center;display:grid}.orange-summary{color:#df9a3f;background:#fff4e7}.violet-summary{color:#8770d4;background:#f0edff}.assignment-summary span,.assignment-summary b{display:block}.assignment-summary span{color:var(--muted);font-size:9px}.assignment-summary b{margin-top:4px;font-size:12px}.assignment-tabs{border-bottom:1px solid var(--border);gap:17px;margin-bottom:12px;display:flex}.assignment-tabs button{color:#818b83;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 1px 10px;font-size:10px}.assignment-tabs button.selected{border-color:var(--green);color:#288a43;font-weight:700}.assignment-tabs button span{background:#f0f3f0;border-radius:9px;margin-left:4px;padding:2px 5px;font-size:8px}.assignment-table{padding:4px 15px}.assignment-table-head,.assignment-row{grid-template-columns:2.4fr 1.15fr 1fr 1.15fr .7fr;align-items:center;gap:12px;display:grid}.assignment-table-head{border-bottom:1px solid var(--border);color:#99a199;letter-spacing:.6px;height:39px;font-size:8px;font-weight:700}.assignment-row{border-bottom:1px solid var(--border);color:#758078;min-height:66px;font-size:9px}.assignment-row:last-child{border-bottom:0}.ass-title{align-items:center;gap:9px;min-width:0;display:flex}.ass-row-icon{color:#6a9d74;background:#f0f5f0;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.ass-row-icon.done-icon{color:var(--green);background:#e9f7ed}.ass-title>div:last-child{min-width:0}.ass-title b,.ass-title small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ass-title b{color:var(--heading);font-size:10px}.ass-title small{color:var(--muted);margin-top:4px;font-size:8px}.assignment-progress>div{align-items:center;gap:6px;display:flex}.assignment-progress i{flex:1;min-width:30px}.assignment-progress small{color:#7c877e;font-size:8px}.status-tag{white-space:nowrap;align-items:center;gap:5px;font-size:9px;display:inline-flex}.status-tag i{background:#d3a13e;border-radius:50%;width:6px;height:6px}.status-done{color:#26964a}.status-done i{background:#25b353}.status-progress{color:#ca913c}.status-overdue{color:#d56767}.status-overdue i{background:#dc6969}.status-pending{color:#879188}.status-pending i{background:#a6b0a7}.overdue-text{color:#c85c5c}.table-footnote{color:#929b94;align-items:center;gap:5px;font-size:9px;display:flex}.table-footnote svg{color:#80a987}.period-select .chosen{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:10px;display:flex}.leader-hero{background:linear-gradient(110deg,#fff8e8,#fffdf7);border:1px solid #f4e9ce;border-radius:13px;padding:22px 25px;position:relative;overflow:hidden}.leader-decoration{color:#dba540;opacity:.75;position:absolute;top:26px;right:36px}.leader-decoration>svg:last-child{color:#e8ba63;position:absolute;top:-11px;right:-13px}.leader-hero h2{margin:8px 0 5px;font:700 22px Plus Jakarta Sans,sans-serif}.leader-hero h2 span{color:#7f867c;font-size:13px;font-weight:500}.leader-hero p{color:#848a80;margin:0 0 14px;font-size:10px}.leader-progress{align-items:center;gap:9px;max-width:420px;display:flex}.leader-progress i{background:#f0e9d9;border-radius:8px;flex:1;height:6px}.leader-progress i span{background:#e2ae45;border-radius:8px;height:100%;display:block}.leader-progress small{color:#927a4b;font-size:9px}.leaderboard-panel{margin-top:16px;padding:17px}.search-box{border:1px solid var(--border);color:#9aa39b;border-radius:8px;align-items:center;gap:6px;width:165px;height:31px;padding:0 8px;display:flex}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:9px}.leader-table-head,.leader-row{grid-template-columns:.6fr 2.6fr 1fr .8fr;align-items:center;gap:12px;display:grid}.leader-table-head{border-bottom:1px solid var(--border);color:#99a199;letter-spacing:.6px;height:31px;margin-top:17px;padding:0 12px;font-size:8px;font-weight:700}.leader-row{border-bottom:1px solid var(--border);color:#7d877e;min-height:52px;padding:0 12px;font-size:10px}.leader-row:last-child{border-bottom:0}.self-row{background:#f4fbf5}.rank{color:#748075;align-items:center;gap:4px;font-weight:700;display:flex}.rank-1{color:#d29b30}.rank-2{color:#929ba3}.rank-3{color:#bc8757}.leader-name{align-items:center;gap:9px;display:flex}.leader-name>b{color:#39443b;font-size:10px}.leader-name>b>span{color:#268e44;background:#e6f5e9;border-radius:4px;margin-left:7px;padding:3px 5px;font-size:8px}.small-avatar{width:29px;height:29px;font-size:9px}.leader-streak{align-items:center;gap:4px;display:flex}.leader-streak svg{color:#df9c37;fill:#f0b34a}.leader-xp{color:#354237}.leader-xp small{color:#9aa39b;font-weight:500}.progress-stats{margin-top:2px}.chart-grid{grid-template-columns:1.65fr 1fr;gap:14px;margin-top:15px;display:grid}.chart-panel,.learning-time{min-height:278px}.chart-legend{color:#819087;align-items:center;gap:6px;font-size:9px;display:flex}.chart-legend i{background:#20b455;border-radius:50%;width:7px;height:7px}.chart-total{align-items:center;gap:10px;margin-top:14px;display:flex}.chart-total>b{font:700 21px Plus Jakarta Sans,sans-serif}.chart-total>span{color:#50a468;align-items:center;gap:3px;font-size:9px;display:flex}.chart-wrap{height:170px;margin-top:8px}.muted-icon{color:#8f9b91}.time-number{letter-spacing:-1px;margin:24px 0 4px;font:700 29px Plus Jakarta Sans,sans-serif}.time-number span{color:#7d897f;font-size:14px}.learning-time>p{color:#919a92;margin:0;font-size:10px}.time-goal{margin-top:24px}.time-goal>div{justify-content:space-between;margin-bottom:7px;font-size:9px;display:flex}.time-goal>div span{color:#8b968d}.time-goal>i{background:#edf1ed;border-radius:9px;height:6px;display:block}.time-goal>i span{background:var(--green);border-radius:9px;height:100%;display:block}.tiny-chart{align-items:flex-end;gap:9px;height:50px;margin-top:17px;display:flex}.tiny-chart i{background:#d9efde;border-radius:4px 4px 0 0;flex:1;display:block}.tiny-chart i.bar-highlight{background:#22b354}.tiny-labels{color:#9aa39b;justify-content:space-between;font-size:8px;display:flex}.progress-bottom{margin-top:15px}.vocab-progress,.progress-streak{min-height:180px}.skill-row{grid-template-columns:1.2fr 2fr 32px;align-items:center;gap:10px;margin-top:13px;display:grid}.skill-row>div{justify-content:space-between;gap:4px;display:flex}.skill-row>div b{font-size:9px}.skill-row>div span{color:#98a19a;font-size:8px}.skill-row>i{background:#edf1ed;border-radius:9px;height:5px}.skill-row>i span{background:var(--green);border-radius:9px;height:100%;display:block}.skill-row>small{text-align:right;color:#78847b;font-size:9px}.progress-streak .week-days{margin-top:18px}.games-hero{color:#fff;background:linear-gradient(110deg,#1a9f4a,#34bf65);border-radius:14px;justify-content:space-between;align-items:center;min-height:174px;padding:21px 26px;display:flex;position:relative;overflow:hidden}.games-hero .eyebrow{color:#d8f7df}.games-hero h2{margin:7px 0;font-size:19px}.games-hero h2 em{color:#d9fa89;font-style:normal}.games-hero p{margin-bottom:12px}.challenge-art{color:#fff;background:#ffffff25;border-radius:25px;place-items:center;width:90px;height:90px;margin-right:60px;display:grid;transform:rotate(-9deg)}.challenge-art>svg:last-child{color:#ecff9a;position:absolute;top:-12px;right:-11px}.games-count{color:#8b968d;font-size:9px}.games-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.game-card{padding:15px}.game-meta{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.game-meta>span:last-child{color:#c38d31;align-items:center;gap:3px;font-size:9px;font-weight:700;display:flex}.game-card h3{margin:9px 0 5px;font:700 13px Plus Jakarta Sans,sans-serif}.game-card>p{color:#89938b;height:29px;margin:0;font-size:9px;line-height:1.5}.game-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:11px;padding-top:10px;display:flex}.game-foot>span{color:#929b94;font-size:8px}.game-foot>span>b{color:#58645a;margin-left:5px}.teacher-stats{margin-top:4px}.teacher-classes{margin-top:16px}.teacher-class-row{border:0;border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:11px;width:100%;padding:12px 0;display:flex}.teacher-class-row:last-child{border:0;padding-bottom:0}.teacher-class-row .class-name{flex:1}.teacher-accuracy{color:#56a367;align-items:center;gap:5px;font-size:9px;display:flex}.teacher-class-row>svg{color:#9da69e}.teacher-bottom{grid-template-columns:1.65fr 1fr;gap:14px;margin-top:15px;display:grid}.teacher-task-row{border-bottom:1px solid var(--border);color:#7e8980;align-items:center;gap:9px;padding:11px 0;font-size:8px;display:flex}.teacher-task-row:last-child{border:0;padding-bottom:0}.teacher-task-row .ass-row-icon{width:29px;height:29px}.teacher-task-row .class-name{flex:1}.teacher-tip{background:#f2fbf3;border-color:#e4f3e6}.tip-icon{float:right;color:#42ad5c}.teacher-tip h3{margin:9px 0 5px;font:700 13px Plus Jakarta Sans,sans-serif}.teacher-tip p{color:#829087;margin:0 0 7px;font-size:9px;line-height:1.6}.settings-layout{grid-template-columns:205px 1fr;align-items:start;gap:15px;display:grid}.settings-nav{padding:8px}.settings-nav>button{color:#79847b;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;height:38px;padding:0 10px;font-size:10px;display:flex}.settings-nav>button>svg:last-child{margin-left:auto}.settings-nav>button.selected{color:#218e44;background:#eaf7ed;font-weight:700}.settings-content{padding:22px 25px}.settings-content>h2{margin:5px 0;font:700 18px Plus Jakarta Sans,sans-serif}.settings-desc{color:#879188;margin:0 0 18px;font-size:10px}.profile-edit{border-bottom:1px solid var(--border);align-items:center;gap:11px;margin-bottom:15px;padding:13px 0 17px;display:flex}.large-avatar{width:52px;height:52px;font-size:19px}.form-label{color:#525e55;gap:6px;margin-bottom:13px;font-size:9px;font-weight:600;display:grid}.form-label input,.form-label select,.form-label textarea{border:1px solid var(--border);background:var(--card);width:100%;min-height:37px;color:var(--text);border-radius:8px;outline:none;padding:8px 10px;font-size:10px}.form-label input:focus,.form-label select:focus,.form-label textarea:focus{border-color:#83c791;box-shadow:0 0 0 3px #20b45510}.form-two{grid-template-columns:1fr 1fr;gap:11px;display:grid}.learnwell-id{border-top:1px solid var(--border);color:#879188;align-items:center;gap:12px;margin-bottom:10px;padding:12px 0;font-size:9px;display:flex}.learnwell-id code{color:#248c43;font-weight:700}.theme-options{grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;display:grid}.theme-option{border:1px solid var(--border);background:var(--card);color:#778279;border-radius:10px;align-content:center;place-items:center;gap:7px;height:86px;display:grid;position:relative}.theme-option b{font-size:10px}.theme-option.selected{color:#298b43;background:#f5fcf6;border-color:#68c47b}.theme-option>svg:last-child{position:absolute;top:8px;right:8px}.setting-toggle{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:54px;display:flex}.setting-toggle b,.setting-toggle small{display:block}.setting-toggle b{font-size:10px}.setting-toggle small{color:#939d95;margin-top:4px;font-size:8px}.toggle{background:#d8dfd9;border:0;border-radius:20px;width:34px;height:19px;padding:2px;transition:all .15s}.toggle i{background:#fff;border-radius:50%;width:15px;height:15px;transition:transform .15s;display:block}.toggle.on{background:var(--green)}.toggle.on i{transform:translate(15px)}.settings-content>.button{margin-top:14px}.modal-backdrop{z-index:30;background:#1019115c;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.modal-card{background:var(--card);border-radius:14px;width:min(470px,100%);padding:22px;box-shadow:0 20px 60px #10191138}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.modal-head h2{margin:5px 0;font:700 19px Plus Jakarta Sans,sans-serif}.modal-card>p{color:#89938b;margin:0 0 18px;font-size:10px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.toast{z-index:40;color:#fff;background:#1d2b20;border-radius:9px;align-items:center;gap:8px;padding:11px 15px;font-size:10px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #10221335}.toast svg{color:#76d48a}.auth-screen{background:#f7faf7 radial-gradient(#31aa510d .8px,#0000 .8px) 0 0/19px 19px;place-items:center;min-height:100vh;padding:35px 15px;display:grid;position:relative}.auth-pattern{pointer-events:none;opacity:.22;background:radial-gradient(at 50% 40%,#ddf4e2 0,#0000 45%);position:absolute;inset:0}.auth-lang{z-index:1;color:#748178;align-items:center;gap:6px;display:flex;position:absolute;top:20px;right:26px}.auth-lang select{color:#647067;background:0 0;border:0;outline:0;font-size:10px}.auth-card{z-index:1;background:#fff;border:1px solid #edf1ed;border-radius:16px;width:min(410px,100%);padding:25px 30px 22px;position:relative;box-shadow:0 15px 50px #143c2010}.auth-logo{object-fit:contain;width:168px;height:54px;margin:0 auto 8px;display:block}.auth-kicker{text-align:center;letter-spacing:1.3px;color:#3a9e52;font-size:8px;font-weight:700;display:block}.auth-card>h1{text-align:center;letter-spacing:-.4px;margin:9px 0 5px;font:700 22px Plus Jakarta Sans,sans-serif}.auth-card>p{text-align:center;color:#869188;margin:0 0 20px;font-size:10px}.auth-card .form-label{margin-bottom:12px}.auth-card .form-label input,.auth-card .form-label select{min-height:40px}.auth-options{justify-content:space-between;align-items:center;margin:2px 0 15px;font-size:9px;display:flex}.auth-options label{color:#707c73;align-items:center;gap:5px;display:flex}.auth-options input{accent-color:#20b455}.auth-options button,.auth-switch button,.auth-footer button{color:#26974a;background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.auth-submit{width:100%;height:42px}.auth-switch{text-align:center;color:#808b82;margin-top:15px;font-size:9px}.auth-divider{background:#eef1ee;height:1px;margin:16px 0}.auth-trust{color:#929b94;justify-content:center;align-items:center;gap:5px;font-size:9px;display:flex}.auth-trust svg{color:#58a86b}.auth-note{color:#5d8065;background:#f0f8f1;border-radius:8px;gap:7px;margin-bottom:12px;padding:9px;font-size:9px;line-height:1.5;display:flex}.auth-note svg{flex:none}.auth-footer{color:#9aa39b;font-size:9px;position:absolute;bottom:14px}.auth-footer button{color:#89958b;font-size:9px;font-weight:500}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0f0d;--card:#151a17;--text:#e9eee9;--heading:#f1f5f1;--muted:#98a49a;--soft:#1b231d;--border:#ffffff14;--green:#20b455;--green-dark:#35c968;--green-soft:#183322;--shadow:0 8px 25px #0000001f}html[data-theme=dark] body{background-color:var(--bg);background-image:radial-gradient(#1b251e .8px,#0000 .8px)}html[data-theme=dark] .sidebar,html[data-theme=dark] .topbar{background:#111512ed}html[data-theme=dark] .breadcrumbs b,html[data-theme=dark] .action-content b,html[data-theme=dark] .announcement-copy>b,html[data-theme=dark] .class-name b,html[data-theme=dark] .assignment-preview b,html[data-theme=dark] .table-class b,html[data-theme=dark] .table-row>b,html[data-theme=dark] .ass-title b,html[data-theme=dark] .leader-name>b,html[data-theme=dark] .leader-xp,html[data-theme=dark] .setting-toggle b{color:var(--heading)}html[data-theme=dark] .nav-link.active,html[data-theme=dark] .settings-nav>button.selected{color:#56d276;background:#183322}html[data-theme=dark] .role-toggle,html[data-theme=dark] .challenge-mini{border-color:var(--border);background:#171d19}html[data-theme=dark] .role-toggle button.chosen,html[data-theme=dark] .nav-count{color:#e9eee9;border-color:var(--border);background:#252c26}html[data-theme=dark] .hero-card{background:linear-gradient(112deg,#11783a,#168b43 58%,#1da64e)}html[data-theme=dark] .streak-panel>p b{color:#dce6dd}html[data-theme=dark] .announcement-icon{background:#183322}html[data-theme=dark] .violet-icon{background:#29243b}html[data-theme=dark] .dismiss{color:#89948b}html[data-theme=dark] .class-progress>i,html[data-theme=dark] .goal-progress,html[data-theme=dark] .week-days i,html[data-theme=dark] .table-progress i,html[data-theme=dark] .assignment-progress i,html[data-theme=dark] .class-banner-stat i,html[data-theme=dark] .time-goal>i,html[data-theme=dark] .skill-row>i{background:#28302a}html[data-theme=dark] .assignment-icon,html[data-theme=dark] .ass-row-icon{color:#78bd83;background:#202c22}html[data-theme=dark] .leader-hero{background:linear-gradient(110deg,#272319,#201f19);border-color:#373124}html[data-theme=dark] .self-row{background:#18251b}html[data-theme=dark] .theme-option.selected{color:#6ad582;background:#183322}html[data-theme=dark] .teacher-tip{background:#16221a;border-color:#23372a}html[data-theme=dark] .auth-screen{background:#0c0f0d}html[data-theme=dark] .auth-card{border-color:var(--border);background:#151a17}@media (width>=1450px){.page-content{padding-top:37px}.hero-card{height:232px}.hero-illustration{right:65px;transform:scale(1.05)}}@media (width<=1150px){.sidebar{width:226px}.main-area{margin-left:226px}.topbar{padding:0 24px}.page-content{padding:27px 24px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:9px}.stat-card{padding:12px}.stat-card>small{font-size:8px}.assignment-table-head,.assignment-row{grid-template-columns:2fr 1.05fr 1fr 1fr .68fr;gap:8px}.table-head,.table-row{gap:8px}}@media (width<=800px){.sidebar{z-index:21;width:255px;transition:transform .22s;transform:translate(-102%)}.sidebar.open{transform:translate(0)}.scrim{z-index:20;background:#10191166;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-trigger{display:inline-grid}.main-area{margin-left:0}.topbar{height:58px;padding:0 17px}.menu-trigger{margin-right:10px}.breadcrumbs{margin-right:auto}.top-actions{gap:8px}.role-toggle{display:none}.page-content{padding:24px 18px 83px}.mobile-nav{z-index:9;border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:62px;padding:4px 5px env(safe-area-inset-bottom);background:#ffffffed;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#8d978f;background:0 0;border:0;border-radius:8px;flex:1;align-content:center;justify-items:center;gap:4px;height:50px;display:grid}.mobile-nav button.active{color:var(--green)}.mobile-nav small{font-size:8px}.dashboard-grid{grid-template-columns:1fr}.streak-panel{min-height:unset}.bottom-grid,.teacher-bottom{grid-template-columns:1fr}.class-banner{flex-wrap:wrap}.class-banner-copy{min-width:55%}.class-banner-stat{margin-left:57px}.stats-grid,.teacher-stats{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.chart-panel{min-height:280px}.learning-time{min-height:250px}.assignment-table{overflow-x:auto}.assignment-table-head,.assignment-row{min-width:670px}.settings-layout{grid-template-columns:1fr}.settings-nav{gap:4px;display:flex;overflow:auto}.settings-nav>button{white-space:nowrap;flex:none;width:auto}.settings-nav>button>svg:last-child{display:none}.games-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.top-actions{gap:6px}.top-actions>.icon-button:first-of-type{display:none}.topbar{padding:0 12px}.breadcrumbs{font-size:10px}.page-content{padding:20px 13px 80px}.page-heading{align-items:flex-start;margin-bottom:17px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px;line-height:1.55}.page-heading>.button{height:33px;padding:0 9px;font-size:9px}.hide-small{display:none}.hero-card{height:auto;min-height:196px;padding:21px 18px}.hero-copy{max-width:75%}.hero-card h2{font-size:18px}.hero-card p{font-size:10px}.hero-illustration{opacity:.56;right:-70px;transform:scale(.8)}.hero-card .button{height:35px}.stats-grid{gap:8px;margin-top:10px}.stat-card{padding:10px}.stat-icon{width:28px;height:28px;margin-bottom:9px}.stat-label{font-size:8px}.stat-card>strong{font-size:19px}.stat-card>small{font-size:7px}.dashboard-grid{gap:10px;margin-top:10px}.panel{padding:14px}.panel-title h3{font-size:13px}.text-button{font-size:9px}.announcement-panel{min-height:unset}.section-block{margin-top:19px}.section-heading h2{font-size:16px}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.action-card{gap:7px;min-height:59px;padding:8px}.action-icon{width:30px;height:30px}.action-content b{font-size:9px}.action-content small{font-size:7px}.action-arrow{width:14px}.bottom-grid{gap:10px;margin-top:12px}.class-item{flex-wrap:wrap}.class-progress{flex:1;margin-left:42px}.footer{font-size:8px}.footer span:nth-child(2){display:none}.page-heading>.button.secondary{gap:3px;font-size:0}.learning-card{margin-top:20px;padding:20px 15px}.learning-card>h1{font-size:29px}.exercise-label{font-size:8px}.learning-top{grid-template-columns:auto 1fr auto;gap:10px}.learning-top>.text-button{gap:4px;font-size:0}.learning-top>.text-button svg{width:20px}.learn-progress{gap:7px}.xp-pill{padding:7px;font-size:8px}.learn-hero{flex-wrap:wrap;gap:10px;padding:14px}.learn-hero-icon{width:38px;height:38px}.learn-hero h2{font-size:13px}.learn-hero p{font-size:9px}.learn-hero>.button{height:33px;margin-left:48px}.learn-modes{grid-template-columns:repeat(2,1fr)}.class-banner{gap:10px;padding:13px}.class-banner-copy h2{font-size:14px}.class-banner-copy p{font-size:8px}.class-banner-stat{width:calc(50% - 5px);margin-left:0}.class-banner>.button{flex:1;height:34px}.class-stats .stat-card>small{white-space:normal}.code-panel{display:block}.class-code{justify-content:flex-start;margin-top:12px}.table-head,.table-row{grid-template-columns:1.7fr 1fr .8fr 32px}.table-head span:nth-child(2),.table-row>span:nth-child(2),.table-head span:nth-child(4),.table-row>b{display:none}.table-progress{min-width:70px}.assignment-summary{gap:6px}.assignment-summary>div{gap:6px;padding:9px 7px}.summary-icon{width:28px;height:28px}.assignment-summary span{font-size:7px}.assignment-summary b{font-size:10px}.assignment-tabs{gap:11px;overflow:auto}.assignment-tabs button{white-space:nowrap;font-size:9px}.leader-hero{padding:18px}.leader-hero h2{font-size:18px}.leader-hero h2 span{font-size:10px}.leader-decoration{top:22px;right:20px}.leader-table-head,.leader-row{grid-template-columns:.5fr 2fr .85fr .8fr;gap:5px;padding-left:5px;padding-right:5px}.leader-name{gap:5px}.leader-name>b,.leader-streak{font-size:8px}.leader-xp{font-size:9px}.search-box{width:125px}.chart-panel{padding:12px}.chart-total{gap:3px;display:grid}.chart-wrap{height:160px}.skill-row{grid-template-columns:1fr 1.3fr 28px;gap:6px}.skill-row>div{display:block}.skill-row>div span{margin-top:2px;display:block}.games-hero{padding:17px}.games-hero h2{font-size:16px}.games-hero p{font-size:9px}.challenge-art{width:60px;height:60px;margin-right:3px}.games-grid{grid-template-columns:1fr}.game-card{padding:13px}.game-card>p{height:auto}.theme-options{gap:6px}.theme-option{height:70px}.settings-content{padding:16px}.form-two{gap:7px}.settings-nav{padding:6px}.settings-nav>button{padding:0 8px;font-size:9px}.teacher-task-row>span{display:none}.auth-card{padding:23px 20px}.auth-lang{top:12px;right:12px}.auth-screen{padding-top:48px}.auth-card .form-two{grid-template-columns:1fr 1fr}}.nav-link{position:relative;overflow:hidden}.nav-link.active{background:0 0}.nav-indicator{z-index:0;background:#eaf7ed;border-radius:9px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #dcf0e0}.nav-link>svg,.nav-link>span:not(.nav-indicator){z-index:1;position:relative}.mobile-nav button{position:relative;overflow:hidden}.mobile-nav-indicator{z-index:0;background:#eaf7ed;border-radius:9px;position:absolute;inset:2px 4px}.mobile-nav button>svg,.mobile-nav button>small{z-index:1;position:relative}.mobile-nav button.active{color:#178f43}.auth-error{color:#b5434c;background:#fff0f1;border-radius:8px;margin-bottom:10px;padding:9px 10px;font-size:9px}.role-toggle button:disabled{cursor:not-allowed;opacity:.48}.empty-state{text-align:center;color:var(--muted);padding:24px}.empty-state h3{color:var(--heading);margin:0 0 8px}.empty-state p{margin:0 0 16px;font-size:12px}.empty-state .button{margin-top:4px}:root{--logo-page:#f8faf8;--logo-ink:#202822}html[data-theme=dark]{--logo-page:#0c0f0d;--logo-ink:#f1f5f1}.learnwell-logo{flex:none;display:block;overflow:visible}.logo-word{letter-spacing:-1.5px;font-family:Plus Jakarta Sans,DM Sans,Inter,system-ui,sans-serif;font-size:36px;font-weight:800;transition:fill .45s}.logo-learn{fill:var(--logo-ink)}.logo-well{fill:#1eaa50}.logo-mark{transform-box:fill-box;transform-origin:50%;transition:filter .45s}.brand-logo{width:163px;height:46px}.auth-logo{width:168px;height:54px;margin:0 auto 8px}.theme-toggle{overflow:hidden}.theme-toggle>span{place-items:center;display:grid}html.theme-transitioning body,html.theme-transitioning .sidebar,html.theme-transitioning .topbar,html.theme-transitioning .panel,html.theme-transitioning .auth-card,html.theme-transitioning .workspace,html.theme-transitioning .icon-button,html.theme-transitioning .action-card,html.theme-transitioning .class-item{transition:background-color .45s,color .45s,border-color .45s,box-shadow .45s}html.theme-transitioning .logo-mark{animation:.65s cubic-bezier(.2,.75,.25,1) logo-theme-bloom}html.theme-transitioning .logo-word{transition:fill .55s}@keyframes logo-theme-bloom{0%{filter:brightness(.9);transform:scale(.88)}55%{filter:brightness(1.18);transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}@media (prefers-reduced-motion:reduce){html.theme-transitioning body,html.theme-transitioning .sidebar,html.theme-transitioning .topbar,html.theme-transitioning .panel,html.theme-transitioning .auth-card,html.theme-transitioning .workspace,html.theme-transitioning .icon-button,html.theme-transitioning .action-card,html.theme-transitioning .class-item,.logo-word,.logo-mark{transition:none!important;animation:none!important}}.class-subject-icon{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:10px;flex:none;place-items:center;display:grid}.table-class .class-subject-icon{width:32px;height:32px}.study-package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:12px 0 22px;display:grid}.study-package-card{flex-direction:column;align-items:flex-start;min-height:190px;padding:17px;display:flex}.study-package-icon{background:var(--green-soft);width:36px;height:36px;color:var(--green);border-radius:11px;place-items:center;margin-bottom:10px;display:grid}.study-package-card>.tag{margin-bottom:8px}.study-package-card h3{color:var(--heading);margin:0 0 5px;font-size:14px}.study-package-card p{color:var(--muted);margin:0 0 8px;font-size:10px}.study-package-card>small{color:var(--muted);font-size:10px}.study-package-bottom{width:100%;color:var(--muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;font-size:10px;display:flex}.package-input-hint{color:var(--muted);margin:-7px 0 12px;font-size:10px;line-height:1.5;display:block}@media (width<=900px){.study-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.study-package-grid{grid-template-columns:1fr}}html[data-theme=dark] .nav-indicator,html[data-theme=dark] .mobile-nav-indicator{background:#183322;box-shadow:inset 0 0 0 1px #285638}html[data-theme=dark] .mobile-nav button.active{color:#76df91}.package-grammar{color:var(--muted);margin-top:8px;line-height:1.55;display:block}.study-package-bottom .package-input-hint{font-size:11px}.phase-indicator{color:#147a36;letter-spacing:.04em;background:#eaf7ed;border:1px solid #bfe4c8;border-radius:999px;align-items:center;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}html[data-theme=dark] .phase-indicator{color:#85e39a;background:#183322;border-color:#285638}html[data-theme=dark] .answer-option{color:#e0eae2;background:#1a211d;border-color:#354139}html[data-theme=dark] .answer-option:hover{background:#202b23;border-color:#4f815a}html[data-theme=dark] .option-key{color:#bfccbf;background:#222b25;border-color:#46534a}html[data-theme=dark] .answer-option.correct-answer{color:#a0edaf;background:#173522;border-color:#48a45e}html[data-theme=dark] .answer-option.wrong-answer{color:#f1a6aa;background:#382022;border-color:#a94e55}html[data-theme=dark] .answer-feedback.correct{color:#96e2a5;background:#183322}html[data-theme=dark] .answer-feedback.wrong{color:#f1a6aa;background:#382022}html[data-theme=dark] .answer-feedback small{color:#c0cec2}html[data-theme=dark] .feedback-icon{background:#222b25}.keyboard-hint{color:var(--muted);font-weight:500}.celebration-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1510a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.celebration-card{text-align:center;border:1px solid var(--border);background:var(--card);border-radius:22px;width:min(430px,100%);padding:34px 32px 28px;position:relative;overflow:hidden;box-shadow:0 24px 90px #0003}.celebration-card:before{content:"";pointer-events:none;background:radial-gradient(#42bc6d35,#0000 70%);height:190px;position:absolute;top:-110px;left:-15%;right:-15%}.celebration-icon{color:#1d9b4b;background:#e6f7eb;border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 18px;display:grid;box-shadow:0 10px 30px #2b9b4c22}.celebration-card .eyebrow{color:#258848;position:relative}.celebration-card h2{color:var(--heading);letter-spacing:-.5px;margin:10px 0;font-size:24px;position:relative}.celebration-card p{max-width:330px;color:var(--muted);margin:0 auto 12px;font-size:14px;line-height:1.6;position:relative}.celebration-stars{color:#32a856;letter-spacing:7px;margin:13px 0 20px;font-size:22px;animation:1s ease-in-out infinite alternate celebration-twinkle}.celebration-card>.button{min-width:160px;position:relative}.phase-indicator{white-space:nowrap}@keyframes celebration-twinkle{0%{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}html[data-theme=dark] .celebration-card{background:#151b17;border-color:#303b33}html[data-theme=dark] .celebration-icon{color:#82e098;background:#183322;box-shadow:0 10px 30px #16874433}html[data-theme=dark] .celebration-card .eyebrow,html[data-theme=dark] .celebration-stars{color:#82df97}@media (width<=540px){.celebration-card{padding:28px 20px 22px}.celebration-card h2{font-size:20px}.exercise-label{flex-wrap:wrap;gap:6px}.phase-indicator{padding:5px 7px;font-size:8px}}.definition-prompt{border:1px solid var(--border);background:var(--surface);min-height:112px;color:var(--heading);border-radius:12px;place-items:center;margin:14px 0 8px;padding:20px;font:600 18px/1.55 Plus Jakarta Sans,sans-serif;display:grid}.typed-prompt{color:var(--heading);margin:20px 0 5px!important;font-size:28px!important}.typed-instruction{color:var(--muted);margin:7px auto 13px;font-size:12px;line-height:1.5}.typing-answer{border:1px solid var(--border);background:var(--card);width:100%;height:48px;color:var(--heading);border-radius:10px;outline:none;padding:0 14px;font:600 15px Plus Jakarta Sans,sans-serif;transition:border-color .18s,box-shadow .18s}.typing-answer:focus{border-color:#61b978;box-shadow:0 0 0 3px #48a95822}.typing-answer.typing-correct{color:#1d8539;background:#effaf1;border-color:#43aa5b}.typing-answer.typing-wrong{color:#b54750;background:#fff2f2;border-color:#d56b73;animation:.32s ease-in-out typing-shake}.typed-check{width:100%;margin-top:9px}.listen-challenge{background:#eaf7ed;border:1px solid #bfe4c8;border-radius:9px;margin:2px auto 10px;padding:9px 14px}.keyboard-hint{font-size:9px}.answer-caption{justify-content:space-between;gap:5px;display:flex}.answer-feedback{overflow:hidden}@keyframes typing-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}html[data-theme=dark] .definition-prompt{color:#e0eae2;background:#1a211d;border-color:#354139}html[data-theme=dark] .typing-answer{color:#e2ece4;background:#1a211d;border-color:#3c4940}html[data-theme=dark] .typing-answer:focus{border-color:#62bd79;box-shadow:0 0 0 3px #48a95833}html[data-theme=dark] .typing-answer.typing-correct{color:#a0edaf;background:#173522;border-color:#48a45e}html[data-theme=dark] .typing-answer.typing-wrong{color:#f1a6aa;background:#382022;border-color:#a94e55}html[data-theme=dark] .listen-challenge{color:#8de2a0;background:#183322;border-color:#285638}@media (width<=540px){.definition-prompt{min-height:95px;padding:15px;font-size:15px}.typed-prompt{font-size:23px!important}}.vocabulary-preview-backdrop{z-index:60;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1510a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.vocabulary-preview-card{border:1px solid var(--border);background:var(--card);width:min(620px,100%);max-height:min(86vh,820px);color:var(--text);border-radius:18px;flex-direction:column;padding:25px;display:flex;box-shadow:0 24px 90px #0003}.vocabulary-preview-heading{justify-content:space-between;align-items:center;display:flex}.vocabulary-preview-card h2{color:var(--heading);margin:12px 0 5px;font-size:23px}.vocabulary-preview-card>p{color:var(--muted);margin:0 0 17px;font-size:13px;line-height:1.5}.vocabulary-preview-list{border:1px solid var(--border);border-radius:10px;min-height:0;overflow:auto}.vocabulary-preview-list>div{grid-template-columns:32px minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;padding:10px 13px;font-size:13px;display:grid}.vocabulary-preview-list>div+div{border-top:1px solid var(--border)}.vocabulary-preview-list>div>b{color:var(--heading)}.vocabulary-preview-list>div>span:last-child{color:var(--muted)}.vocabulary-preview-number{color:var(--green);font-size:11px;font-weight:700}.vocabulary-preview-actions{justify-content:flex-end;padding-top:16px;display:flex}.vocabulary-reference-button{white-space:nowrap}.exercise-label{flex-wrap:wrap;gap:10px}html[data-theme=dark] .vocabulary-preview-card{background:#151b17;border-color:#303b33}html[data-theme=dark] .vocabulary-preview-list>div+div{border-color:#303b33}@media (width<=540px){.vocabulary-preview-card{padding:18px 14px}.vocabulary-preview-card h2{font-size:19px}.vocabulary-preview-card>p{font-size:11px}.vocabulary-preview-list>div{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:7px;padding:9px 8px;font-size:11px}.vocabulary-preview-actions>.button{justify-content:center;width:100%}.exercise-label{justify-content:flex-start}}.continue-button:disabled{cursor:default;opacity:1!important;color:#fff!important;background:linear-gradient(135deg,#a8d9b2,#78c889)!important;box-shadow:0 5px 14px #50a86420!important}.continue-button:disabled:hover{filter:none!important;transform:none!important}.teacher-class-row{cursor:pointer}.teacher-class-row:hover{background:color-mix(in srgb,var(--green) 5%,transparent)}.class-detail-back{margin-bottom:14px}.class-detail-tabs{border-bottom:1px solid var(--border);gap:8px;margin:22px 0 12px;padding:4px;display:flex;overflow-x:auto}.class-detail-tabs button{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:11px 14px;font:600 12px inherit;display:flex}.class-detail-tabs button.selected{border-color:var(--green);color:var(--green)}.class-detail-tabs button span{background:var(--surface,#f0f4f0);border-radius:20px;padding:2px 7px;font-size:10px}.class-detail-table{overflow:auto}.class-detail-table-head,.class-detail-student{grid-template-columns:2fr 1.4fr .8fr .8fr .65fr;align-items:center;gap:12px;min-width:720px;padding:12px 15px;display:grid}.class-detail-table-head{color:var(--muted);letter-spacing:.06em;font-size:9px;font-weight:700}.class-detail-student{border-top:1px solid var(--border);color:var(--text);font-size:11px}.class-detail-student>span{color:var(--muted)}.class-detail-student>.leader-name{min-width:0}.scoreboard-head,.scoreboard-row{grid-template-columns:.5fr 2fr 1fr 1.4fr .8fr}.class-detail-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.class-detail-package{align-items:flex-start;gap:12px;display:flex}.class-detail-package h3{color:var(--heading);margin:5px 0;font-size:14px}.class-detail-package p{color:var(--muted);margin:0;font-size:11px}.class-detail-empty{text-align:center;color:var(--muted);padding:25px}html[data-theme=dark] .class-detail-tabs button span{background:#222b25}@media (width<=700px){.class-detail-cards{grid-template-columns:1fr}.class-detail-tabs button{padding:10px 9px;font-size:11px}}.teacher-class-list{padding:4px 18px}.class-list-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:4px 0;display:flex}.class-list-item:last-child{border-bottom:0}.class-list-main{text-align:left;min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:13px;padding:12px 0;display:flex}.class-list-main:disabled{cursor:default}.class-list-main:disabled:hover{background:0 0}.class-list-main .class-subject-icon{color:#2b9d4e;background:#eaf7ed;border-radius:12px;flex:none;width:40px;height:40px}.class-list-title{align-items:baseline;gap:13px;min-width:0;display:flex}.class-list-title b{color:var(--heading);white-space:nowrap;font:700 15px Plus Jakarta Sans,sans-serif}.class-list-title small{color:var(--muted);white-space:nowrap;font-size:12px}.class-list-count,.class-list-tasks{white-space:nowrap;color:var(--muted);margin-left:auto;font-size:11px}.class-list-tasks{margin-left:10px}.class-list-open{background:var(--soft);width:34px;height:34px;color:var(--green);border-radius:10px;place-items:center;margin-left:8px;transition:background .18s,transform .18s;display:grid}.class-list-main:hover .class-list-open{background:#e2f4e6;transform:translate(2px)}.class-list-student-xp{color:var(--muted);font-size:11px}html[data-theme=dark] .class-list-main .class-subject-icon{color:#74d78d;background:#183322}html[data-theme=dark] .class-list-main:hover .class-list-open{background:#203927}.animation-setting{border:1px solid var(--border);background:var(--soft);border-radius:11px;padding:12px 14px}.animation-setting b{font-size:12px}.animation-setting small{font-size:10px}.animations-disabled *,html.animations-disabled *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}@media (width<=650px){.teacher-class-list{padding:3px 12px}.class-list-main{gap:9px}.class-list-main .class-subject-icon{width:35px;height:35px}.class-list-title{flex-direction:column;align-items:flex-start;gap:2px}.class-list-title b{font-size:13px}.class-list-title small{font-size:10px}.class-list-count,.class-list-tasks{font-size:9px}.class-list-tasks{display:none}.class-list-open{width:30px;height:30px;margin-left:0}}.managed-package{align-items:flex-start}.managed-package-main{flex:1;min-width:0}.managed-package h3{color:var(--heading);margin:5px 0}.package-expiry-status{color:var(--muted);margin-top:8px;font-size:10px;display:inline-block}.package-expiry-status.expired{color:#c15757}.package-expiry-controls{align-items:flex-end;gap:12px;margin-top:10px;display:flex}.package-expiry-controls .form-label{width:190px;margin:0}.package-expiry-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.package-delete{color:#bd5555}.class-detail-assignment{align-items:center;gap:13px;display:flex}.class-detail-assignment>div:nth-child(2){flex:1;min-width:0}.class-detail-assignment h3{color:var(--heading);margin:5px 0;font-size:14px}.class-detail-assignment p{color:var(--muted);margin:0;font-size:11px}.assignment-submission-count{background:var(--soft);color:var(--green);border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700}.package-management-message{color:var(--green);margin:0 0 10px;font-size:12px}.class-detail-tab-content{width:100%}.class-detail-tab-content .panel{animation:none}@media (width<=650px){.package-expiry-controls{flex-direction:column;align-items:stretch}.package-expiry-controls .form-label{width:100%}.package-expiry-actions{grid-template-columns:1fr 1fr;display:grid}.package-delete{grid-column:2;justify-self:end}.managed-package .class-subject-icon{display:none}}.activity-question{max-width:460px;margin:16px auto 10px!important;font-size:25px!important;line-height:1.35!important}.reading-passage{border-left:3px solid var(--green);background:var(--soft);color:var(--text);text-align:left;border-radius:8px;margin:18px 0 12px;padding:18px 20px;font-size:15px;line-height:1.7}.speech-recognition-button{margin:14px 0}.speech-recognition-status{color:var(--muted);margin:10px 0;font-size:12px}.activity-card .typed-instruction{color:var(--muted);margin:7px 0 14px;font-size:12px}.class-diagnostics{gap:20px;display:grid}.diagnostics-stats{margin-bottom:0}.diagnostics-panels{grid-template-columns:minmax(260px,.8fr) minmax(420px,1.2fr);gap:18px;display:grid}.diagnostics-panels>.panel{padding:22px}.diagnostics-panels h3{margin:8px 0 18px;font-size:18px}.diagnostics-panels p{color:var(--muted);line-height:1.6}.diagnostic-error-row{border-top:1px solid var(--border);grid-template-columns:minmax(80px,1fr) auto;gap:4px 12px;padding:13px 0;display:grid}.diagnostic-error-row b{font-size:14px}.diagnostic-error-row span{color:var(--danger,#dc6b58);font-size:13px}.diagnostic-error-row small{color:var(--muted);grid-column:1/-1;font-size:12px}.student-diagnostic{border-top:1px solid var(--border);padding:5px 0}.student-diagnostic summary{cursor:pointer;align-items:center;gap:11px;min-height:52px;list-style:none;display:flex}.student-diagnostic summary::-webkit-details-marker{display:none}.student-diagnostic summary b{flex:1}.student-diagnostic summary>span:last-child{text-align:right;min-width:48px;color:var(--muted);font-size:13px}.student-diagnostic-errors{flex-wrap:wrap;gap:8px;padding:5px 0 14px 42px;display:flex}.student-diagnostic-errors>span{border:1px solid var(--border);background:var(--surface-2,#78828c14);border-radius:10px;padding:7px 10px;font-size:13px}.student-diagnostic>p{color:var(--muted);margin:0 0 14px 42px;font-size:13px}@media (width<=850px){.diagnostics-panels{grid-template-columns:1fr}}@media (width<=540px){.diagnostics-panels>.panel{padding:16px}.student-diagnostic summary{gap:7px}.student-diagnostic summary b{font-size:13px}.student-diagnostic-errors{padding-left:0}}.game-card{flex-direction:column;gap:0;min-height:232px;display:flex}.game-card h3{overflow-wrap:anywhere;min-height:40px;margin:13px 0 6px;font-size:15px;line-height:1.35}.game-card>p{height:auto;min-height:34px;font-size:11px;line-height:1.5}.game-meta{gap:10px;min-height:24px;margin-top:13px}.game-meta>span:last-child{font-size:11px}.game-foot{gap:12px;margin-top:auto;padding-top:13px}.game-foot>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:10px;overflow:hidden}.game-foot>.button{white-space:nowrap;flex:none}.game-play-screen{width:min(100%,900px);margin:0 auto}.game-play-top{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;padding:10px 2px 18px;display:flex}.game-play-top>.game-play-title{text-align:center;color:var(--text,#202720);flex:1 0 100%;order:-1;padding:2px 10px 7px;font-size:22px;font-weight:750;line-height:1.25}.game-play-top>.text-button{white-space:nowrap;margin-right:auto}.game-play-top>.game-timer,.game-play-top>.xp-pill{white-space:nowrap;flex:none}.matching-game{max-width:780px;margin:0 auto;padding:24px}.matching-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;margin:18px 0;display:grid}.matching-columns>div{grid-auto-rows:minmax(52px,auto);gap:10px;display:grid}.match-choice{border:1px solid var(--border);background:var(--panel,#fff);width:100%;min-width:0;min-height:52px;color:var(--text,#263128);text-align:center;cursor:pointer;overflow-wrap:anywhere;border-radius:13px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.match-choice:hover:not(:disabled){background:#36b86414;border-color:#49b96e;transform:translateY(-2px)}.match-choice.selected{color:#fff;background:#20a958;border-color:#21a957;transform:scale(1.025);box-shadow:0 0 0 3px #20a9582e}.match-choice.matched,.match-choice:disabled{color:#188849;cursor:default;opacity:1;background:#2cb05b24;border-color:#4ab973}html[data-theme=dark] .game-play-title{color:#edf5ee}html[data-theme=dark] .match-choice{color:#dfe9e1;background:#1b2520;border-color:#35433a}html[data-theme=dark] .match-choice.selected{color:#fff;background:#178d49;border-color:#34bd6b}html[data-theme=dark] .match-choice.matched,html[data-theme=dark] .match-choice:disabled{color:#73d492;background:#20a04f33;border-color:#348653}@media (width<=600px){.game-card{min-height:unset}.game-card h3{min-height:0}.game-play-top{gap:9px;padding-bottom:14px}.game-play-top>.game-play-title{font-size:19px}.game-play-top>.text-button{font-size:12px}.matching-game{padding:15px}.matching-columns{gap:9px}.matching-columns>div{grid-auto-rows:minmax(48px,auto);gap:8px}.match-choice{border-radius:10px;min-height:48px;padding:8px 6px;font-size:12px}}.placement-banner{background:linear-gradient(110deg,#f0faf2,#fff);border:1px solid #dcefe1;border-radius:16px;align-items:center;gap:16px;margin:18px 0;padding:19px 22px;display:flex}.placement-banner-icon,.placement-result-icon{color:#179847;background:#e2f5e7;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;display:grid}.placement-banner-copy{flex:1;min-width:0}.placement-banner-copy h3{color:var(--heading);margin:5px 0;font-size:17px}.placement-banner-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.placement-banner>.button{flex:none}.placement-test-screen{width:min(100%,780px);margin:10px auto 35px}.placement-exit{margin:0 0 15px}.placement-test-card{padding:30px}.placement-test-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.placement-test-heading h1{margin:7px 0 0;font-size:25px}.placement-counter{background:var(--soft);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.placement-progress-track,.placement-band>div{background:var(--soft);border-radius:999px;height:7px;overflow:hidden}.placement-progress-track{margin:19px 0 24px}.placement-progress-track i,.placement-band i{border-radius:inherit;background:linear-gradient(90deg,#1ca64d,#62cf7c);height:100%;transition:width .25s;display:block}.placement-level-tag{color:#168742;letter-spacing:.6px;background:#e7f6eb;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.placement-question{color:var(--heading);margin:18px 0 16px;font-size:20px;line-height:1.45}.placement-options{gap:9px;display:grid}.placement-option{border:1px solid var(--border);background:var(--card);text-align:left;border-radius:12px;align-items:center;gap:13px;width:100%;min-height:54px;padding:10px 14px;transition:all .18s;display:flex}.placement-option:hover{border-color:#74c58b;transform:translateY(-1px)}.placement-option>span{background:var(--soft);width:30px;height:30px;color:var(--muted);border-radius:9px;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.placement-option>b{flex:1;font-weight:600}.placement-option>svg{color:#168f45}.placement-option.selected{background:#edf9f0;border-color:#27aa54;box-shadow:0 0 0 2px #27aa541c}.placement-option.selected>span{color:#fff;background:#20a653}.placement-test-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding-top:18px;display:flex}.placement-test-footer>span,.placement-hint{color:var(--muted);font-size:12px}.placement-test-footer>div,.placement-result-actions{gap:9px;display:flex}.placement-hint{text-align:right;margin-top:10px;display:block}.placement-error{color:#b64037;font-size:13px}.placement-result{text-align:center;padding:34px}.placement-result-icon{width:58px;height:58px;margin:0 auto 14px}.placement-result h1{color:#168e44;margin:5px 0 0;font-size:64px;line-height:1}.placement-result h2{margin:9px 0;font-size:19px}.placement-result>p{max-width:520px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.65}.placement-breakdown{text-align:left;gap:11px;max-width:440px;margin:25px auto;display:grid}.placement-band{grid-template-columns:38px 1fr 42px;align-items:center;gap:10px;display:grid}.placement-band>span,.placement-band>b{font-size:12px;font-weight:750}.placement-band>b{text-align:right}.placement-band>div{height:9px}.placement-result-actions{justify-content:center}.placement-test-loading{max-width:720px;margin:30px auto;padding:28px}.placement-test-loading h2{margin-bottom:8px}html[data-theme=dark] .placement-banner{background:linear-gradient(110deg,#1b2b20,#1b211d);border-color:#2c4433}html[data-theme=dark] .placement-banner-icon,html[data-theme=dark] .placement-result-icon{color:#77d590;background:#203e29}html[data-theme=dark] .placement-level-tag{color:#83d99a;background:#203a28}html[data-theme=dark] .placement-option.selected{background:#1c3524;border-color:#2da657}html[data-theme=dark] .placement-option.selected>span{color:#fff;background:#178d49}@media (width<=600px){.placement-banner{flex-wrap:wrap;align-items:flex-start;gap:11px;padding:15px}.placement-banner-icon{width:40px;height:40px}.placement-banner-copy{width:calc(100% - 52px)}.placement-banner-copy h3{font-size:15px}.placement-banner-copy p{font-size:11px}.placement-banner>.button{margin-left:51px}.placement-test-card{padding:18px}.placement-test-heading h1{font-size:20px}.placement-question{font-size:17px}.placement-test-footer{flex-direction:column;align-items:flex-start}.placement-test-footer>div{justify-content:flex-end;width:100%}.placement-hint{text-align:left}.placement-result{padding:24px 17px}.placement-result h1{font-size:54px}}