:root{color-scheme:dark;--bg:#081426;--panel:#101f36;--panel-2:#142740;--line:#263a55;--text:#f3f6ff;--muted:#9eafc8;--cyan:#5cd8ff;--blue:#1c9dee;--amber:#ffca66;--mint:#89dfc4;--radius:20px;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,3.4vw,48px);line-height:1.15;letter-spacing:-1.5px}h2{font-size:21px;line-height:1.3;letter-spacing:-.5px}h3{font-size:17px;line-height:1.4}small{font-size:12px}.muted{color:var(--muted)}.cyan{color:var(--cyan)}.amber{color:var(--amber)}.eyebrow{color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:3px;text-transform:uppercase}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--cyan);color:#081426;z-index:1000}.skip-link:focus{top:12px}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:28px 16px 20px;background:linear-gradient(170deg,#0d203a,#09172a 70%);border-right:1px solid var(--line);z-index:10}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:23px;letter-spacing:-1px;padding:0 10px}.planet-logo{width:40px;height:40px;filter:drop-shadow(0 3px 9px #20baf333)}.brand .bot-word{color:var(--cyan)}.brand-caption{font-size:10px;letter-spacing:2.2px;color:var(--muted);margin:9px 0 32px 12px}.nav-group{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1px solid transparent;border-radius:12px;color:#adbbd2;font-size:15px;font-weight:600;transition:background .18s,color .18s}.nav-link svg{width:21px}.nav-link:hover{background:#142b47;color:white}.nav-link.active{background:linear-gradient(100deg,#123b5c,#152f4e);border-color:#2a6d95;color:white;box-shadow:inset 3px 0 var(--cyan)}.nav-link.active svg{color:var(--cyan)}.sidebar-bottom{margin-top:auto}.sidebar-card{padding:16px 14px;margin:30px 8px 22px;border:1px solid #253c56;border-radius:14px;background:linear-gradient(140deg,#15304a,#0d2035)}.sidebar-card .tiny-star{color:var(--amber);font-size:20px}.sidebar-card p{font-size:13px;color:#c8d5e5;margin-top:8px}.sidebar-card small{color:var(--muted);display:block;margin-top:7px}.parent-link{border-top:1px solid var(--line);border-radius:0;margin-top:8px;padding-top:20px}.workspace{min-width:0;padding:0 32px 34px;max-width:1800px;width:100%;margin:0 auto}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:16px}.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb strong{color:#dfe9fa;font-weight:600}.top-actions{display:flex;gap:16px;align-items:center}.device-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;background:#85dbb6;border-radius:50%}.preview-badge{font-size:11px;letter-spacing:.2px;border:1px solid #34425a;background:#12233a;color:#bccbe0;padding:5px 10px;border-radius:7px}.avatar{background:#1b3c5d;border:1px solid #4082a7;color:var(--cyan);font-size:15px;font-weight:700;width:37px;height:37px;border-radius:50%;display:grid;place-items:center}.hero{min-height:244px;position:relative;isolation:isolate;border:1px solid #2a4263;border-radius:22px;overflow:hidden;display:flex;align-items:center;padding:32px;margin-bottom:25px;background:#0e203b}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/mission-hero.png') center right/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c1d36 3%,#0b1b32ee 22%,#0b1b3280 47%,transparent 70%)}.hero h1{margin:12px 0}.hero p{font-size:17px;color:#bdcde3;max-width:380px}.hero-date{display:inline-flex;align-items:center;gap:7px;color:#a3bfd7;font-size:12px;margin-top:23px}.hero-date svg{width:15px;height:15px}.dashboard{display:grid;grid-template-columns:minmax(0,1.17fr) minmax(0,1.04fr) minmax(245px,.85fr);gap:19px;align-items:start}.panel{min-width:0;background:linear-gradient(145deg,#12233b,#0e1e34);border:1px solid var(--line);border-radius:var(--radius);padding:23px}.panel-heading{display:flex;gap:12px;align-items:center;margin-bottom:6px}.panel-heading svg{color:var(--cyan);width:23px;height:23px}.panel-subtitle{color:var(--muted);font-size:13px;line-height:1.6}.panel-head-row{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:21px}.small-link{color:var(--cyan);font-size:12px;font-weight:600;white-space:nowrap}.small-link:hover{text-decoration:underline}.stack{display:grid;gap:17px}.task-list{display:grid;gap:10px;margin:20px 0}.task-row{display:flex;align-items:center;gap:12px;border:1px solid #2a3f59;border-radius:13px;padding:14px 12px;background:#14263e;transition:background .18s,border .18s;text-align:left;width:100%;color:var(--text)}.task-row:hover{background:#1a314c;border-color:#42647f}.task-row .task-info{flex:1;min-width:0}.task-row h3{font-size:14px}.task-row p{color:#aabed6;font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.task-row .task-time{font-size:11px;color:#9fb3cd;white-space:nowrap}.task-row .chevron{width:16px;color:#8ca8c6}.subject-icon{display:grid;place-items:center;width:42px;height:45px;border-radius:12px;flex-shrink:0;background:linear-gradient(135deg,#ffcd72,#d88c2d);color:#3d2911;box-shadow:inset 0 1px 1px #fff5,0 5px 15px #0002}.subject-icon.Reading{background:linear-gradient(135deg,#c3a4ff,#8665ce);color:#2f1d57}.subject-icon.Science{background:linear-gradient(135deg,#a7e79a,#5ea97a);color:#1c3e2e}.subject-icon.Writing{background:linear-gradient(135deg,#7acafa,#4677d1);color:#102d56}.subject-icon.Other{background:linear-gradient(135deg,#8fd8dc,#4b9b9e);color:#0f393e}.subject-icon svg{width:23px;height:23px}.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:11px;min-height:45px;padding:11px 18px;font-weight:700;font-size:14px;background:#1b354f;color:var(--text);border:1px solid #375574;transition:transform .15s,background .15s}.button:hover{background:#254967;transform:translateY(-1px)}.button.primary{background:linear-gradient(110deg,#61deff,#22afea);color:#07243b;border-color:#5dcffb;box-shadow:0 5px 18px #00b2ff16}.button.primary:hover{background:#85e5ff}.button.gold{background:linear-gradient(110deg,#ffdc83,#ffbd50);color:#30240b;border-color:#ffce79}.button.gold:hover{background:#ffe199}.button.quiet{border-color:#30445e;background:transparent;color:#bdd0e8}.button.danger{color:#ffb3b6;border-color:#834657;background:#482732}.button svg{width:18px;height:18px}.button.full{width:100%}.button.small{min-height:36px;padding:7px 12px;font-size:12px}.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.studio-types{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0 15px}.studio-type{padding:19px 5px 12px;border:1px solid #304158;border-radius:12px;display:flex;align-items:center;flex-direction:column;gap:12px;background:#162740;color:var(--text);font-size:13px;font-weight:650}.studio-type:hover{background:#223a55;border-color:#5883a8}.studio-type .type-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;transform:rotate(-7deg);background:linear-gradient(135deg,#adbbfb,#6576c6);box-shadow:4px 5px 0 #0a142c}.studio-type .type-icon svg{width:26px;height:26px;color:#1d3269}.studio-type.Story .type-icon{background:linear-gradient(135deg,#ffe8b9,#d9b476);transform:rotate(6deg)}.studio-type.Story svg{color:#6d4921}.studio-type.Build .type-icon{background:linear-gradient(135deg,#95e3b4,#4a9a7b);transform:rotate(-4deg)}.studio-type.Build svg{color:#204d36}.section-label{font-size:12px;font-weight:600;color:#aebed4;margin:22px 0 12px;display:flex;justify-content:space-between;align-items:center}.mini-drafts{display:flex;gap:9px}.mini-draft{flex:1;min-width:0;background:#162943;border:1px solid #2b415e;border-radius:11px;overflow:hidden}.project-art{height:77px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 150%,#2b76c9,#182552 80%);color:#abbeff}.project-art svg{width:37px;height:37px;filter:drop-shadow(0 3px 7px #0a142c)}.project-art.Story{background:radial-gradient(ellipse at 50% 160%,#518c73,#143645 90%);color:#c4e7bc}.project-art.Build{background:radial-gradient(ellipse at 50% 150%,#c68d67,#363958 85%);color:#ffdbb9}.project-art:before{content:'·  ✧  ·';position:absolute;top:5px;left:13px;font-size:20px;letter-spacing:10px;color:#e4f3ff75}.mini-draft .mini-copy{padding:9px}.mini-draft strong{font-size:10px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-draft small{display:block;font-size:10px;color:#91a9c7;margin-top:3px}.progress-display{display:flex;gap:18px;align-items:center;margin:20px 0}.progress-ring{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(var(--cyan) var(--progress),#233b57 0);position:relative}.progress-ring:before{content:'';inset:8px;position:absolute;border-radius:50%;background:#11223a}.progress-ring svg{position:relative;width:35px;height:35px;color:var(--cyan);transform:rotate(-12deg)}.progress-value{font-size:27px;letter-spacing:-1px;font-weight:750}.progress-caption{font-size:12px;color:#b3c5dd;margin-top:2px}.helper-card{position:relative;overflow:hidden;min-height:236px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 95% 60%,#20486c,#12243b 70%)}.helper-card h3{max-width:160px;font-size:18px;line-height:1.35}.helper-card p{font-size:12px;max-width:142px;color:#b8cce1;margin-top:9px;position:relative;z-index:1}.helper-card .mascot{position:absolute;right:-18px;bottom:45px;width:150px;height:180px;object-fit:contain;pointer-events:none}.helper-card .button{margin-top:auto;position:relative;z-index:1}.helper-card .helper-copy{padding-bottom:46px}.bottom-note{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 3px 0;color:#8ea6c4;font-size:12px}.bottom-note .note-main{color:#b8c9dd;display:flex;gap:10px;align-items:center}.bottom-note svg{color:var(--amber);width:18px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:15px 0 27px}.page-head h1{font-size:34px;margin:9px 0}.page-head p{color:var(--muted)}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.tab{color:#aec0d6;background:transparent;border:1px solid #2b3d56;border-radius:9px;padding:9px 15px;font-size:13px;font-weight:600}.tab[aria-pressed=true]{background:#193b56;border-color:#397a9c;color:var(--cyan)}.empty-state{border:1px dashed #354d6b;border-radius:17px;padding:35px;text-align:center;color:var(--muted)}.empty-state svg{width:35px;height:35px;color:var(--cyan);margin-bottom:15px}.empty-state h3{color:white;margin-bottom:9px}.empty-state .button{margin-top:18px}.assignment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.assignment-card{display:flex;flex-direction:column;gap:16px;padding:23px}.assignment-card-top{display:flex;align-items:center;gap:13px}.assignment-card h2{font-size:20px}.assignment-card p{font-size:13px;color:var(--muted)}.assignment-card .button{margin-top:auto}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:650;line-height:1.4;background:#203650;color:#b5c9df;white-space:nowrap}.pill.reviewed{background:#173e3d;color:#9be1c9}.pill.ready-for-review{background:#403725;color:#ffd58a}.pill.needs-revision{background:#453548;color:#e8b7dc}.pill.in-progress{background:#153e56;color:#8edcfc}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.back-link{display:inline-flex;align-items:center;gap:8px;color:#9ebad7;font-size:13px;margin-top:12px}.back-link:hover{color:var(--cyan)}.back-link svg{width:16px}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.lesson-card{padding:28px}.step-head{display:flex;align-items:center;gap:12px;margin:4px 0 16px}.step-num{display:grid;place-items:center;background:#1b3b56;border:1px solid #30617d;color:var(--cyan);width:30px;height:30px;border-radius:9px;font-size:13px;font-weight:700}.lesson-card p{color:#b9cbe0;line-height:1.85}.lesson-divider{height:1px;background:var(--line);margin:26px 0}.reading-passage{padding:23px;border-left:3px solid var(--cyan);border-radius:0 12px 12px 0;background:#15283e;font-size:16px;color:#d3deed;line-height:1.9}.fraction-example{display:flex;gap:7px;padding:20px 0;align-items:center}.fraction-example span{width:54px;height:54px;border:2px solid #4381a4;border-radius:10px;background:#142d43}.fraction-example span.shaded{background:linear-gradient(130deg,#62d7f2,#238fba)}.fraction-example small{margin-left:10px;color:#97b4d1;font-size:13px}.choice-list{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.choice{cursor:pointer;display:flex;gap:10px;align-items:center;padding:13px 18px;background:#13273f;border:1px solid #344b68;border-radius:10px}.choice:has(input:checked){border-color:var(--cyan);background:#183d57;color:#b4ecff}.choice input{accent-color:var(--cyan);width:17px;height:17px}.feedback{padding:12px 15px;border:1px solid #385870;border-radius:10px;background:#19334c;font-size:13px;color:#bddaf4;margin:14px 0}.feedback.success{border-color:#35625c;background:#173635;color:#a3e5cc}.feedback.revision{border-color:#70506f;background:#30273e;color:#e4c6e3}.field{display:grid;gap:8px;margin:18px 0}.field label,.field-label{font-size:13px;font-weight:650;color:#cbd8e9}.field input,.field textarea,.field select{width:100%;border:1px solid #35516d;border-radius:10px;background:#0c1c31;color:#edf4ff;padding:12px 14px;outline-offset:2px}.field textarea{resize:vertical;min-height:120px;line-height:1.75}.field input::placeholder,.field textarea::placeholder{color:#7388a6}.field .hint{font-size:12px;color:#90a9c5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-row .field{margin:8px 0}.save-indicator{color:#89d1b8;font-size:12px;min-height:19px}.lesson-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.aside-note{font-size:13px;color:#9db4cc}.aside-note h3{color:#d8e5f5;margin-bottom:12px}.aside-note ol{padding-left:20px;display:grid;gap:12px}.aside-note .meta{border-top:1px solid var(--line);padding-top:16px;margin-top:19px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{padding:0;overflow:hidden}.project-card .project-art{height:145px}.project-card .project-art svg{width:65px;height:65px}.project-card-copy{padding:20px}.project-card h2{margin:9px 0;font-size:20px}.project-card p{color:var(--muted);font-size:13px;min-height:40px;margin-bottom:18px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.editor-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.project-sheet{padding:28px}.project-sheet textarea.content-area{min-height:320px}.idea-prompt{padding:17px;background:#183047;border:1px solid #304d64;border-radius:12px;color:#c0d7ed;font-size:13px}.idea-prompt h3{font-size:15px;margin-bottom:9px;color:var(--amber)}.idea-prompt ul{padding-left:18px;display:grid;gap:9px;margin-bottom:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0}.metric{padding:22px}.metric .metric-value{font-size:34px;font-weight:750;letter-spacing:-1px;margin:8px 0 2px}.metric-label{color:#a8bdd5;font-size:13px}.metric small{color:#8199b6;font-size:11px}.report-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:21px}.report-table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px}.report-table th{text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#8ea7c3;padding:12px 10px;border-bottom:1px solid #38516a}.report-table td{padding:17px 10px;border-bottom:1px solid #263c55}.report-table td:first-child{font-weight:600}.report-table td small{display:block;color:#8ea7c3;font-weight:400;margin-top:4px}.report-table .pill{white-space:normal}.table-wrap{overflow-x:auto}.subject-progress{display:grid;gap:19px;margin-top:24px}.subject-progress .row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.bar{height:7px;background:#243b54;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:var(--cyan);border-radius:99px}.achievement{display:flex;gap:11px;padding:17px 0;border-bottom:1px solid #263b54}.achievement svg{color:var(--amber)}.achievement h3{font-size:14px}.achievement p{font-size:12px;color:#9eb5ce;margin-top:3px}.parent-notice{display:flex;gap:12px;align-items:start;border:1px solid #35506a;border-radius:13px;background:#142b41;padding:16px 20px;color:#abc5df;font-size:13px;margin-bottom:23px}.parent-notice svg{color:var(--cyan)}.parent-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px}.review-item{padding:19px;border:1px solid #33465f;background:#14283f;border-radius:13px;margin-top:14px}.review-item h3{margin:10px 0}.review-item .response-preview{white-space:pre-wrap;color:#b8cbe0;padding:14px;background:#0e1e32;border-radius:9px;font-size:13px;max-height:230px;overflow:auto;margin:10px 0}.review-item .field{margin:13px 0}.review-item .field textarea{min-height:72px}.file-drop{border:1px dashed #4c7894;background:linear-gradient(120deg,#132e47,#122139);border-radius:18px;padding:35px;text-align:center;margin:25px 0}.file-drop.dragover{background:#1c465f;border-color:var(--cyan)}.file-drop>svg{width:34px;height:34px;color:var(--cyan);margin-bottom:13px}.file-drop p{color:#97b3cf;font-size:13px;margin:8px 0 18px}.file-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.file-row .file-info{flex:1;min-width:0}.file-row h3{font-size:14px;overflow-wrap:anywhere}.file-row small{color:var(--muted)}.file-row>svg{color:var(--cyan)}.file-row .button-row{flex-shrink:0}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:transparent;color:#a9c0db;border:1px solid transparent}.icon-button:hover{background:#203f5a;color:white}.icon-button svg{width:18px;height:18px}.storage-warning{background:#573d23;color:#ffe0a9;border:1px solid #9d7843;padding:12px 18px;border-radius:10px;font-size:13px;margin-bottom:18px}.toast{position:fixed;left:calc(50% + 112px);bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:200;max-width:90vw;border:1px solid #4c7690;background:#183349;padding:13px 23px;border-radius:13px;box-shadow:0 12px 40px #0005;color:#dbf5ff;font-size:14px;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{color:var(--text);border:1px solid #3d5975;background:#10243c;border-radius:22px;box-shadow:0 30px 100px #0008;width:min(580px,calc(100vw - 32px));max-height:90vh;padding:28px}dialog::backdrop{background:#030b18bd;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:13px}.dialog-head h2{font-size:24px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}.dialog-help{display:flex;gap:12px;align-items:center;margin:17px 0}.dialog-help img{width:100px;height:120px;object-fit:contain}.dialog-help p{color:#b9cce1;font-size:14px}.tip-options{display:grid;gap:10px}.tip-response{border:1px solid #326383;border-radius:12px;background:#14354d;padding:18px;color:#cbe9fb;margin-top:16px;white-space:pre-line;font-size:14px;line-height:1.8}.dialog-note{font-size:11px;color:#91a9c5;margin-top:18px}.report-detail{padding-top:20px}.report-detail details{border:1px solid #29435c;border-radius:10px;padding:13px 16px;margin-top:12px}.report-detail summary{cursor:pointer;font-weight:600;font-size:14px}.report-detail details p{white-space:pre-wrap;font-size:13px;color:#b8ccdf;margin-top:13px}.parent-tools{display:grid;gap:12px;margin-top:20px}.print-only{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand{white-space:nowrap;font-size:21px;gap:8px;padding:0 4px}.brand .planet-logo{width:35px;height:35px}.pill svg{width:12px;height:12px}
@media(min-width:1650px){.workspace{padding:0 42px 34px}.hero{min-height:280px}.panel{padding:26px}.task-row{padding:18px 14px}.helper-card{min-height:250px}.studio-types{margin-top:28px}.project-art{height:93px}}
@media(max-width:1240px){.app-shell{grid-template-columns:202px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}.brand{font-size:21px;gap:8px}.workspace{padding:0 24px 25px}.dashboard{grid-template-columns:1fr 1fr}.dashboard>.stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.helper-card{min-height:240px}.helper-card .mascot{right:20px;width:175px;height:205px}.helper-card h3{max-width:210px}.helper-card p{max-width:200px}.hero{min-height:220px}.hero h1{font-size:39px}.hero:after{background:linear-gradient(90deg,#0c1d36 0%,#0b1b32d9 32%,transparent 90%)}.assignment-grid{grid-template-columns:1fr 1fr}.lesson-layout{grid-template-columns:minmax(0,1fr) 240px}.editor-layout{grid-template-columns:minmax(0,1fr) 240px}.report-layout{grid-template-columns:1fr}.parent-grid{grid-template-columns:minmax(0,1fr) 280px}.toast{left:calc(50% + 101px)}}
@media(max-width:980px){.app-shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:24px 10px}.brand{font-size:19px;padding:0 4px}.brand-caption{font-size:8px;letter-spacing:1.8px;margin-left:5px}.planet-logo{width:33px}.nav-link{font-size:13px;padding:13px 10px;gap:9px}.sidebar-card{margin-left:2px;margin-right:2px}.workspace{padding:0 20px 24px}.panel{padding:19px}.panel h2{font-size:19px}.dashboard{gap:14px}.task-row{gap:9px;padding:12px 9px}.task-row .task-time{display:none}.lesson-layout,.editor-layout,.parent-grid{grid-template-columns:1fr}.lesson-layout>aside,.editor-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.metrics{grid-template-columns:1fr 1fr}.project-grid{grid-template-columns:1fr 1fr}.page-head{align-items:start;flex-direction:column}.device-status{display:none}.toast{left:calc(50% + 90px)}.bottom-note{align-items:start}.bottom-note>span:last-child{display:none}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:relative;height:auto;padding:17px 16px 10px;gap:0;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{font-size:22px}.brand-caption{display:none}.planet-logo{width:36px;height:36px}.nav-group{display:flex;gap:4px;overflow:auto;margin-top:16px;scrollbar-width:none}.nav-link{flex-direction:column;gap:6px;padding:8px 11px;min-width:67px;font-size:10px;border-radius:9px;white-space:nowrap}.nav-link svg{width:20px;height:20px}.nav-link.active{box-shadow:inset 0 -2px var(--cyan)}.sidebar-bottom{position:absolute;top:17px;right:16px}.sidebar-card{display:none}.parent-link{border:0;margin:0;padding:8px;display:flex;flex-direction:row;min-width:0;font-size:11px}.parent-link svg{width:18px}.workspace{padding:0 16px 24px}.topbar{height:62px}.breadcrumb{font-size:11px;gap:8px}.top-actions{gap:8px}.avatar{width:30px;height:30px;font-size:12px}.preview-badge{padding:4px 7px;font-size:10px}.hero{min-height:240px;padding:24px;margin-bottom:18px}.hero:before{background-position:60% center}.hero:after{background:linear-gradient(90deg,#0b1b32ee,#0b1b32bb 50%,#0b1b3222)}.hero h1{font-size:36px;letter-spacing:-1px}.hero p{font-size:15px;max-width:240px}.eyebrow{font-size:9px;letter-spacing:2.5px}.dashboard{grid-template-columns:minmax(0,1fr)}.dashboard>.stack{grid-template-columns:minmax(0,1fr)}.panel{padding:22px}.task-row{padding:15px}.task-row .task-time{display:block}.task-row h3{font-size:15px}.task-row p{font-size:13px}.studio-types{gap:12px}.studio-type{padding:21px 10px 16px}.project-art{height:94px}.mini-draft strong{font-size:11px}.helper-card{min-height:245px}.helper-card h3{max-width:190px}.helper-card p{max-width:180px}.helper-card .mascot{right:5px;width:165px}.bottom-note{font-size:11px;padding-top:18px}.page-head{margin-top:8px}.page-head h1{font-size:31px}.page-head p{font-size:14px}.assignment-grid,.project-grid{grid-template-columns:1fr}.lesson-layout>aside,.editor-layout>aside{display:block}.lesson-layout>aside>*+*,.editor-layout>aside>*+*{margin-top:17px}.lesson-card,.project-sheet{padding:22px}.metrics{gap:11px}.metric{padding:18px}.metric .metric-value{font-size:29px}.metric-label{font-size:12px}.report-table{font-size:12px}.report-table th,.report-table td{padding:13px 7px}.report-table .hide-mobile{display:none}.toast{left:50%;width:max-content;max-width:90vw;font-size:12px;bottom:15px}.field-row{grid-template-columns:1fr;gap:0}.file-row{gap:10px}.file-row .button-row{gap:2px}.file-drop{padding:25px 18px}.page-actions{width:100%}.page-actions .button{font-size:12px;padding:10px 12px}.choice{padding:11px 14px}.fraction-example span{width:43px;height:43px}.fraction-example small{font-size:11px;margin-left:5px}.parent-notice{font-size:12px;padding:15px}.top-actions .device-status{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{color-scheme:light;body{background:white!important;color:#152238!important;font-size:11pt}.sidebar,.topbar,.page-actions,.page-head .eyebrow,.tabs,.button,.icon-button,.toast,.back-link,.parent-notice,.no-print,dialog,.bottom-note{display:none!important}.app-shell,.workspace{display:block;padding:0;max-width:none}.panel,.metric{background:white!important;color:#142235;border-color:#cbd5df;break-inside:avoid;box-shadow:none}.metrics{grid-template-columns:repeat(4,1fr);gap:8px}.metric .metric-value{font-size:24px}.metric-label,.muted,.metric small,.page-head p,.report-table th,.report-table td small,.subject-progress,.report-detail details p{color:#354960!important}.report-layout{display:block}.report-layout>aside{margin-top:22px}.report-table{font-size:10pt}.report-table td,.report-table th{border-color:#ccc}.pill{color:#17304c!important;background:#e6eef4!important;border:1px solid #d6dfe7}.page-head{margin:0 0 20px}.page-head h1{font-size:26px}.print-only{display:block;font-size:10pt;margin:12px 0}.report-detail details{break-inside:avoid}.report-detail details>p{display:block!important}.subject-progress .bar{border:1px solid #bbb}h1,h2,h3{color:#152238}.report-detail summary{color:#152238}.helper-card{display:none}.achievement p{color:#354960}.report-table a{color:#152238}.progress-ring{print-color-adjust:exact}}
