:root{color-scheme:light;--green:#16a34a;--dark-green:#15803d;--ink:#253c32;--muted:#687a70;--line:#e9eeea;--soft:#f7faf7;--radius:20px;font-family:ui-rounded,'SF Pro Rounded',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;color:var(--ink);background:white}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}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;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #177b43;outline-offset:4px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link:focus{position:fixed;top:10px;left:20px;background:white;padding:15px;z-index:100}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:40px;padding:0 40px 0 32px;position:sticky;top:0;z-index:10;background:#fffffffa}.brand{display:flex;align-items:center;font-size:29px;font-weight:900;letter-spacing:-1.4px;color:var(--dark-green);white-space:nowrap}.brand-mark{position:relative;width:37px;height:37px;border-radius:12px 12px 12px 3px;background:var(--green);color:white;font-size:32px;line-height:29px;letter-spacing:-1px;margin-right:10px;text-align:center;font-weight:800}.brand-mark span{position:absolute;right:-6px;top:-8px;font-size:20px;color:#e8b93d;text-shadow:0 1px white}.brand-period{color:#8bcf7d}.search{margin-left:45px;max-width:470px;flex:1;display:flex;align-items:center;gap:10px;background:#f5f7f5;border:1px solid #edf0ed;border-radius:12px;padding:0 14px;height:44px}.search>span{font-size:27px;line-height:1;color:#738579}.search input{min-width:0;flex:1;width:100%;background:none;border:0;outline:none!important;color:var(--ink);font-size:13px}.search:focus-within{outline:2px solid #16a34a}.search input::placeholder{color:#849087}.search kbd{border:1px solid #dce4dd;color:#8d9a90;padding:1px 6px;border-radius:4px;font-size:11px}.account-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.quiet{font-size:13px;font-weight:700;padding:10px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;border-radius:11px;background:var(--green);color:white;font-weight:750;font-size:13px;box-shadow:0 4px 0 #13813c;transition:transform .18s,background .18s}.button:hover{background:var(--dark-green);transform:translateY(-2px)}.button.small{padding:11px 18px;box-shadow:none;gap:10px}.avatar-button{padding:0;width:40px;height:40px;display:block;border-radius:50%;overflow:hidden}.avatar-button svg{width:100%;height:100%}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);max-width:1920px;margin:auto}.sidebar{padding:32px 20px 25px;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:calc(100vh - 88px);position:sticky;top:88px;align-self:start;height:calc(100vh - 88px);overflow:auto}.nav-label{font-size:9px;font-weight:800;letter-spacing:1.3px;color:#8a988f;margin:0 10px 15px}nav{display:flex;flex-direction:column;gap:5px}.side-link{width:100%;display:flex;align-items:center;gap:12px;min-height:44px;border-radius:10px;padding:10px 12px;text-align:left;font-size:12px;font-weight:650;color:#6b7b71;transition:background .15s}.side-link>span:first-child{width:20px;font-size:19px;font-weight:600;text-align:center;line-height:1}.side-link:hover{background:#f1f7f1}.side-link.active{background:#eaf7ed;color:#15803d;font-weight:800}.side-link.active::after{content:'';width:5px;height:5px;border-radius:50%;background:var(--green);margin-left:auto}.side-link small{font-size:7px;letter-spacing:.5px;border:1px solid #e2e8e3;padding:3px 4px;border-radius:4px;margin-left:auto;color:#89968d}.sidebar-divider{height:1px;background:var(--line);margin:25px 10px}.soon-dot{width:6px;height:6px;border-radius:50%;background:#edc265;margin-left:auto}.sidebar-note{background:#f2f8eb;border:1px solid #e9efdf;padding:18px 16px 14px;border-radius:15px;margin-top:24px}.note-sprout{color:#74aa48;display:block;font-size:30px;margin-bottom:7px}.sidebar-note strong{font-size:17px;line-height:1.3;letter-spacing:-.5px}.sidebar-note p{font-size:10px;color:#819077;line-height:1.7;margin:10px 0 14px}.sidebar-note button{padding:0;display:flex;gap:12px;font-size:10px;font-weight:750;color:#56833f}.sidebar-bottom{margin-top:auto;padding-top:28px}.sidebar-bottom p{font-size:9px;color:#96a198;line-height:1.8;margin:19px 12px 0}main{padding:28px 40px 0;min-width:0;max-width:1500px;width:100%;margin:auto}.welcome-line{display:flex;justify-content:space-between;align-items:center;color:#78877d;font-size:11px;margin-bottom:24px}.sun{color:#daa437;font-size:19px;margin-right:8px;vertical-align:middle}.preview-label{font-size:8px;letter-spacing:1.2px;color:#85928a;border:1px solid #e2e9e2;padding:6px 9px;border-radius:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:347px;border:1px solid #e1eee0;border-radius:24px;background:#f0f8ec;overflow:hidden}.hero-copy{padding:35px 15px 32px 35px;position:relative;z-index:1}.eyebrow{font-size:8px;letter-spacing:1.5px;font-weight:850;color:#538c50;display:flex;align-items:center;gap:7px;margin-bottom:15px}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:#76b865}h1{font-size:clamp(35px,3.6vw,54px);line-height:1.12;letter-spacing:-2px;font-weight:850}h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:12px;line-height:1.85;max-width:350px;color:#71816e;margin-top:16px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:23px}.text-link{font-size:11px;font-weight:750;display:inline-flex;align-items:center;gap:12px;color:#53745b;white-space:nowrap}.text-link:hover{color:#15803d;text-decoration:underline}.hero-note{font-size:9px;color:#82917c;margin-top:23px}.hero-note>span{color:#689d59;font-size:15px;margin-right:5px}.hero-art{position:relative;display:flex;align-items:end;overflow:hidden;border-radius:50% 0 0 0;margin:30px 0 0 -15px}.hero-art>svg{width:100%;height:100%;object-fit:cover;min-height:300px}.floating-label{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;background:#fffffff2;border:1px solid #e3eadc;box-shadow:0 5px 20px #315d3010;padding:10px 14px;border-radius:11px;font-size:9px;font-weight:700;transform:rotate(-4deg)}.floating-label.top{top:30px;right:25px}.floating-label.top>span{color:#e2b44a;font-size:17px}.floating-label.bottom{bottom:35px;left:45px;transform:rotate(5deg)}.tiny-face{color:#3d8a38;background:#dbf5b2;padding:5px;border-radius:50%}.subject-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:23px 0 38px}.subject-tile{display:flex;align-items:center;gap:11px;padding:16px 12px;border:1px solid var(--line);border-radius:13px;text-align:left;background:white;transition:transform .18s,border-color .18s}.subject-tile:hover{transform:translateY(-3px);border-color:#adcdb3}.subject-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:22px;font-weight:750;flex-shrink:0}.subject-tile strong{display:block;font-size:11px}.subject-tile small{display:block;color:#8a948d;font-size:8px;line-height:1.5;margin-top:5px}.subject-tile b{margin-left:auto;color:#a5afa7;font-weight:400;font-size:12px}.math .subject-icon{color:#209854;background:#e7f6e8}.english .subject-icon{color:#438bbf;background:#eaf4fc;font-size:17px}.brain .subject-icon{color:#a27fc1;background:#f3eefa}.free .subject-icon{color:#d29930;background:#fff4db}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px}.eyebrow.subtle{font-size:8px;letter-spacing:1.6px;color:#8c9b90;margin-bottom:8px}h2{font-size:22px;letter-spacing:-.75px;font-weight:800}.section-heading p{font-size:11px;color:#859087;margin-top:7px;line-height:1.6}.count-pill{font-size:9px;background:#f4f7f3;color:#7e8c7e;border:1px solid #e7ece5;border-radius:20px;padding:7px 11px;white-space:nowrap}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{border:1px solid #e5ebe5;border-radius:16px;overflow:hidden;transition:transform .2s,box-shadow .2s;background:white}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #274b3110}.card-art{position:relative;overflow:hidden;background:#edf5ed;aspect-ratio:1.5}.card-art>svg{width:100%;height:100%;display:block}.status-badge{position:absolute;left:10px;top:10px;font-size:7px;letter-spacing:.6px;font-weight:800;background:#ffffffeb;border:1px solid #ffffff99;border-radius:5px;padding:5px 7px;color:#66786c}.status-badge.live{color:#187c42;background:#effdf2}.card-body{padding:15px 14px 13px}.game-card h3{font-size:13px;letter-spacing:-.25px;line-height:1.35}.game-kind{font-size:8px;color:#98a296;margin-top:5px}.game-card p{font-size:10px;color:#7f8b81;line-height:1.6;margin:12px 0 16px;min-height:32px}.card-bottom{border-top:1px solid #eef1ed;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:7px}.card-tag{font-size:8px;color:#89968c}.card-button{font-size:9px;color:#41874f;font-weight:750;padding:5px 0}.card-button span{margin-left:8px}.card-button:hover{text-decoration:underline}.classic-section{margin-top:37px;scroll-margin-top:110px}.classic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.classic-grid .game-card{display:grid;grid-template-columns:110px 1fr;align-items:stretch;border-radius:13px}.classic-grid .card-art{aspect-ratio:auto;height:100%}.classic-grid .card-art>svg{object-fit:cover}.classic-grid .status-badge{display:none}.classic-grid .card-body{padding:14px}.classic-grid .game-card p{margin:8px 0;font-size:9px;min-height:0}.classic-grid .game-kind{display:none}.classic-grid .card-bottom{padding-top:8px}.live-dot{width:6px;height:6px;border-radius:50%;background:#63b078;display:inline-block;vertical-align:middle;margin-left:4px}.learning-note{display:flex;align-items:center;gap:20px;border:1px solid #e9eee4;background:#f7faf3;border-radius:15px;padding:22px;margin:34px 0 27px}.learning-note h2{font-size:16px;letter-spacing:-.3px}.learning-note p{font-size:10px;color:#829078;margin-top:7px;line-height:1.8;max-width:590px}.learning-note>.text-link{margin-left:auto}.note-symbol{font-size:39px;color:#99b476}.grade-control label{display:block;font-size:9px;color:#7b8a7e;margin-bottom:6px}.grade-control select{padding:10px 30px 10px 12px;background:white;color:#28663b;border:1px solid #cddfcb;border-radius:8px;font-size:11px}.context-banner{border-radius:10px;background:#eff8ed;border:1px solid #dfeeda;font-size:11px;padding:13px 16px;margin-bottom:18px;line-height:1.7;color:#59834d}footer{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:23px 0 26px;color:#95a096;font-size:9px}.footer-brand{font-size:20px;letter-spacing:-1px}.footer-meta{margin-left:auto}.footer-meta>span{color:#80b181;font-size:13px}.empty-state{text-align:center;border:1px dashed #dce6d9;border-radius:16px;padding:35px;color:#687f6b}.empty-state>span{font-size:35px}.empty-state h3{font-size:18px;margin:10px 0}.empty-state p{font-size:12px;margin:10px 0 20px}dialog{width:min(540px,calc(100vw - 32px));max-height:88dvh;border:1px solid #dde8dc;border-radius:21px;padding:27px;color:var(--ink);box-shadow:0 25px 120px #1a3a3138}dialog::backdrop{background:#13382780;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.modal-heading h2{font-size:23px}.modal-close{background:#f0f5ee;border-radius:50%;width:32px;height:32px;font-size:23px;flex-shrink:0}#modal-content p{font-size:13px;color:#6e8170;line-height:1.9;margin:12px 0}#modal-content .button{margin-top:12px}#modal-content .modal-art{border-radius:14px;overflow:hidden;height:190px}#modal-content .modal-art svg{width:100%;height:100%;object-fit:cover}.modal-tag{display:inline-block;color:#617f57;background:#eff7e9;font-size:10px;padding:6px 10px;border-radius:6px;margin:12px 0 0}.modal-list{padding-left:20px;color:#6e8170;font-size:12px;line-height:2}.modal-list strong{color:#3e6645}.grade-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.grade-options button{padding:13px 5px;background:#f4f8f1;border:1px solid #e0eada;border-radius:9px;font-size:12px}.grade-options button:hover{border-color:var(--green);background:#e9f7e6}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.setting-row small{display:block;color:#839080;font-size:10px;margin-top:5px}.setting-row input{width:19px;height:19px;accent-color:var(--green)}.avatar-preview{width:115px;margin:0 auto 20px}.avatar-preview svg{display:block;width:100%}.swatches{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 20px}.swatches button{border:3px solid white;width:33px;height:33px;border-radius:50%;box-shadow:0 0 0 1px #dce4d9;background:var(--swatch)}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #168040}.swatch-label{font-size:11px;font-weight:750;color:#60755d}.large-text{font-size:17px}.large-text .game-card p,.large-text .section-heading p,.large-text .hero-copy>p,.large-text .side-link,.large-text .subject-tile strong{font-size:14px}.large-text .game-card h3{font-size:16px}.large-text .card-tag,.large-text .card-button{font-size:12px}.noscript{position:fixed;bottom:0;background:#fff3ce;padding:15px;width:100%;text-align:center}.art-choice-info{font-size:11px!important;color:#8b9788!important}
@media(min-width:1550px){main{padding:35px 55px 0}.hero{min-height:390px}.hero-copy{padding:45px}.game-card h3{font-size:15px}.card-body{padding:19px}.game-card p{font-size:12px}.card-tag,.card-button{font-size:10px}.subject-tile{padding:20px}.subject-tile strong{font-size:13px}.subject-tile small{font-size:10px}}@media(max-width:1200px){.topbar{gap:20px;padding:0 25px}.search{margin-left:20px}.layout{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 12px}.side-link{font-size:11px;gap:9px}main{padding:24px 25px 0}.hero-copy{padding:30px 10px 30px 26px}.hero-actions{gap:16px}.hero-actions .button{padding:13px 15px;font-size:11px}.hero-actions .text-link{font-size:10px}.subject-tile{gap:8px;padding:13px 9px}.subject-icon{width:30px;height:33px;font-size:20px}.subject-tile small{display:none}.game-grid{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.game-card h3{font-size:15px}.game-card p{font-size:12px;min-height:0}.card-tag,.card-button{font-size:10px}.classic-grid .game-card{display:block}.classic-grid .card-art{height:105px}.classic-grid .game-card p{font-size:10px;min-height:32px}.classic-grid .game-card h3{font-size:13px}.learning-note>.text-link{display:none}.hero-art{margin-left:0}.floating-label.top{right:12px;max-width:180px;font-size:8px}.floating-label.bottom{left:20px;bottom:35px}}@media(max-width:850px){.topbar{height:75px;padding:0 20px}.brand{font-size:25px}.brand-mark{width:31px;height:31px;line-height:25px;font-size:28px}.search{margin-left:5px}.account-actions{gap:12px}.account-actions>.quiet{display:none}.layout{display:block}.sidebar{height:auto;min-height:0;position:static;border-right:0;border-bottom:1px solid var(--line);padding:10px 20px;display:block}.sidebar .nav-label,.sidebar-divider,.sidebar>.side-link,.sidebar-note,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-between;gap:5px;overflow:auto}.sidebar nav .side-link{width:auto;white-space:nowrap;min-height:40px;padding:9px 12px}.sidebar nav .side-link.active::after{display:none}.sidebar nav .side-link>span:first-child{font-size:16px;width:auto}main{padding:24px 24px 0}.hero{min-height:330px}.hero-copy>p{font-size:11px}.subject-tile{padding:13px 10px}.classic-grid .card-art{height:135px}.sidebar nav .side-link{font-size:11px}.preview-label{font-size:7px}.floating-label.top{top:28px}h1{font-size:38px}.hero-actions{flex-wrap:wrap;gap:16px}.hero-note{margin-top:18px}.hero-art>svg{min-height:330px}.hero-art{border-radius:40% 0 0 0}.hero-art>svg{object-position:55%}.welcome-line{margin-bottom:18px}}@media(max-width:580px){html{scroll-padding-top:85px}.topbar{gap:12px;height:72px;padding:0 16px}.search{margin:0;max-width:none;height:38px;padding:0 8px}.search input{font-size:11px}.search input::placeholder{color:transparent}.search kbd{display:none}.search>span{font-size:22px}.brand{font-size:23px}.brand-mark{display:none}.account-actions>.button{display:none}.avatar-button{width:35px;height:35px}.sidebar{padding:8px 9px}.sidebar nav .side-link{padding:8px;font-size:9px;gap:5px}.sidebar nav .side-link>span:first-child{font-size:14px}.welcome-line{font-size:9px}.preview-label{font-size:6px;letter-spacing:.5px;padding:5px}.sun{font-size:14px;margin-right:3px}main{padding:20px 16px 0}.hero{display:block;position:relative}.hero-copy{padding:27px 25px 20px}.hero-copy>p{max-width:310px;font-size:12px}.hero h1{font-size:42px}.hero-actions .button{font-size:12px}.hero-note{font-size:9px}.hero-art{height:218px;margin:0;border-radius:40% 0 0 0}.hero-art>svg{min-height:0;height:270px;align-self:end;object-fit:cover}.floating-label.top{top:19px;right:25px;font-size:8px}.floating-label.bottom{bottom:23px;left:27px}.subject-strip{grid-template-columns:1fr 1fr;gap:9px;margin:17px 0 28px}.subject-tile{gap:10px}.subject-tile strong{font-size:11px}.subject-tile small{display:block;font-size:7px}.section-heading{gap:12px;align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:20px}.section-heading p{font-size:11px;max-width:270px}.count-pill{display:none}.game-grid{gap:12px}.game-card h3{font-size:12px}.game-kind{font-size:8px}.game-card p{font-size:10px;min-height:48px;line-height:1.65}.card-body{padding:12px}.card-tag{font-size:7px}.card-button{font-size:9px}.card-bottom{flex-wrap:wrap}.status-badge{font-size:6px;padding:4px 6px;left:7px;top:7px}.classic-grid{grid-template-columns:1fr;gap:10px}.classic-grid .game-card{display:grid;grid-template-columns:115px 1fr}.classic-grid .card-art{height:100%}.classic-grid .game-card p{min-height:0}.classic-section .section-heading>.text-link{display:none}.learning-note{padding:18px;gap:15px}.learning-note h2{font-size:15px}.learning-note p{font-size:10px}.note-symbol{font-size:30px}footer{flex-wrap:wrap;gap:12px;font-size:8px}.footer-meta{margin-left:0;width:100%}.grade-control{width:100%}.grade-control select{width:100%}.large-text .game-card p{font-size:12px}.large-text .game-card h3{font-size:14px}.large-text .card-tag{font-size:9px}.large-text .card-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}html[data-motion=reduced]{scroll-behavior:auto}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation:none!important;transition:none!important}

.footer-link{font-size:10px;color:#68836e;padding:4px}.footer-link:hover{text-decoration:underline}