@layer theme{:root,:host{--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-geist-sans);--default-mono-font-family:var(--font-geist-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.rounded{border-radius:.25rem}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--background:#f5fbff;--surface:#fffdf4;--surface-soft:#e8f7ff;--surface-muted:#f8efdd;--text:#172238;--muted:#58677a;--line:#cddfe8;--line-strong:#a9cedc;--primary:#258bc6;--primary-strong:#1374ad;--primary-soft:#d9f2ff;--primary-soft-border:#92d2ec;--coral:#f26c5e;--mascot-orange:#f06f25;--mint:#3ebf8a;--mango:#f3c94b;--lavender:#8d77d8;--danger:#d73d45;--success:#16865d;--status-warning-bg:#fffbeb;--status-warning-border:#fcd34d;--status-warning-text:#92400e;--status-success-bg:#ecfdf3;--status-success-border:#86efac;--status-success-text:#166534;--status-neutral-bg:#f1f5f9;--status-neutral-border:#cbd5e1;--status-neutral-text:#334155;--radius-lg:8px;--radius-md:8px;--radius-sm:7px;--shadow-1:0 7px 0 #23668514;--shadow-2:0 12px 28px #23668524}html.dark{--background:#101722;--surface:#192333;--surface-soft:#152c3a;--surface-muted:#282a39;--text:#f7f7ef;--muted:#afbccb;--line:#344459;--line-strong:#4b627a;--primary:#66c5ef;--primary-strong:#8bd5f5;--primary-soft:#17374a;--primary-soft-border:#35677d;--coral:#ff8174;--mascot-orange:#ff8b49;--mint:#5dd5a3;--mango:#f7d45f;--lavender:#ad9ae8;--danger:#ff747c;--success:#63d7a5;--status-warning-bg:#fff7da;--status-warning-border:#f9d96b;--status-warning-text:#87530d;--status-success-bg:#edfced;--status-success-border:#9be6a9;--status-success-text:#166534;--status-neutral-bg:#eef9ff;--status-neutral-border:#b9dbe8;--status-neutral-text:#345165;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);font-family:var(--font-geist-sans),"Segoe UI",sans-serif;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-image:linear-gradient(#fffcf4eb 0%,#f4fbfff5 44%,#ebf8fffa 100%),radial-gradient(circle at 8% 0,#87ceeb47 0%,#0000 34%),radial-gradient(circle at 96% 6%,#ffe28a38 0%,#0000 28%),radial-gradient(circle at 68% 98%,#92e2b233 0%,#0000 30%);background-attachment:fixed;margin:0;line-height:1.45;overflow-x:hidden}a{color:inherit}h1,h2,h3{letter-spacing:0;margin:0}.page-wrap{width:min(1120px,100% - 2.2rem);padding-top:max(1.1rem,env(safe-area-inset-top));padding-bottom:max(2rem,env(safe-area-inset-bottom));margin:0 auto;animation:.3s both fade-up}.brand-bar{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem;display:flex}.brand-link{color:#0b1220;align-items:center;gap:.58rem;text-decoration:none;display:inline-flex}.brand-mark{background:linear-gradient(#fff7d6 0%,#cdefff 100%);border:1px solid #a8dff5;border-radius:11px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;min-height:34px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #fff9}.brand-mark *{max-width:100%;max-height:100%}.brand-mark-text{letter-spacing:.05em;color:#1d6dbf;font-size:.72rem;font-weight:800;line-height:1}.brand-text{letter-spacing:-.02em;font-weight:760}.brand-context{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:.78rem}.brand-bar-right{align-items:center;gap:.6rem;display:inline-flex}.theme-toggle{border:1px solid var(--line);width:36px;height:36px;color:var(--text);cursor:pointer;background:#ffffffb8;border-radius:999px;justify-content:center;align-items:center;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.theme-toggle:hover{border-color:var(--primary-soft-border);background:var(--surface-soft);transform:translateY(-1px)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle svg{flex:none}.page-intent,.teacher-access-notice{margin:0 0 .85rem}.teacher-access-link{text-underline-offset:2px;font-weight:700;text-decoration:underline}.network-notice{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.network-notice-copy{margin:0}.network-notice-dismiss{width:32px;height:32px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.network-notice-dismiss:hover{background:#2563eb1f}.home-network-notice,.student-network-notice,.home-external-browser-notice{margin-top:.8rem}.hero{border:1px solid var(--line);box-shadow:var(--shadow-2);background:linear-gradient(#fffdf7 0%,#eef9ff 100%);border-radius:22px;padding:1.75rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 12% 12%,#ffe07938,#0000 26%),linear-gradient(120deg,#87ceeb29,#85e0ae1a);position:absolute;inset:0}.hero>*{position:relative}.hero h1{margin:.34rem 0 .62rem;font-size:clamp(1.95rem,4vw,3rem);line-height:1.04}.hero p{max-width:70ch;color:var(--muted);margin:0}.hero-split{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:1rem;display:grid}.hero-copy{align-content:start;gap:.7rem;display:grid}.hero-preview{border-radius:var(--radius-md);gap:.8rem;padding:1rem;display:grid}.hero-preview h3{font-size:1rem}.preview-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem;display:grid}.preview-kpi{border-radius:var(--radius-sm);border:1px solid var(--line);background:#fff;padding:.66rem .68rem}.preview-kpi span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.73rem;display:block}.preview-kpi strong{margin-top:.2rem;font-size:.94rem;display:block}.preview-list{gap:.52rem;display:grid}.preview-row{border:1px solid var(--line);color:#334155;background:#fff;border-radius:9px;align-items:center;gap:.45rem;padding:.48rem .6rem;font-size:.88rem;display:inline-flex}.preview-row.done{background:#f0fdf4;border-color:#86efac}.preview-row.warn{background:#fffbeb;border-color:#fcd34d}.status-dot{background:#94a3b8;border-radius:999px;width:8px;height:8px}.preview-row.done .status-dot{background:#16a34a}.preview-row.warn .status-dot{background:#d97706}.section-gap{margin-top:1rem}.home-feature{background:linear-gradient(#fffdf7 0%,#eef9ff 100%)}.home-feature h2{margin-bottom:.38rem;font-size:1.02rem}.home-section{gap:1rem;display:grid}.home-hero{padding:2.45rem}.home-hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(300px,.92fr);align-items:stretch;gap:1.1rem;display:grid}.home-hero-copy{align-content:center;gap:.9rem;max-width:720px;display:grid}.home-hero-lead{max-width:34rem;font-size:1.08rem;line-height:1.7}.home-hero-support{gap:.28rem;margin-top:.15rem;display:grid}.home-trust-line,.home-proof-line,.home-proof-accent{margin:0}.home-trust-line{color:#1e3a8a;font-size:.9rem;font-weight:700}.home-proof-line{color:#475569;font-size:.92rem}.home-proof-accent{color:#0f172a;font-size:.92rem;font-weight:650}.home-hero-panel{background:linear-gradient(#fff 0%,#f7fbff 100%);border-color:#cfe0f3;align-content:start;gap:.9rem;display:grid}.home-hero-panel-head{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.home-hero-panel-head h2{margin-top:.18rem;font-size:1.18rem;line-height:1.15}.home-panel-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0;font-size:.75rem}.home-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;display:grid}.home-stat{background:#fff;border:1px solid #d7e3f1;border-radius:12px;padding:.72rem .78rem}.home-stat span{letter-spacing:.05em;text-transform:uppercase;color:#64748b;font-size:.76rem;display:block}.home-stat strong{margin-top:.22rem;font-size:.95rem;line-height:1.3;display:block}.home-hero-checklist{gap:.48rem;display:grid}.home-check-item{color:#334155;background:#fff;border:1px solid #d7e3f1;border-radius:11px;padding:.64rem .72rem .64rem 2.25rem;font-size:.9rem;position:relative}.home-check-item:before{content:"";background:#94a3b8;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:.8rem;transform:translateY(-50%)}.home-check-item.is-done:before{background:#16a34a}.home-hero-top{text-align:center;margin-bottom:1.2rem}.home-hero-top h1{margin-top:.4rem}.home-hero-top .home-hero-lead{text-align:center;margin:.5rem auto 0}.home-entry-paths{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.home-entry-card{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-1);flex-direction:column;align-items:center;gap:.5rem;padding:1.4rem 1.2rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.home-entry-card:hover{box-shadow:var(--shadow-2);border-color:#8dcde9;transform:translateY(-2px)}.home-entry-teacher{border-color:var(--primary-soft-border);background:linear-gradient(#fff 0%,#e9f8ff 100%)}.home-entry-student{background:linear-gradient(#fffef8 0%,#f0fbea 100%);border-color:#c9e9c9}.home-entry-icon{color:#fff;background:linear-gradient(#83d8ff 0%,#2b80d7 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.1rem;font-weight:800;display:inline-flex;box-shadow:0 7px 16px #2b80d738}.home-entry-title{margin:.15rem 0 0;font-size:1.15rem}.home-entry-btn{width:100%;margin-top:.3rem}.home-entry-secondary{min-height:36px;color:var(--primary);justify-content:center;align-items:center;font-size:.86rem;font-weight:600;text-decoration:none;display:inline-flex}.home-entry-secondary:hover{text-underline-offset:2px;text-decoration:underline}.home-entry-hint{color:var(--muted);margin:0;font-size:.82rem;font-style:italic}.home-feature-grid{margin-top:1.15rem}.home-feature-card{background:linear-gradient(#fffdf7 0%,#eef9ff 100%);gap:.45rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.home-feature-card:hover,.home-faq-item:hover,.home-step:hover{border-color:#96d4ed;transform:translateY(-1px);box-shadow:0 16px 34px #27587d17}.home-feature-card h2{font-size:1.04rem;line-height:1.25}.home-section-head{gap:.5rem;display:grid}.home-section-head h2{font-size:clamp(1.4rem,2.2vw,1.95rem)}.home-section-copy{max-width:50rem}.home-steps{align-items:stretch}.home-step{background:linear-gradient(#fffdf7 0%,#f1fbff 100%);gap:.55rem;display:grid}.home-step h3,.home-faq-item h3{font-size:1.02rem}.home-step-number{color:#1d6dbf;background:#fff4bd;border:1px solid #f3d96f;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.98rem;font-weight:800;display:inline-flex}.home-story{background:linear-gradient(#fffdf7 0%,#eef9ff 100%);padding:1.15rem}.home-story-copy{max-width:72ch;color:var(--muted);margin:.72rem 0 0;font-size:1rem;line-height:1.7}.home-beta-banner{background:radial-gradient(circle at 100% 0,#ffe28a4d,#0000 34%),linear-gradient(#fffdf7 0%,#e9f8ff 100%);border-color:#b9dbe8;grid-template-columns:minmax(0,1.7fr) auto;align-items:center;gap:1rem;display:grid}.home-beta-copy{gap:.45rem;display:grid}.home-beta-banner h2{font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.15}.home-beta-banner .meta{max-width:58ch}.home-beta-actions{justify-content:flex-end;align-items:center}.home-preview-shell{background:linear-gradient(#fffdf7 0%,#ecf9ff 100%);border-color:#b9dbe8;padding:.92rem}.home-preview-browser{gap:.35rem;margin-bottom:.72rem;display:flex}.home-preview-browser span{background:#cae8f5;border-radius:999px;width:10px;height:10px}.home-preview-browser span:first-child{background:#fca5a5}.home-preview-browser span:nth-child(2){background:#fcd34d}.home-preview-browser span:nth-child(3){background:#86efac}.home-preview-grid{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:.82rem;display:grid}.home-preview-sidebar{background:#f8fcf6;border:1px solid #cfe7ef;border-radius:14px;align-content:start;gap:.5rem;padding:.8rem;display:grid}.home-preview-class{background:#fffdf7;border:1px solid #d7e8ee;border-radius:12px;gap:.14rem;padding:.68rem .72rem;display:grid}.home-preview-class strong{font-size:.94rem}.home-preview-class span{color:#64748b;font-size:.82rem}.home-preview-class.is-active{background:#e8f8ff;border-color:#9bd7ef}.home-preview-main{background:#fffef9;border:1px solid #cfe7ef;border-radius:14px;gap:.72rem;padding:.8rem;display:grid}.home-preview-top{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.home-preview-top h3{margin-top:.18rem;font-size:1.16rem}.home-preview-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;display:grid}.home-preview-card{background:#f3fbff;border:1px solid #d7e8ee;border-radius:12px;gap:.6rem;padding:.78rem;display:grid}.home-preview-list{color:#334155;gap:.36rem;margin:0;padding-left:1.1rem;display:grid}.home-preview-grade{justify-content:space-between;align-items:center;gap:.5rem;font-size:.92rem;display:flex}.home-preview-grade span{color:#166534;font-weight:700}.home-preview-audio{grid-template-columns:auto 1fr;align-items:center;gap:.58rem;display:grid}.home-preview-play{background:#2b80d7;border-radius:999px;width:34px;height:34px;box-shadow:0 8px 16px #2b80d738}.home-preview-wave{background:linear-gradient(90deg,#83d8ff 0%,#f8d96b 50%,#8be3a2 100%);border-radius:999px;height:8px}.home-preview-footer{flex-wrap:wrap;gap:.46rem;display:flex}.home-preview-badge{color:#334155;background:#fff9df;border:1px solid #d7e8ee;border-radius:999px;justify-content:center;align-items:center;padding:.28rem .6rem;font-size:.78rem;font-weight:650;display:inline-flex}.home-faq-grid{align-items:stretch}.home-faq-item{gap:.45rem;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.home-links{gap:1rem}.home-cta{text-align:left;background:linear-gradient(#fffdf7 0%,#e9f8ff 100%);justify-items:start;gap:.8rem;display:grid}.home-cta-actions{align-items:center}.home-cta-copy{color:#0f172a;margin:0;font-size:1.08rem;font-weight:700}.pricing-grid{align-items:stretch}.pricing-card{align-content:start;gap:.7rem;display:grid}.pricing-card-beta{background:linear-gradient(#fff 0%,#f2f7ff 100%);border-color:#bfd4fd}.pricing-card-teacher{background:linear-gradient(#fff 0%,#f8fbff 100%);border-color:#cfe0f3}.pricing-card-school{background:linear-gradient(#fff 0%,#f7fcf8 100%);border-color:#dbe7d6}.pricing-price{color:#0f172a;margin:0;font-size:clamp(1.55rem,3vw,2.15rem);font-weight:780;line-height:1}.pricing-price-detail{color:#64748b;margin:-.2rem 0 0;font-size:.9rem}.pricing-list{color:var(--muted);gap:.35rem;margin:0;padding-left:1.2rem;display:grid}.pricing-note{gap:.72rem;display:grid}.pricing-actions{margin-top:auto}.faq-section-heading{color:var(--text);margin-bottom:.5rem;font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:750}.faq-grid{gap:.65rem}.faq-card{cursor:pointer;transition:border-color .18s,box-shadow .18s}.faq-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-2)}.faq-card[open]{border-color:var(--primary)}.faq-summary{color:var(--text);justify-content:space-between;align-items:center;gap:1rem;font-size:1.02rem;font-weight:650;line-height:1.35;list-style:none;display:flex}.faq-summary::-webkit-details-marker{display:none}.faq-summary:after{content:"+";color:var(--muted);flex-shrink:0;font-size:1.25rem;font-weight:400;transition:transform .18s}.faq-card[open] .faq-summary:after{content:"-"}.faq-answer{margin-top:.65rem;line-height:1.6}.grid{gap:.9rem;display:grid}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-1);background:linear-gradient(#fffdf7 0%,#fff 100%);padding:1rem}.panel-subtle{background:var(--surface-soft);border-color:#cfe7ef}.admin-metrics-grid{align-items:stretch}.activity-feed{gap:.72rem}.activity-feed-item{padding:.82rem}.activity-feed-title{margin-bottom:.18rem}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:680px}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #d7e3f0;padding:.72rem .68rem}.data-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.actions{flex-wrap:wrap;gap:.64rem;display:flex}.hero-actions{margin-top:.25rem}.btn{border-radius:var(--radius-sm);color:#0f172a;min-height:42px;font:inherit;letter-spacing:.01em;cursor:pointer;background:#fffdf7;border:1px solid #0000;justify-content:center;align-items:center;gap:.34rem;padding:.66rem 1rem;font-weight:650;text-decoration:none;transition:all .16s;display:inline-flex}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:linear-gradient(180deg,#65caff 0%,var(--primary)100%);border-color:#0f172a0f;box-shadow:0 9px 18px #2b80d738}.btn-primary:hover{background:linear-gradient(180deg,#7ad3ff 0%,var(--primary-strong)100%)}.btn-ghost{border-color:var(--line-strong);color:#1e293b;background:#fffdf7}.btn-ghost:hover{background:#eef9ff;border-color:#8dcde9}.auth-webview-guard{align-items:start;gap:.45rem;display:grid}.auth-webview-guard-full,.auth-webview-guard-full .btn,.auth-webview-guard-full .auth-webview-disabled{width:100%}.auth-webview-disabled{opacity:.58;cursor:not-allowed;pointer-events:none;box-shadow:none}.auth-webview-message{max-width:34ch}.btn-sm{min-height:36px;padding:.4rem .72rem;font-size:.86rem}.btn-danger{color:#fff;background:linear-gradient(180deg,#ef4444 0%,var(--danger)100%);border-color:#0f172a14}.text-link{color:#1d4ed8;align-items:center;min-height:42px;padding:.2rem .1rem;font-weight:620;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:2px;text-decoration:underline}.label{margin-bottom:.38rem;font-size:.94rem;font-weight:680;display:block}.input,.textarea{border-radius:var(--radius-sm);border:1px solid var(--line);width:100%;min-height:42px;color:var(--text);font:inherit;appearance:none;background:#fff;padding:.66rem .84rem;transition:border-color .16s,box-shadow .16s,background-color .16s}.textarea{resize:vertical;min-height:108px}.input:hover,.textarea:hover{border-color:#b7c8de}.input:focus,.textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f633}.meta{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.empty{color:var(--muted);margin:0}.flow-list{color:var(--muted);gap:.38rem;margin:0;padding-left:1.2rem;display:grid}.onboarding-empty-state{gap:.72rem}.field-meta{margin-top:.34rem;font-size:.82rem}.surface-title{margin-bottom:.54rem}.title-row{align-items:center;gap:.46rem;display:inline-flex}.mini-icon{color:#1d4ed8;background:#dbeafe;border-radius:7px;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex}.mini-icon svg{width:13px;height:13px}.pill,.status-badge{border:1px solid var(--primary-soft-border);background:var(--primary-soft);color:#1e40af;letter-spacing:.02em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .66rem;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge{text-transform:uppercase;letter-spacing:.045em;font-size:.76rem}.pill-subtle{color:#475569;background:#f8fbff;border-color:#d4dfec;font-weight:650}.status-warning,.pill-warning{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-text)}.status-success,.pill-success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text)}.status-neutral,.pill-neutral{border-color:var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-text)}.pill-button{cursor:pointer;font-family:inherit}.pill-button:disabled{cursor:default;opacity:.6}.status-danger{color:#b91c1c;font-weight:630}.status-ok{color:#166534;font-weight:630}.notice{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-soft);margin:.6rem 0 0;padding:.58rem .72rem;font-size:.9rem}.notice.success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text)}.notice.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.notice.info{border-color:var(--primary-soft-border);background:var(--primary-soft);color:#1e3a8a}.notice.warning{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-text)}.workspace-header,.topbar{top:calc(env(safe-area-inset-top) + .35rem);z-index:6;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f1f6fded;border:1px solid #c6d5e8;margin-bottom:.9rem;padding:.42rem;position:sticky}.kpi-card{background:linear-gradient(#fff 0%,#f9fbff 100%)}.kpi-card .stat-label{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.36rem;margin:0;font-size:.81rem;display:inline-flex}.stat-value{margin:.22rem 0 .2rem;font-size:clamp(1.58rem,2.6vw,2.05rem);font-weight:760;line-height:1}.kpi-note{align-items:center;gap:.32rem;font-size:.82rem;display:inline-flex}.kpi-warning{background:linear-gradient(#fff 0%,#fffbef 100%);border-color:#f8d688}.kpi-success{background:linear-gradient(#fff 0%,#effcf3 100%);border-color:#b6ebc9}.class-list{gap:.7rem}.class-link{text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s}.class-link:hover{border-color:#a9bdd6;box-shadow:0 14px 32px #0f172a1a}.class-link-warning{border-left:4px solid #f59e0b}.class-link-success{border-left:4px solid #22c55e}.class-link-row{justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.class-link-row h3{margin:0 0 .2rem;font-size:1.1rem}.class-link-meta{margin:0}.class-link-pills{flex-wrap:wrap;gap:.45rem;margin-top:.66rem;display:flex}.toolbar-compact{grid-template-columns:minmax(180px,310px) auto auto auto;align-items:end;gap:.62rem;margin-bottom:.72rem;display:grid}.toolbar-label{margin-bottom:.16rem}.toolbar-input{min-width:0}.assignment-stack{gap:.7rem}.workspace-split{grid-template-columns:minmax(250px,320px) minmax(0,1fr);align-items:start;gap:.82rem;display:grid}.assignment-nav{top:calc(env(safe-area-inset-top) + 5.2rem);padding:.88rem;position:sticky}.assignment-list{gap:.48rem;margin-top:.68rem;display:grid}.assignment-nav-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #d3deec;border-left:3px solid #0000;border-radius:12px;gap:.45rem;width:100%;padding:.62rem .64rem;transition:border-color .16s,box-shadow .16s,background-color .16s;display:grid}.assignment-nav-item:hover{background:#f8fbff;border-color:#a9bfdb}.assignment-nav-item.is-selected{background:#eff6ff;border-color:#c4d8ef #c4d8ef #c4d8ef #2563eb;box-shadow:inset 0 0 0 1px #dbeafe}.assignment-header-actions{align-items:center;gap:.38rem;display:inline-flex}.assignment-nav-head{justify-content:space-between;align-items:flex-start;gap:.42rem;display:flex}.assignment-nav-title{color:#0f172a;margin:0;font-size:.96rem;font-weight:700}.assignment-nav-counts{flex-wrap:wrap;gap:.34rem;display:flex}.assignment-main{border-color:#d5e0ed;padding:.92rem;box-shadow:0 8px 20px #0f172a0d}.assignment-main-header{margin-bottom:.1rem}.assignment-instructions{background:#f8fbff;border:1px solid #d8e3ef;border-radius:11px;margin:.08rem 0 .7rem;padding:.58rem .7rem}.assignment-submissions{margin-top:.14rem}.assignment-card{padding:.88rem}.dense-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.72rem;display:flex}.assignment-title{margin-bottom:.18rem;font-size:1.08rem}.assignment-description{margin-top:0}.assignment-meta{margin-top:.15rem;font-size:.83rem}.assignment-actions{margin-top:.52rem;margin-bottom:.58rem}.assignment-empty{margin-top:.35rem}.submission-grid{gap:.56rem}.submission-card{box-shadow:none;background:#fcfdff;border-color:#d9e2ee;padding:.78rem}.submission-name-row{align-items:center;gap:.4rem;display:inline-flex}.score-control{justify-items:end;gap:.24rem;display:grid}.score-label{text-transform:uppercase;letter-spacing:.05em;font-size:.76rem}.score-field{background:#f8fbff;border:1px solid #bfd1e6;border-radius:11px;align-items:center;gap:.42rem;padding:.22rem .36rem;display:inline-flex}.score-input{text-align:right;border:1px solid #d2ddec;width:72px;min-height:36px;padding:.42rem .5rem;font-size:1.06rem;font-weight:700}.score-suffix{color:#64748b;font-size:.84rem;font-weight:650}.feedback-label{margin:.54rem 0 .32rem}.feedback-area{border-color:#d5dfed;min-height:70px;padding:.58rem .72rem}.submission-actions{margin-top:.52rem}.inline-edit-row{align-items:center;gap:.3rem;max-width:100%;display:inline-flex}.inline-edit-input{max-width:260px;min-height:36px}.icon-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #c8d6e8;border-radius:9px;justify-content:center;align-items:center;min-width:38px;min-height:38px;padding:.2rem;display:inline-flex}.icon-btn:hover{background:#f8fbff;border-color:#9db1ca}.icon-btn-danger{color:#b91c1c;background:#fff5f5;border-color:#fca5a5}.icon-btn-danger:hover{background:#fee2e2;border-color:#f87171}.icon-btn-confirm{color:#166534;background:#f0fdf4;border-color:#86efac}.class-title-wrap{min-width:0}.class-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.56rem;display:inline-flex}.card-inline-error{color:#b91c1c;margin:.58rem 0 0;font-size:.86rem}.modal-backdrop{z-index:20;background:#0f172a59;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(560px,100% - 1rem);max-height:calc(100vh - 2rem);padding:1rem;overflow-y:auto;box-shadow:0 24px 56px #0f172a3d}.modal-actions{justify-content:flex-end;margin-top:.82rem}.undo-toast{left:50%;bottom:max(.9rem,env(safe-area-inset-bottom));z-index:24;background:#fff;border:1px solid #c9d8eb;border-radius:12px;width:min(520px,100% - 1rem);padding:.7rem .75rem .6rem;position:fixed;transform:translate(-50%);box-shadow:0 16px 38px #0f172a38}.undo-toast-row{justify-content:space-between;align-items:flex-start;gap:.44rem;display:flex}.undo-toast-message{color:#0f172a;margin:0;font-size:.9rem}.undo-toast-actions{justify-content:flex-start;margin-top:.46rem;display:flex}.undo-progress{background:#e2e8f0;border-radius:999px;width:100%;height:4px;margin-top:.5rem;overflow:hidden}.undo-progress-bar{background:#2563eb;border-radius:999px;height:100%;transition:width .1s linear}.form-shell{max-width:700px}.form-shell-wide{max-width:860px}.form-actions{margin-top:.92rem}.teacher-register-note{margin-top:.72rem}.form-label-top{margin-top:.76rem}.instruction-copy{white-space:pre-wrap}.assignment-attachment-notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.record-module{gap:.72rem;display:grid}.record-top{gap:.5rem;display:grid}.state-banner{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-soft);color:#334155;align-items:center;gap:.5rem;padding:.62rem .74rem;font-size:.9rem;display:inline-flex}.state-banner-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.is-spinning{animation:1s linear infinite spin}.state-idle{border-color:var(--status-neutral-border);background:var(--status-neutral-bg);color:var(--status-neutral-text)}.state-requesting-permission{border-color:var(--primary-soft-border);background:var(--primary-soft);color:#1e3a8a}.state-recording{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.state-submitting{border-color:var(--primary-soft-border);color:#1e3a8a;background:#eff6ff}.state-ready,.state-success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text)}.state-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.record-controls{margin-top:.12rem}.recording-ready{margin-top:.2rem}.recorder-note{margin-top:.1rem}.submission-confirm{border-radius:var(--radius-sm);border:1px solid var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text);align-items:center;gap:.45rem;margin:0;padding:.6rem .72rem;font-weight:620;display:inline-flex}.student-hero h1{max-width:17ch}.audio-shell{background:#f8fbff;border:1px solid #d2ddeb;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:.64rem;margin-top:.46rem;padding:.56rem;display:grid}.audio-shell-compact{gap:.5rem;margin-top:.34rem;padding:.44rem}.audio-toggle{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .16s,background-color .16s;display:inline-flex;box-shadow:0 6px 14px #2563eb45}.audio-toggle:hover{background:#1d4ed8;transform:translateY(-1px)}.audio-toggle:focus-visible,.audio-speed-btn:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.audio-toggle.is-playing{background:#0f172a}.audio-main{gap:.34rem;min-width:0;display:grid}.audio-progress-row{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.audio-range{appearance:none;cursor:pointer;background:#cbd8ea;border-radius:999px;width:100%;height:4px;margin:0}.audio-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#60a5fa 0%,#93c5fd 100%);border-radius:999px;height:4px}.audio-range::-webkit-slider-thumb{appearance:none;background:#1d4ed8;border:2px solid #fff;border-radius:999px;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 1px #93c5fd}.audio-range::-moz-range-track{background:#cbd8ea;border-radius:999px;height:4px}.audio-range::-moz-range-thumb{background:#1d4ed8;border:2px solid #fff;border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 1px #93c5fd}.audio-meta{justify-content:flex-end;align-items:center;gap:.42rem;display:flex}.audio-time{color:#475569;font-variant-numeric:tabular-nums;font-size:.76rem}.audio-speed{background:#fff;border:1px solid #bfd1e6;border-radius:999px;gap:.12rem;padding:.1rem;display:inline-flex}.audio-speed-btn{color:#334155;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.14rem .38rem;font-size:.72rem;font-weight:650}.audio-speed-btn.active{color:#1d4ed8;background:#dbeafe}.audio-error{grid-column:1/-1;margin:.1rem 0 0;font-size:.82rem}.auth-status-bar{gap:.4rem;display:grid}.auth-status-notice{margin:0}.auth-status-actions{flex-wrap:wrap;gap:.4rem;display:flex}.auth-signin-prompt{border-radius:var(--radius-sm);border:1px solid var(--status-warning-border);background:var(--status-warning-bg);gap:.5rem;padding:.8rem;display:grid}.auth-signin-prompt .btn{justify-self:start}.submission-success-block{justify-items:start;gap:.2rem;display:grid}.student-dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.student-dash-headline{font-size:clamp(1.4rem,2.5vw,1.8rem);line-height:1.15}.student-submission-list{gap:.62rem}.student-submission-card{transition:border-color .16s,box-shadow .16s}.student-submission-card:hover{border-color:#a9bdd6;box-shadow:0 12px 28px #0f172a14}.student-sub-top{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.student-sub-info{min-width:0}.student-sub-title{margin:0;font-size:1.02rem;font-weight:700}.student-sub-details{gap:.3rem;margin-top:.4rem;display:grid}.student-sub-feedback{border-radius:var(--radius-sm);border:1px solid var(--status-success-border);background:var(--status-success-bg);margin-top:.25rem;padding:.52rem .68rem}.student-class-heading{margin-bottom:.4rem;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:750}.student-assignment-group{margin-bottom:.8rem}.student-assignment-empty{background:var(--surface-soft);border-style:dashed;padding:.9rem 1rem}.student-assignment-empty .empty{margin-top:.28rem}.student-assignment-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.student-assignment-title{color:var(--muted);font-size:.98rem;font-weight:650}.student-sub-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (max-width:700px){.student-dash-header{flex-direction:column}}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-header-copy{gap:.3rem;display:grid}.admin-headline{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.1}.admin-kpi-strip .kpi-card{text-align:center}.kpi-hero{border-color:var(--primary-soft-border);background:linear-gradient(#fff 0%,#eff6ff 100%)}.admin-funnel-visual{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-1);padding:1rem}.funnel-bars{gap:.62rem;margin-top:.5rem;display:grid}.funnel-stage{grid-template-columns:1fr auto;align-items:center;gap:.72rem;display:grid}.funnel-bar{border-radius:8px;height:28px;transition:width .4s}.funnel-bar-full{background:linear-gradient(90deg,#dbeafe 0%,#bfdbfe 100%);border:1px solid #93c5fd;width:100%}.funnel-bar-activated{background:linear-gradient(90deg,#fef3c7 0%,#fcd34d 100%);border:1px solid #f59e0b}.funnel-bar-teaching{background:linear-gradient(90deg,#dcfce7 0%,#86efac 100%);border:1px solid #22c55e}.funnel-stage-info{white-space:nowrap;align-items:baseline;gap:.4rem;min-width:160px;display:flex}.funnel-stage-value{color:var(--text);font-size:1.15rem;font-weight:760}.funnel-stage-label{color:var(--muted);font-size:.84rem}.admin-panel-head{justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.admin-activity-panel{max-height:540px;overflow-y:auto}.admin-activity-feed{gap:.1rem;display:grid}.admin-activity-feed-compact{gap:.06rem}.admin-event-row{border-radius:10px;grid-template-columns:24px 1fr auto;align-items:center;gap:.5rem;padding:.52rem .4rem;transition:background-color .14s;display:grid}.admin-event-row:hover{background:var(--surface-muted)}.admin-event-row-compact{padding:.38rem .4rem}.admin-event-icon{color:var(--muted);justify-content:center;align-items:center;font-size:.72rem;display:inline-flex}.admin-event-body{min-width:0}.admin-event-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.88rem;font-weight:650;overflow:hidden}.admin-event-action{color:var(--muted);margin:0;font-size:.8rem}.admin-event-meta{color:#64748b;margin:.1rem 0 0;font-size:.76rem}.admin-event-time{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.76rem}.event-signin .admin-event-icon{color:#64748b}.event-upgrade .admin-event-icon{color:#2563eb}.event-class .admin-event-icon{color:#d97706}.event-assignment .admin-event-icon{color:#16a34a}.admin-right-stack{align-content:start;gap:.82rem;display:grid}.admin-teacher-actions-panel{max-height:320px;overflow-y:auto}.admin-class-list{gap:.32rem;display:grid}.admin-class-item{border-radius:10px;justify-content:space-between;align-items:center;gap:.6rem;padding:.48rem .4rem;transition:background-color .14s;display:flex}.admin-class-item:hover{background:var(--surface-muted)}.admin-class-info{min-width:0}.admin-class-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.9rem;font-weight:650;overflow:hidden}.admin-class-owner{color:var(--muted);margin:0;font-size:.78rem}.admin-class-stats{flex-shrink:0;gap:.3rem;display:flex}.admin-roster-table{min-width:600px}.admin-roster-row:hover{background:var(--surface-muted)}.admin-roster-email{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-weight:600;overflow:hidden}.admin-roster-date{color:var(--muted);white-space:nowrap;font-size:.84rem}.admin-roster-num{font-variant-numeric:tabular-nums;text-align:center}html.dark body{background:linear-gradient(#fffcf4eb 0%,#eaf6fbfa 100%),radial-gradient(circle at 8% 0,#87ceeb3d,#0000 34%),radial-gradient(circle at 96% 6%,#ffe28a33,#0000 28%)}html.dark .brand-link{color:#102033}html.dark .brand-context{color:#5f7383}html.dark .theme-toggle{color:#102033;background:#fffdf7;border-color:#b9dbe8;box-shadow:0 8px 18px #27587d14}html.dark .theme-toggle:hover{background:#eef9ff;border-color:#8dcde9}html.dark .hero{color:#102033;background:linear-gradient(#fffdf7 0%,#e9f8ff 100%);border-color:#cde2eb;box-shadow:0 20px 38px #27587d1a}html.dark .hero:before{background:radial-gradient(circle at 12% 12%,#ffe07933,#0000 26%),linear-gradient(120deg,#87ceeb24,#85e0ae1a)}html.dark .hero h1{color:#102033}html.dark .hero p{color:#4b6477}html.dark .pill{color:#1c5c8e;background:#dff5ff;border-color:#a8dff5}html.dark .btn-ghost{color:#102033;background:#fffdf7;border-color:#a8cedd;box-shadow:0 8px 18px #27587d0f}html.dark .home-beta-actions .btn-ghost,html.dark .home-links .btn-ghost,html.dark .home-cta-actions .btn-ghost{color:#1e293b;box-shadow:none;background:#fff;border-color:#d8e2ee}html.dark .home-beta-actions .btn-ghost:hover,html.dark .home-links .btn-ghost:hover,html.dark .home-cta-actions .btn-ghost:hover{background:#f8fbff;border-color:#c9d7e6}html.dark .panel-subtle{background:linear-gradient(#edf8fd 0%,#fffdf7 100%);border-color:#cde2eb}html.dark .input,html.dark .textarea{color:#f5f7fb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(#12151a 0%,#0d1014 100%);border-color:#2e3440}html.dark .input::placeholder,html.dark .textarea::placeholder{color:#7f8a9a}html.dark .input:hover,html.dark .textarea:hover{border-color:#425166}html.dark .input:focus,html.dark .textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}html.dark .workspace-header,html.dark .topbar{background:#12151beb;border-color:#252a33;box-shadow:0 16px 32px #00000057}html.dark .assignment-main,html.dark .admin-funnel-visual{background:linear-gradient(#16191f 0%,#101317 100%);border-color:#252a33;box-shadow:0 18px 34px #00000057}html.dark .assignment-nav-item{background:linear-gradient(#111419 0%,#0c0f13 100%);border-color:#2a313d}html.dark .assignment-nav-item:hover{background:linear-gradient(#171b22 0%,#10141a 100%);border-color:#3a4556}html.dark .assignment-nav-item.is-selected{background:linear-gradient(#132035 0%,#0d1420 100%);border-color:#60a5fa61 #60a5fa61 #60a5fa61 #3b82f6;box-shadow:inset 0 0 0 1px #60a5fa2e}html.dark .assignment-nav-title{color:#f5f7fb}html.dark .assignment-instructions,html.dark .score-field,html.dark .submission-card{background:linear-gradient(#12151a 0%,#0d1014 100%);border-color:#2a313d}html.dark .assignment-instructions strong,html.dark .assignment-main .meta strong{color:#f5f7fb}html.dark .score-suffix{color:#98a4b5}html.dark .icon-btn{color:#d6dde8;background:linear-gradient(#171a20 0%,#111419 100%);border-color:#2f3743}html.dark .icon-btn:hover{background:linear-gradient(#1c2128 0%,#151922 100%);border-color:#60a5fa5c}html.dark .icon-btn-danger{color:#fca5a5;background:linear-gradient(#7f1d1d4d 0%,#450a0a3d 100%);border-color:#ef444452}html.dark .icon-btn-danger:hover{background:linear-gradient(#991b1b5c 0%,#570d0d47 100%);border-color:#f8717170}html.dark .icon-btn-confirm{color:#86efac;background:linear-gradient(#14532d57 0%,#052e1647 100%);border-color:#22c55e57}html.dark .data-table th,html.dark .data-table td{border-bottom-color:#252a33}html.dark .data-table th{color:#9aa4b2}html.dark .auth-webview-message{color:#d6dde8}html.dark .auth-webview-disabled{color:#d6dde8;background:linear-gradient(#14171c 0%,#0f1216 100%);border-color:#2e3440}html.dark .home-hero,html.dark .home-entry-card,html.dark .home-beta-banner,html.dark .home-preview-shell,html.dark .home-preview-sidebar,html.dark .home-preview-main,html.dark .home-preview-card,html.dark .home-preview-class,html.dark .home-preview-badge,html.dark .home-feature-card,html.dark .home-faq-item,html.dark .home-story,html.dark .home-cta,html.dark .kpi-card,html.dark .kpi-hero,html.dark .kpi-warning,html.dark .kpi-success{color:#102033;background:linear-gradient(#fffdf7 0%,#edf8fd 100%);border-color:#cde2eb;box-shadow:0 18px 34px #27587d1a}html.dark .home-hero .meta,html.dark .home-entry-card .meta,html.dark .home-beta-banner .meta,html.dark .home-preview-shell .meta,html.dark .home-preview-class span,html.dark .home-preview-grade span,html.dark .home-panel-label,html.dark .home-entry-hint,html.dark .home-story-copy,html.dark .home-feature-card .meta,html.dark .home-faq-item .meta,html.dark .home-cta .meta,html.dark .kpi-card .meta,html.dark .kpi-note{color:#4b6477}html.dark .home-network-notice.notice.info{color:#1c5c8e;background:#dff5ff;border-color:#a8dff5}html.dark .home-entry-secondary{color:#1d6dbf}html.dark .home-entry-student .home-entry-btn:hover{background:linear-gradient(#fff4a8 0%,#9cede0 100%)}html.dark .home-preview-shell{background:linear-gradient(#fffdf7 0%,#ecf9ff 100%);border-color:#b9dbe8;box-shadow:0 20px 38px #27587d1a}html.dark .home-preview-sidebar,html.dark .home-preview-main,html.dark .home-preview-card,html.dark .home-preview-class,html.dark .home-preview-badge{color:#102033;background:linear-gradient(#fffef9 0%,#f3fbff 100%);border-color:#d7e8ee}html.dark .home-preview-top h3,html.dark .home-preview-class strong,html.dark .home-preview-card,html.dark .home-preview-badge,html.dark .home-preview-list{color:#102033}html.dark .home-panel-label,html.dark .home-preview-class span,html.dark .home-preview-grade span{color:#4b6477}html.dark .home-preview-class.is-active{background:#e8f8ff;border-color:#9bd7ef}html.dark .pricing-card-beta,html.dark .pricing-card-teacher,html.dark .pricing-card-school,html.dark .pricing-note{background:linear-gradient(#fffdf7 0%,#edf8fd 100%);border-color:#cde2eb}html.dark .pricing-card-school{border-color:#c9e9c9}html.dark .pricing-card-beta{border-color:#a8dff5}html.dark .pricing-price{color:#102033}html.dark .pricing-price-detail,html.dark .pricing-list{color:#4b6477}html.dark .audio-shell{background:linear-gradient(#12151a 0%,#0d1014 100%);border-color:#2a313d}html.dark .audio-toggle{background:#3b82f6;box-shadow:0 6px 14px #3b82f638}html.dark .audio-toggle:hover{background:#2563eb}html.dark .audio-toggle.is-playing{color:#0f172a;background:#e2e8f0}html.dark .audio-range{background:#2a313d}html.dark .audio-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 100%)}html.dark .audio-range::-webkit-slider-thumb{background:#60a5fa;border-color:#0d1014;box-shadow:0 0 0 1px #3b82f6}html.dark .audio-range::-moz-range-track{background:#2a313d}html.dark .audio-range::-moz-range-thumb{background:#60a5fa;border-color:#0d1014;box-shadow:0 0 0 1px #3b82f6}html.dark .audio-time{color:#98a4b5}html.dark .audio-speed{background:linear-gradient(#12151a 0%,#0d1014 100%);border-color:#2a313d}html.dark .audio-speed-btn{color:#98a4b5}html.dark .audio-speed-btn.active{color:#93c5fd;background:#3b82f62e}html.dark .notice.danger{color:#fca5a5;background:#7f1d1d38;border-color:#ef44444d}html.dark .notice.info{color:#93c5fd}html.dark .undo-toast{background:linear-gradient(#16191f 0%,#101317 100%);border-color:#2a313d;box-shadow:0 16px 38px #00000070}html.dark .undo-toast-message{color:#f5f7fb}html.dark .undo-progress{background:#2a313d}html.dark .modal-backdrop{background:#0000008c}html.dark .modal-card{box-shadow:0 24px 56px #00000080}html.dark .student-submission-card:hover{border-color:#3a4556;box-shadow:0 12px 28px #00000047}html.dark .student-sub-feedback{background:#22c55e14;border-color:#4ade8033}html.dark .state-banner{color:#c3ccd8}html.dark .state-requesting-permission{color:#93c5fd}html.dark .state-recording{color:#fca5a5;background:#7f1d1d38;border-color:#ef44444d}html.dark .state-submitting{background:var(--primary-soft);color:#93c5fd}html.dark .state-error{color:#fca5a5;background:#7f1d1d38;border-color:#ef44444d}html.dark .status-danger{color:#fca5a5}html.dark .status-ok{color:#86efac}html.dark .card-inline-error{color:#fca5a5}html.dark .mini-icon{color:#93c5fd;background:#3b82f62e}html.dark .btn{color:#102033;background:#fffdf7}html.dark .btn.btn-primary:hover{background:linear-gradient(#7ad3ff 0%,#1d6dbf 100%);border-color:#7ac7e7}html.dark .home-entry-teacher{border-color:#a8dff5}html.dark .home-entry-student{border-color:#c9e9c9}html.dark .home-entry-icon{background:linear-gradient(#83d8ff 0%,#2b80d7 100%);box-shadow:0 10px 22px #2b80d738}html.dark .home-entry-icon-student{color:#16452d;background:linear-gradient(#fff08a 0%,#8be3a2 100%);box-shadow:0 10px 22px #54b17833}html.dark .home-entry-teacher .home-entry-btn,html.dark .home-beta-actions .btn-primary,html.dark .home-cta .btn-primary{box-shadow:0 14px 28px #2b80d738}html.dark .btn-ghost:hover{background:#eef9ff;border-color:#8dcde9}html.dark .text-link{color:#1d6dbf}html.dark .score-input{color:#f5f7fb;background:linear-gradient(#12151a 0%,#0d1014 100%);border-color:#2a313d}html.dark .feedback-area{border-color:#2a313d}@media (max-width:900px){.workspace-split{grid-template-columns:1fr}.funnel-stage{grid-template-columns:1fr;gap:.3rem}.funnel-stage-info{min-width:0}}@media (max-width:700px){.admin-header{flex-direction:column}.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.page-wrap{animation:none}.btn,.class-link,.home-feature-card,.home-faq-item,.home-step{transition:none}}@media (max-width:900px){.hero-split,.home-beta-banner,.home-hero-layout,.home-preview-grid,.home-preview-panels,.workspace-split{grid-template-columns:1fr}.assignment-nav{position:static;top:auto}.toolbar-compact{grid-template-columns:1fr 1fr}.score-control{justify-items:start}}@media (max-width:700px){.page-wrap{width:min(1120px,100% - 1rem);padding-top:max(.8rem,env(safe-area-inset-top));padding-bottom:max(1.2rem,env(safe-area-inset-bottom))}.hero{border-radius:16px;padding:1.2rem}.home-hero{padding:1.2rem}.home-hero-copy{gap:.72rem}.home-hero-lead,.home-story-copy{font-size:.96rem}.home-hero-panel-head,.home-preview-top{flex-direction:column;align-items:flex-start}.home-hero-stats{grid-template-columns:1fr}.home-links{gap:.5rem}.home-beta-actions{justify-content:flex-start}.card{border-radius:14px;padding:.86rem}.workspace-header,.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:static}.brand-context{display:none}.class-link-row,.dense-row{flex-direction:column;align-items:flex-start}.toolbar-compact{grid-template-columns:1fr}.assignment-nav-head{flex-direction:column;align-items:flex-start}.actions{gap:.56rem}.btn{min-height:44px}.btn-sm{min-height:40px}.icon-btn{min-width:44px;min-height:44px}.text-link{min-height:44px}.home-entry-paths,.audio-shell{grid-template-columns:1fr}.audio-meta{flex-direction:column;align-items:flex-start}}body{background-color:var(--background);background-image:linear-gradient(#258bc609 1px,#0000 1px),linear-gradient(90deg,#258bc609 1px,#0000 1px);background-size:32px 32px;background-attachment:fixed}.page-wrap{width:min(1180px,100% - 2.5rem)}.brand-bar{border-bottom:1px solid var(--line);min-height:52px;margin-bottom:0}.brand-link{color:var(--text)}.brand-link:hover .brand-mark{transform:rotate(-5deg)translateY(-1px);box-shadow:4px 4px #f26c5e47}.brand-mark{border:1px solid var(--mascot-orange);border-radius:8px;width:36px;min-width:36px;height:36px;min-height:36px}@supports (color:color-mix(in lab, red, red)){.brand-mark{border:1px solid color-mix(in srgb,var(--mascot-orange)48%,var(--line))}}.brand-mark{background:var(--surface);color:var(--mascot-orange);box-shadow:3px 3px 0 var(--mascot-orange)}@supports (color:color-mix(in lab, red, red)){.brand-mark{box-shadow:3px 3px 0 color-mix(in srgb,var(--mascot-orange)24%,transparent)}}.brand-mark{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}.brand-belt-mark{clip-path:polygon(50% 0,95% 36%,80% 100%,20% 100%,5% 36%);background:var(--mascot-orange);color:#fffdf4;width:25px;height:24px;font-family:var(--font-geist-sans),sans-serif;place-items:center;font-size:.74rem;font-weight:900;line-height:1;display:grid}.brand-text{font-size:1.08rem;font-weight:800}.brand-context{color:var(--muted);letter-spacing:0;text-transform:none}.theme-toggle{background:var(--surface);border-radius:8px;box-shadow:3px 3px #258bc61f}.theme-toggle:active{box-shadow:none;transform:translate(2px,2px)}.card{background:var(--surface);border-radius:8px}.pill{border-color:var(--primary-soft-border);background:var(--primary-soft);color:var(--primary-strong);letter-spacing:0;border-radius:999px;gap:.35rem}.pill-subtle{color:#705510;background:#fff7ce;border-color:#f3c94bb3}.btn{letter-spacing:0;border-radius:7px;font-weight:750;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s,background-color .18s}.btn:hover{transform:translateY(-2px)}.btn:hover svg:last-child{transform:translate(3px)}.btn svg{flex:none;transition:transform .18s}.btn:active{box-shadow:none;transform:translateY(1px)scale(.98)}.btn-primary{background:var(--primary);border-color:#126d9e;box-shadow:0 5px #126d9e}.btn-primary:hover{background:var(--primary-strong);box-shadow:0 7px #0e5d87}.btn-ghost{background:var(--surface);color:var(--text);box-shadow:0 4px #4b627a33}.home-hero{isolation:isolate;box-shadow:none;background:0 0;border:0;padding:3.7rem 0 3.3rem;position:relative}.home-hero:before{content:"";z-index:-2;background:var(--surface-soft);clip-path:polygon(0 0,100% 0,100% 87%,66% 100%,0 91%);position:absolute;inset:0 calc(50% - 50vw)}.home-hero:after{content:"";z-index:-1;background:var(--coral);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);opacity:.82;width:min(34vw,430px);height:18px;position:absolute;bottom:8%;right:calc(50% - 49vw)}.home-hero-layout{grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:center;gap:2.5rem}.home-hero-copy{gap:1.15rem;max-width:640px}.home-hero-eyebrow{width:fit-content}.home-hero h1{max-width:11ch;color:var(--text);font-size:3.75rem;line-height:.98}.home-hero-lead{max-width:37rem;color:var(--muted);font-size:1.12rem;line-height:1.65}.home-hero-actions{margin-top:.2rem}.home-language-strip{color:var(--muted);font-family:var(--font-geist-mono),monospace;flex-wrap:wrap;gap:.45rem 0;font-size:.78rem;font-weight:700;display:flex}.home-language-strip span{align-items:center;display:inline-flex}.home-language-strip span:not(:last-child):after{content:"/";color:var(--coral);margin:0 .55rem}.home-mascot-stage{place-items:center;min-height:430px;display:grid;position:relative}.home-mascot-stage:before,.home-mascot-stage:after{content:"";z-index:-1;border:1px solid var(--line-strong);width:72%;height:34%;position:absolute;transform:rotate(-6deg)}.home-mascot-stage:before{background:#f3c94b6b;top:18%;right:4%}.home-mascot-stage:after{background:#3ebf8a38;bottom:13%;left:3%;transform:rotate(7deg)}.home-mascot{filter:drop-shadow(0 18px 20px #17223829);width:min(82%,390px);height:auto;animation:4.8s ease-in-out infinite mascot-float}.home-mascot-note{z-index:2;border:1px solid var(--text);background:var(--surface);min-width:84px;color:var(--text);font-family:var(--font-geist-mono),monospace;text-align:center;box-shadow:4px 4px 0 var(--text);padding:.52rem .72rem;font-size:.76rem;font-weight:700;position:absolute}.home-mascot-note-top{top:16%;left:1%;transform:rotate(-7deg)}.home-mascot-note-bottom{color:#60420e;background:#fff3af;border-color:#996416;bottom:18%;right:2%;transform:rotate(6deg);box-shadow:4px 4px #996416}.home-entry-section{gap:1.15rem;padding:2.4rem 0 1.2rem;display:grid}.home-section-head-centered{text-align:center;justify-items:center}.home-section-head h2{font-size:1.9rem;line-height:1.18}.home-entry-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.home-entry-card{background:var(--surface);border-radius:8px;justify-content:center;min-height:286px;padding:1.7rem;transition:transform .19s cubic-bezier(.2,.8,.2,1),box-shadow .19s,border-color .19s}.home-entry-card:hover{transform:translateY(-4px)rotate(-.3deg)}.home-entry-teacher{border:1px solid #7fc7e6;border-top:6px solid var(--primary);background:var(--surface);box-shadow:7px 7px #258bc62e}.home-entry-student{border:1px solid #92d8bc;border-top:6px solid var(--mint);background:var(--surface);box-shadow:7px 7px #3ebf8a2e}.home-entry-icon{background:var(--primary);border-radius:8px;box-shadow:4px 4px #146e9f}.home-entry-icon-student{color:#123d2f;background:var(--mint);box-shadow:4px 4px #23825f}.home-entry-title{font-size:1.28rem}.home-entry-student .home-entry-btn{background:var(--mint);color:#102f25;border-color:#23825f;box-shadow:0 5px #23825f}.home-entry-student .home-entry-btn:hover{background:#58cfa0;border-color:#1a6d4e;box-shadow:0 7px #1a6d4e}.home-feature-grid{gap:.85rem}.home-feature-card{border-left:5px solid var(--primary);background:var(--surface);box-shadow:none;grid-template-columns:auto 1fr;align-items:start;gap:.9rem}.home-feature-card-2{border-left-color:var(--coral)}.home-feature-card-3{border-left-color:var(--mint)}.home-feature-card-4{border-left-color:var(--lavender)}.home-feature-icon{background:var(--primary-soft);width:42px;height:42px;color:var(--primary-strong);border-radius:7px;place-items:center;display:inline-grid}.home-feature-card-2 .home-feature-icon{color:#b34238;background:#f26c5e24}.home-feature-card-3 .home-feature-icon{color:#197454;background:#3ebf8a26}.home-feature-card-4 .home-feature-icon{color:#6551ad;background:#8d77d824}.home-feature-card .meta{margin:.35rem 0 0}.home-beta-banner{border-left:6px solid var(--mango);background:var(--surface);box-shadow:none}.home-preview-shell{background:var(--surface-muted);border-color:var(--line-strong);box-shadow:8px 8px #258bc621}.home-preview-sidebar,.home-preview-main,.home-preview-card,.home-preview-class{background:var(--surface);border-radius:7px}.home-preview-class.is-active{border-left:4px solid var(--primary);background:var(--primary-soft)}.home-preview-play{background:var(--primary);color:#fff;place-items:center;display:grid}.home-preview-wave{background:repeating-linear-gradient(90deg,var(--primary)0 4px,transparent 4px 8px,var(--coral)8px 12px,transparent 12px 16px)}.home-preview-badge{background:var(--surface);gap:.3rem}.home-story{border-left:6px solid var(--coral);background:var(--surface)}.home-faq-item{background:var(--surface);box-shadow:none}.home-cta{color:#fffdf4;box-shadow:7px 7px 0 var(--coral);background:#172238;border-color:#172238;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.4rem}.home-cta-copy,.home-cta .meta{color:#fffdf4}.home-cta .meta{opacity:.78}html.dark body{background-color:var(--background);background-image:linear-gradient(#66c5ef09 1px,#0000 1px),linear-gradient(90deg,#66c5ef09 1px,#0000 1px)}html.dark .brand-link,html.dark .brand-context,html.dark .hero,html.dark .hero h1,html.dark .home-hero h1,html.dark .home-entry-card,html.dark .home-preview-top h3,html.dark .home-preview-class strong,html.dark .home-preview-card,html.dark .home-preview-badge,html.dark .home-preview-list,html.dark .pricing-price{color:var(--text)}html.dark .brand-context,html.dark .hero p,html.dark .home-hero-lead,html.dark .home-entry-card .meta,html.dark .home-entry-hint,html.dark .home-beta-banner .meta,html.dark .home-preview-shell .meta,html.dark .home-preview-class span,html.dark .home-preview-grade span,html.dark .home-panel-label,html.dark .home-story-copy,html.dark .home-feature-card .meta,html.dark .home-faq-item .meta,html.dark .kpi-card .meta,html.dark .kpi-note,html.dark .pricing-price-detail,html.dark .pricing-list{color:var(--muted)}html.dark .theme-toggle,html.dark .hero,html.dark .card,html.dark .home-entry-card,html.dark .home-beta-banner,html.dark .home-feature-card,html.dark .home-faq-item,html.dark .home-story,html.dark .home-preview-sidebar,html.dark .home-preview-main,html.dark .home-preview-card,html.dark .home-preview-class,html.dark .home-preview-badge,html.dark .kpi-card,html.dark .pricing-card-beta,html.dark .pricing-card-teacher,html.dark .pricing-card-school,html.dark .pricing-note{border-color:var(--line);background:var(--surface);color:var(--text);box-shadow:none}html.dark .home-hero:before{background:var(--surface-soft)}html.dark .home-hero{box-shadow:none;background:0 0;border:0}html.dark .home-mascot-stage:before{background:#f7d45f29}html.dark .home-mascot-stage:after{background:#5dd5a31f}html.dark .home-mascot-note{background:var(--surface);color:var(--text);border-color:#0a0f17;box-shadow:4px 4px #0a0f17}html.dark .home-mascot-note-bottom{color:#ffe492;background:#3d351f;border-color:#a27b28;box-shadow:4px 4px #a27b28}html.dark .pill{border-color:var(--primary-soft-border);background:var(--primary-soft);color:var(--primary)}html.dark .pill-subtle{color:#f7d45f;background:#332e20;border-color:#6c5a28}html.dark .btn{color:var(--text)}html.dark .btn.btn-primary{color:#07131a;background:#319fce;border-color:#2e8fb8;box-shadow:0 5px #246e8d}html.dark .btn.btn-primary:hover{background:var(--primary);border-color:#50bce8;box-shadow:0 7px #246e8d}html.dark .btn-ghost,html.dark .home-beta-actions .btn-ghost,html.dark .home-links .btn-ghost,html.dark .home-cta-actions .btn-ghost{border-color:var(--line-strong);background:var(--surface);color:var(--text);box-shadow:0 4px #0b1018}html.dark .home-entry-teacher{border-top-color:var(--primary);box-shadow:7px 7px #66c5ef2e}html.dark .home-entry-student{border-top-color:var(--mint);box-shadow:7px 7px #5dd5a329}html.dark .home-entry-student .home-entry-btn{color:#071a13;background:#55c898;border-color:#2d8f6b;box-shadow:0 5px #2d8f6b}html.dark .home-feature-card-2 .home-feature-icon{color:var(--coral)}html.dark .home-feature-card-3 .home-feature-icon{color:var(--mint)}html.dark .home-feature-card-4 .home-feature-icon{color:var(--lavender)}html.dark .home-preview-shell{border-color:var(--line-strong);background:var(--surface-muted);color:var(--text);box-shadow:8px 8px #66c5ef21}html.dark .home-preview-class.is-active{border-left-color:var(--primary);background:var(--primary-soft)}html.dark .home-cta{color:#f7f7ef;box-shadow:7px 7px 0 var(--coral);background:#202c3e;border-color:#465a73}html.dark .home-cta-copy,html.dark .home-cta .meta{color:#f7f7ef}@keyframes mascot-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@media (max-width:900px){.home-hero{padding-top:2.8rem}.home-hero-layout{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:1rem}.home-hero h1{font-size:3rem}.home-mascot-stage{min-height:340px}.home-cta{grid-template-columns:1fr}}@media (max-width:700px){.page-wrap{width:min(1180px,100% - 1.25rem)}.home-hero{padding:1.3rem 0 1.7rem}.home-hero:before{clip-path:polygon(0 0,100% 0,100% 95%,30% 100%,0 97%)}.home-hero:after{width:58vw;height:12px;bottom:3%;right:calc(50% - 50vw)}.home-hero-layout{grid-template-columns:1fr}.home-hero-copy{gap:.75rem}.home-hero h1{max-width:12ch;font-size:2.25rem;line-height:1.02}.home-hero-lead{font-size:1rem}.home-hero-actions .btn{flex:100%}.home-mascot-stage{min-height:190px}.home-mascot{width:min(72%,215px)}.home-mascot-note{min-width:70px;font-size:.7rem}.home-entry-section{padding-top:1.7rem}.home-entry-paths{grid-template-columns:1fr}.home-entry-card{min-height:0;padding:1.35rem 1rem}.home-section-head h2{font-size:1.55rem}.home-feature-card{grid-template-columns:auto 1fr}.home-preview-grid,.home-preview-panels{grid-template-columns:1fr}.home-cta{padding:1.15rem}.home-cta-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.home-mascot{animation:none}.brand-mark,.btn,.btn svg,.home-entry-card{transition:none}}.teacher-hero{isolation:isolate;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);align-items:center;gap:2rem;min-height:300px;padding:2.4rem 0;display:grid;position:relative}.teacher-hero:before{content:"";z-index:-2;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-soft);position:absolute;inset:0 calc(50% - 50vw)}.teacher-hero:after{content:"";z-index:-1;background:var(--coral);clip-path:polygon(0 0,96% 0,100% 100%,4% 100%);width:min(34vw,420px);height:9px;position:absolute;bottom:0;left:calc(50% - 50vw)}.teacher-hero-copy{align-content:center;gap:.9rem;max-width:720px;display:grid}.teacher-hero-pill{width:fit-content}.teacher-hero h1{max-width:18ch;color:var(--text);font-size:2.55rem;line-height:1.06}.teacher-hero-copy>p:not(.pill){max-width:58ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.teacher-hero-actions{margin-top:.15rem}.teacher-hero-art{place-items:center;min-height:230px;display:grid;position:relative}.teacher-hero-art:before{content:"";z-index:-1;background:#8d77d81f;border:1px solid #8d77d873;width:85%;height:62%;position:absolute;transform:rotate(-5deg)}.teacher-hero-mascot{filter:drop-shadow(0 14px 14px #17223829);width:min(82%,195px);height:auto;animation:4.8s ease-in-out infinite mascot-float}.teacher-hero-sticker{z-index:2;border:1px solid var(--text);color:#60420e;font-family:var(--font-geist-mono),monospace;box-shadow:4px 4px 0 var(--text);background:#fff3af;padding:.42rem .62rem;font-size:.72rem;font-weight:700;position:absolute;top:14%;right:0;transform:rotate(5deg)}.teacher-kpi-grid{gap:.8rem}.teacher-kpi{border:1px solid var(--line);border-left:5px solid var(--primary);background:var(--surface);min-height:122px;padding:1rem 1rem .95rem 1.1rem;position:relative;overflow:hidden;box-shadow:4px 4px #258bc61f}.teacher-kpi:after{content:"";background:var(--primary-soft);clip-path:polygon(100% 0,100% 100%,0 0);width:38px;height:38px;position:absolute;top:0;right:0}.teacher-kpi-assignments{border-left-color:var(--mint);box-shadow:4px 4px #3ebf8a21}.teacher-kpi-assignments:after{background:#3ebf8a33}.teacher-kpi-grading{border-left-color:var(--mango);box-shadow:4px 4px #f3c94b29}.teacher-kpi-grading:after{background:#f3c94b42}.teacher-kpi .stat-value{color:var(--text);font-size:2rem}.teacher-class-section{gap:.8rem;padding-top:1rem;scroll-margin-top:1rem;display:grid}.teacher-section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:1rem;padding-bottom:.7rem;display:flex}.teacher-section-head .surface-title{margin:.12rem 0 0;font-size:1.55rem}.teacher-section-label{color:var(--primary-strong);font-family:var(--font-geist-mono),monospace;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.teacher-class-section .class-list{gap:.72rem}.teacher-class-section .class-link{background:var(--surface);box-shadow:none;border-radius:8px;padding:1.05rem 1rem}.teacher-class-section .class-link:hover{border-color:var(--primary-soft-border);transform:translateY(-2px);box-shadow:5px 5px #258bc61f}.teacher-class-section .class-link-warning{border-left:5px solid var(--mango)}.teacher-class-section .class-link-success{border-left:5px solid var(--mint)}.teacher-class-section .class-link-neutral{border-left:5px solid var(--primary)}.teacher-class-section .class-link-row h3{font-size:1.08rem}.teacher-class-section .class-actions{align-items:center}.teacher-class-section .class-actions>.actions{flex-wrap:nowrap}.teacher-class-section .class-link-pills .pill{min-height:28px}.teacher-support-band{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.teacher-support-copy{color:var(--muted);align-items:center;gap:.65rem;display:flex}.teacher-support-copy svg{color:var(--coral);flex:none}.teacher-support-copy p{margin:0;font-size:.9rem;line-height:1.35}.teacher-support-copy strong{color:var(--text)}html.dark .teacher-hero:before{border-color:var(--line);background:#152c3a}html.dark .teacher-hero h1,html.dark .teacher-kpi .stat-value,html.dark .teacher-section-head .surface-title,html.dark .teacher-support-copy strong{color:var(--text)}html.dark .teacher-hero-copy>p:not(.pill),html.dark .teacher-kpi .meta,html.dark .teacher-support-copy{color:var(--muted)}html.dark .teacher-hero-art:before{background:#ad9ae81a;border-color:#ad9ae859}html.dark .teacher-hero-sticker{color:#ffe492;background:#3d351f;border-color:#a27b28;box-shadow:4px 4px #a27b28}html.dark .teacher-kpi,html.dark .teacher-class-section .class-link{border-color:var(--line);background:var(--surface);color:var(--text)}html.dark .teacher-kpi-classes{border-left-color:var(--primary);box-shadow:4px 4px #66c5ef21}html.dark .teacher-kpi-assignments{border-left-color:var(--mint);box-shadow:4px 4px #5dd5a31f}html.dark .teacher-kpi-grading{border-left-color:var(--mango);box-shadow:4px 4px #f7d45f1f}html.dark .teacher-class-section .class-link-warning{border-left-color:var(--mango)}html.dark .teacher-class-section .class-link-success{border-left-color:var(--mint)}html.dark .teacher-class-section .class-link-neutral{border-left-color:var(--primary)}@media (max-width:800px){.teacher-hero{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:1rem}.teacher-hero h1{font-size:2.1rem}.teacher-hero-art{min-height:200px}.teacher-hero-mascot{width:min(100%,200px)}}@media (max-width:620px){.teacher-hero{grid-template-columns:1fr;min-height:0;padding:1.8rem 0 2.2rem}.teacher-hero h1{font-size:1.95rem}.teacher-hero-art{min-height:170px}.teacher-hero-mascot{width:min(72%,180px)}.teacher-hero-sticker{right:8%}.teacher-hero-actions .btn{flex:100%}.teacher-section-head,.teacher-support-band{flex-direction:column;align-items:stretch}.teacher-section-head .btn,.teacher-support-band .btn,.teacher-class-section .class-actions,.teacher-class-section .class-actions>.actions{width:100%}.teacher-class-section .class-actions{align-items:stretch}.teacher-class-section .class-actions>.actions .btn{flex:auto}}@media (prefers-reduced-motion:reduce){.teacher-hero-mascot{animation:none}}.home-top-tools{justify-content:flex-end;align-items:center;gap:.55rem;margin-bottom:.65rem;display:flex}.about-page{width:min(980px,100% - 2.5rem)}.about-hero{max-width:800px}.about-hero h1{max-width:12ch}.about-story-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;display:grid}.about-story-card,.about-family-card{align-content:start;gap:.85rem;display:grid}.about-family-card{border-color:var(--coral)}@supports (color:color-mix(in lab, red, red)){.about-family-card{border-color:color-mix(in srgb,var(--coral)55%,var(--line))}}.about-family-card{background:linear-gradient(145deg,var(--coral),transparent 58%),var(--surface)}@supports (color:color-mix(in lab, red, red)){.about-family-card{background:linear-gradient(145deg,color-mix(in srgb,var(--coral)8%,transparent),transparent 58%),var(--surface)}}.about-family-card>svg{color:var(--coral)}.cancer-ribbon-icon{color:#c96f58;fill:#f5ad96;filter:drop-shadow(2px 2px #c96f582e);stroke-width:1.8px;flex:none}@media (max-width:720px){.about-page{width:min(100% - 1.25rem,980px)}.about-story-grid{grid-template-columns:1fr}.about-family-card .btn{width:100%}}.home-choice-hero{isolation:isolate;grid-template-columns:minmax(0,1.2fr) minmax(250px,.55fr);align-items:center;gap:1.4rem;min-height:315px;padding:2.4rem 0;display:grid;position:relative}.home-choice-hero:before{content:"";z-index:-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(135deg,#258bc61f,#3ebf8a1a),var(--surface-soft);position:absolute;inset:0 calc(50% - 50vw)}.home-choice-copy{gap:.9rem;max-width:760px;display:grid}.home-hero-brand{width:fit-content;color:var(--text);align-items:center;gap:.7rem;font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.home-hero-brand:hover .home-hero-brand-mark{box-shadow:7px 7px 0 var(--coral);transform:translateY(-2px)rotate(-2deg)}.home-hero-brand:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.home-hero-brand-mark{border:2px solid var(--text);color:#1d6dbf;width:clamp(58px,8vw,82px);height:clamp(58px,8vw,82px);box-shadow:6px 6px 0 var(--mango);background:linear-gradient(#fff7d6 0%,#cdefff 100%);border-radius:18px;place-items:center;font-weight:950;transition:transform .18s,box-shadow .18s;display:inline-grid}.home-choice-copy h1{max-width:15ch;font-family:"Arial Rounded MT Bold","Trebuchet MS",var(--font-geist-sans),sans-serif;letter-spacing:0;font-size:clamp(2.75rem,7vw,5.85rem);font-weight:900;line-height:.96}.home-choice-copy p:not(.pill){max-width:58ch;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.65}.home-choice-mascot{place-items:center;min-height:250px;display:grid}.home-choice-mascot img{filter:drop-shadow(0 16px 17px #17223829);width:min(100%,250px);height:auto;animation:4.8s ease-in-out infinite mascot-float}.home-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.home-audience-card{border:1px solid var(--line);border-top:7px solid var(--primary);background:var(--surface);min-height:330px;color:var(--text);border-radius:8px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.5rem;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:7px 7px #258bc624}.home-audience-card:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:9px 9px #258bc62e}.home-audience-district{border-top-color:var(--lavender);box-shadow:7px 7px #8d77d824}.home-audience-student{border-top-color:var(--mint);box-shadow:7px 7px #3ebf8a29}.home-audience-label,.home-audience-action{align-items:center;gap:.45rem;font-weight:760;display:inline-flex}.home-audience-label{color:var(--primary-strong)}.home-audience-card strong{font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.08;display:block}.home-audience-card>span:not(.home-audience-label):not(.home-audience-action){color:var(--muted);line-height:1.55}.home-audience-action{width:fit-content;min-height:42px;color:var(--text);border:1px solid;border-radius:8px;padding:.55rem .75rem}.home-district-note,.home-quick-preview{gap:1rem;display:grid}.home-district-note{border:1px solid var(--text);background:var(--surface);box-shadow:7px 7px 0 var(--mango);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:1.25rem}.home-district-note h2{margin-top:.6rem;font-size:clamp(1.3rem,2vw,1.75rem)}.home-district-actions{justify-content:flex-end}.home-cause-band{margin-top:.35rem;position:relative}.home-cause-dismiss{background:var(--surface);width:38px;height:38px;color:var(--ink);cursor:pointer;z-index:1;border:1px solid #17223859;border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:.75rem;right:.75rem}.home-cause-dismiss:hover,.home-cause-dismiss:focus-visible{background:#f5ad964d}.checkbox-row{color:var(--ink);cursor:pointer;align-items:center;gap:.65rem;font-weight:700;display:flex}.checkbox-row input{width:1.15rem;height:1.15rem;accent-color:var(--blue)}.home-cause-actions{min-width:178px;display:grid}.home-cause-actions .btn{width:100%}.home-quick-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.home-quick-preview article{border:1px solid var(--line);border-left:6px solid var(--coral);background:var(--surface);border-radius:8px;min-height:170px;padding:1.2rem}.home-quick-preview article:nth-child(2){border-left-color:var(--mint)}.home-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem;display:grid}.home-proof-stat{border-left:3px solid var(--coral);gap:.2rem;min-width:0;padding-left:.7rem;display:grid}.home-proof-stat:nth-child(2){border-left-color:var(--mango)}.home-proof-stat:nth-child(3){border-left-color:var(--mint)}.home-proof-stat strong{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1}.home-proof-stat span{color:var(--muted);font-size:.82rem;line-height:1.3}.home-quick-preview h2{margin-top:.7rem;font-size:1.18rem}.audience-hero{isolation:isolate;gap:.85rem;padding:2.5rem 0;display:grid;position:relative}.audience-hero:before{content:"";z-index:-1;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface-soft);position:absolute;inset:0 calc(50% - 50vw)}.audience-hero h1{max-width:16ch;font-size:clamp(2.35rem,5vw,4.4rem);line-height:1}.audience-hero p:not(.pill){max-width:68ch;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.65}.audience-hero-district:before{background:linear-gradient(135deg,#8d77d826,#258bc614),var(--surface-soft)}.audience-hero-teacher:before{background:linear-gradient(135deg,#258bc626,#f3c94b24),var(--surface-soft)}.audience-hero-student:before{background:linear-gradient(135deg,#3ebf8a29,#f26c5e1f),var(--surface-soft)}.audience-card-grid{align-items:stretch}.grid.teacher-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audience-info-card{border-left:5px solid var(--primary);background:var(--surface);box-shadow:none;align-content:start;gap:.55rem;display:grid}.audience-info-card h2{font-size:1.08rem}.audience-info-card svg{color:var(--primary-strong)}.student-info-card{border-left-color:var(--mint)}.student-info-card svg{color:#197454}.audience-band{border:1px solid var(--text);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem;display:flex;box-shadow:7px 7px #258bc624}.audience-band h2{font-size:1.25rem}.student-reward-strip{flex-wrap:wrap;gap:.7rem;display:flex}.student-reward-strip span{color:#123d2f;background:#e8fff0;border:1px solid #23825f;border-radius:8px;align-items:center;min-height:42px;padding:.55rem .82rem;font-weight:760;display:inline-flex;box-shadow:4px 4px #23825f2e}html.dark .home-choice-hero:before,html.dark .audience-hero:before{border-color:var(--line);background:var(--surface-soft)}html.dark .home-audience-card,html.dark .home-district-note,html.dark .home-quick-preview article,html.dark .audience-info-card,html.dark .audience-band{border-color:var(--line);background:var(--surface);color:var(--text)}html.dark .home-hero-brand{color:var(--text)}html.dark .home-hero-brand-mark{color:var(--primary);background:linear-gradient(#3d351f 0%,#17374a 100%);border-color:#0a0f17;box-shadow:6px 6px #0a0f17}html.dark .home-audience-card>span:not(.home-audience-label):not(.home-audience-action),html.dark .home-choice-copy p:not(.pill),html.dark .audience-hero p:not(.pill){color:var(--muted)}html.dark .student-reward-strip span{color:#baf4d5;background:#173b2d;border-color:#2d8f6b}@media (max-width:860px){.home-choice-hero{grid-template-columns:minmax(0,1fr) minmax(190px,.42fr)}.home-audience-grid{grid-template-columns:1fr}.grid.teacher-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-audience-card{min-height:0}.home-district-note,.home-quick-preview{grid-template-columns:1fr}.home-district-actions,.audience-band{flex-direction:column;align-items:stretch}}@media (max-width:620px){.home-choice-hero{grid-template-columns:1fr;min-height:0;padding:1.8rem 0}.home-choice-mascot{min-height:150px}.home-choice-mascot img{width:min(58%,185px)}.home-audience-card{padding:1.2rem}.grid.teacher-benefit-grid{grid-template-columns:1fr}.home-audience-card strong{font-size:1.55rem}.home-proof-grid{grid-template-columns:1fr}.home-district-actions .btn,.audience-band .btn{width:100%}}@media (prefers-reduced-motion:reduce){.home-choice-mascot img,.home-hero-brand-mark,.home-audience-card{transition:none;animation:none}}.student-game-wrap{width:min(1220px,100% - 2.2rem)}.student-game-wrap .brand-bar{border-bottom-color:#17223829}.student-game-hero,.student-public-hero{isolation:isolate;grid-template-columns:minmax(0,1.25fr) minmax(260px,.7fr);align-items:center;gap:1.4rem;min-height:330px;padding:2.2rem 0;display:grid;position:relative}.student-game-hero:before,.student-public-hero:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffee5bb3 0%,#5ce7ab8c 37%,#45a9ff73 100%),var(--surface-soft);border-top:1px solid #17223829;border-bottom:1px solid #17223829;position:absolute;inset:0 calc(50% - 50vw)}.student-game-hero:after,.student-public-hero:after{content:"";z-index:-1;background:repeating-linear-gradient(90deg,var(--coral)0 36px,var(--mango)36px 72px,var(--mint)72px 108px);clip-path:polygon(0 0,98% 0,100% 100%,2% 100%);width:min(52vw,680px);height:10px;position:absolute;bottom:0;left:calc(50% - 50vw)}.student-game-copy,.student-public-copy{gap:.8rem;max-width:760px;display:grid}.student-game-copy h1,.student-public-copy h1{max-width:14ch;font-family:"Arial Rounded MT Bold","Trebuchet MS",var(--font-geist-sans),sans-serif;font-size:clamp(2.45rem,5.8vw,5.15rem);font-weight:900;line-height:.96}.student-game-copy>p:not(.pill),.student-public-copy>p:not(.pill){color:#25334a;max-width:58ch;margin:0;font-size:1.03rem;line-height:1.62}.student-game-pill{color:#172238;background:#fff7b8;border-color:#172238;width:fit-content;box-shadow:4px 4px #1722381f}.student-game-actions{flex-wrap:wrap;gap:.7rem;margin-top:.2rem;display:flex}.student-hablaman-card,.student-mini-mascot,.student-public-mascot{place-items:center;min-height:260px;display:grid;position:relative}.student-hablaman-card:before,.student-mini-mascot:before,.student-public-mascot:before{content:"";z-index:-1;background:#fffdf4;border:2px solid #172238;border-radius:8px;width:82%;height:68%;position:absolute;transform:rotate(-5deg);box-shadow:9px 9px #f26c5e47}.student-hablaman,.student-mini-mascot img,.student-public-mascot img{filter:drop-shadow(0 18px 16px #1722382e);width:min(88%,285px);height:auto;animation:4.4s ease-in-out infinite mascot-float}.student-hablaman-burst{z-index:2;clip-path:polygon(50% 0,95% 36%,80% 100%,20% 100%,5% 36%);background:var(--mascot-orange);color:#fffdf4;place-items:center;width:54px;height:54px;font-weight:950;display:grid;position:absolute;top:12%;left:8%;box-shadow:5px 5px #172238}.student-hablaman-speech,.student-mini-mascot span,.student-public-pop{z-index:2;color:#172238;background:#fff7b8;border:1px solid #172238;border-radius:8px;align-items:center;gap:.35rem;padding:.55rem .75rem;font-weight:850;display:inline-flex;position:absolute;box-shadow:5px 5px #1722382e}.student-hablaman-speech{flex-direction:column;align-items:flex-start;bottom:12%;right:2%}.student-hablaman-speech span{color:#475569;font-size:.78rem}.student-mini-mascot span{bottom:16%;right:7%}.student-public-pop-top{top:14%;left:2%;transform:rotate(-7deg)}.student-public-pop-bottom{background:#dfffea;bottom:16%;right:0;transform:rotate(5deg)}.student-reward-console{grid-template-columns:1.15fr repeat(2,minmax(0,.85fr));gap:.85rem;display:grid}.student-level-card,.student-console-card{background:#fffdf4;border:2px solid #172238;border-radius:8px;align-content:end;gap:.65rem;min-height:150px;padding:1rem;display:grid;position:relative;overflow:hidden;box-shadow:6px 6px #1722381f}.student-level-card:after,.student-console-card:after{content:"";background:var(--mango);clip-path:polygon(100% 0,100% 100%,0 0);width:54px;height:54px;position:absolute;top:0;right:0}.student-console-gem:after{background:var(--lavender)}.student-console-fire:after{background:var(--coral)}.student-console-label{color:#475569;text-transform:uppercase;align-items:center;gap:.35rem;margin:0;font-size:.78rem;font-weight:850;display:inline-flex}.student-level-value,.student-console-value{color:#172238;margin:0;font-size:clamp(2rem,4vw,3.2rem);font-weight:950;line-height:.95}.student-xp-meter{background:#eef4f8;border:1px solid #172238;border-radius:999px;height:12px;overflow:hidden}.student-xp-meter span{border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--mango),var(--mint));height:100%;display:block}.student-badge-row{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.student-badge-chip{color:#172238;background:#e8fff0;border:1px solid #172238;border-radius:8px;align-items:center;gap:.45rem;min-height:44px;padding:.58rem .8rem;font-weight:850;display:inline-flex;box-shadow:4px 4px #3ebf8a33}.student-badge-chip.is-muted{color:#64748b;box-shadow:none;background:#f1f5f9}.student-submission-nav{margin-left:auto}.student-quest-section{gap:.72rem;display:grid}.student-quest-card{border:1px solid #172238;border-left:7px solid var(--primary);background:#fffdf4;border-radius:8px;padding:1rem;position:relative;overflow:hidden;box-shadow:5px 5px #258bc61f}.student-quest-card.is-live{border-left-color:var(--coral)}.student-quest-card.is-complete{border-left-color:var(--mint);background:linear-gradient(#fffdf4 0%,#edfff2 100%)}.student-quest-label{color:var(--primary-strong);text-transform:uppercase;margin:0 0 .25rem;font-size:.74rem;font-weight:900}.student-empty-quest{background:#fffdf4;border:2px solid #172238;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem;display:grid;box-shadow:7px 7px #f26c5e38}.student-empty-quest img{width:min(32vw,145px);height:auto}.student-public-hero{min-height:410px}.student-public-copy h1{max-width:13ch}.teacher-hero:before{background:linear-gradient(180deg,#fffdf4db,#e8f7ffdb),var(--surface-soft)}.teacher-kpi,.teacher-class-section .class-link{box-shadow:none;border-radius:8px}.teacher-class-section .class-link:hover{box-shadow:4px 4px #258bc61a}html.dark .student-game-hero:before,html.dark .student-public-hero:before{border-color:var(--line);background:linear-gradient(135deg,#f7d45f2e,#5dd5a31f,#66c5ef24),var(--surface-soft)}html.dark .student-game-copy>p:not(.pill),html.dark .student-public-copy>p:not(.pill){color:var(--muted)}html.dark .student-hablaman-card:before,html.dark .student-mini-mascot:before,html.dark .student-public-mascot:before,html.dark .student-level-card,html.dark .student-console-card,html.dark .student-quest-card,html.dark .student-empty-quest{border-color:var(--line);background:var(--surface);color:var(--text)}html.dark .student-level-value,html.dark .student-console-value,html.dark .student-console-label,html.dark .student-badge-chip,html.dark .student-hablaman-speech,html.dark .student-mini-mascot span,html.dark .student-public-pop{color:var(--text)}html.dark .student-badge-chip,html.dark .student-hablaman-speech,html.dark .student-mini-mascot span,html.dark .student-public-pop{border-color:var(--line);background:var(--surface-muted)}html.dark .student-quest-card.is-complete{background:linear-gradient(180deg,var(--surface)0%,#5dd5a314 100%)}@media (max-width:860px){.student-game-hero,.student-public-hero,.student-reward-console{grid-template-columns:1fr}.student-submission-nav{width:100%;margin-left:0}}@media (max-width:620px){.student-game-wrap{width:min(1180px,100% - 1.25rem)}.student-game-hero,.student-public-hero{min-height:0;padding:1.7rem 0 2rem}.student-game-copy h1,.student-public-copy h1{font-size:2.35rem}.student-empty-quest{grid-template-columns:1fr}.student-mini-mascot{min-height:170px}.student-submission-nav .btn,.student-game-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.student-hablaman,.student-mini-mascot img,.student-public-mascot img{animation:none}}:is(.student-game-wrap,.page-wrap:has(.student-public-hero)){position:relative}.student-game-wrap:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(115deg,#0000 0 42%,#f26c5e1f 42% 50%,#0000 50% 100%),linear-gradient(68deg,#0000 0 54%,#f3c94b24 54% 60%,#0000 60% 100%);position:fixed;inset:0}.page-wrap:has(.student-public-hero):before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(115deg,#0000 0 42%,#f26c5e1f 42% 50%,#0000 50% 100%),linear-gradient(68deg,#0000 0 54%,#f3c94b24 54% 60%,#0000 60% 100%);position:fixed;inset:0}.student-public-hero,.student-game-hero{min-height:min(74vh,690px);padding:clamp(2rem,5vw,4.6rem) 0}.student-public-hero:before,.student-game-hero:before{background:linear-gradient(110deg,#fff552 0 20%,#0000 20% 100%),linear-gradient(128deg,#0000 0 48%,#172238 48% 52%,#0000 52% 100%),linear-gradient(135deg,#fffdf4 0%,#bff4ff 38%,#ffb7a8 68%,#fff178 100%)}.student-public-hero:after,.student-game-hero:after{background:repeating-linear-gradient(90deg,#172238 0 28px,#fff552 28px 56px,#f26c5e 56px 84px,#3ebf8a 84px 112px);width:min(78vw,980px);height:16px}.student-public-copy,.student-game-copy{padding:1.2rem 0;position:relative}.student-public-copy:before,.student-game-copy:before{content:"";z-index:-1;clip-path:polygon(0 0,92% 0,100% 100%,0 100%);background:#fffdf4b8;width:min(72vw,860px);position:absolute;inset:-.35rem auto -.35rem calc(50% - 50vw)}.student-public-copy h1,.student-game-copy h1,.student-dash-headline{color:#172238;text-shadow:3px 3px #fffdf4,6px 6px #f26c5e4d}.student-public-copy h1{max-width:10ch;font-size:clamp(3.1rem,8vw,7.2rem)}.student-game-copy h1,.student-dash-headline{max-width:12ch;font-size:clamp(2.85rem,6.6vw,6rem)}.student-primary-action,.student-game-actions,.student-inline-links,.student-submission-nav{flex-wrap:wrap;align-items:center;gap:.72rem;display:flex}.student-primary-action .btn-primary,.student-game-actions .btn-primary,.student-submission-nav .btn-primary,.student-quest-actions .btn{color:#fffdf4;background:#172238;border:2px solid #172238;min-height:52px;padding-inline:1.1rem;box-shadow:6px 6px #f26c5e}.student-primary-action .btn-primary:hover,.student-game-actions .btn-primary:hover,.student-submission-nav .btn-primary:hover,.student-quest-actions .btn:hover{background:#0f172a;transform:translate(-2px,-2px);box-shadow:9px 9px #f26c5e}.student-text-link{color:#172238;border-bottom:3px solid;align-items:center;min-height:36px;font-weight:900;text-decoration:none;display:inline-flex}.student-text-link:hover{color:var(--coral)}.student-public-mascot,.student-hablaman-card,.student-mini-mascot{transform:rotate(1deg)}.student-public-mascot:before,.student-hablaman-card:before,.student-mini-mascot:before{background:linear-gradient(135deg,#fff55299,#0000 45%),#fffdf4;border:3px solid #172238;width:78%;height:78%;transform:rotate(-8deg)skew(-2deg);box-shadow:12px 12px #172238,22px 22px #f26c5e5c}.student-public-mascot img{width:min(94%,360px)}.student-hablaman{width:min(94%,325px)}.student-public-pop,.student-hablaman-speech,.student-mini-mascot span{font-family:var(--font-geist-mono),monospace;text-transform:uppercase;background:#fff552;border:2px solid #172238;border-radius:6px;box-shadow:6px 6px #172238}.student-public-pop-bottom,.student-mini-mascot span{background:#62f0ad}.student-reward-marquee{background:#172238;border:2px solid #172238;flex-wrap:nowrap;gap:0;display:flex;position:relative;overflow:hidden;box-shadow:7px 7px #f26c5e3d}.student-reward-marquee span{color:#fffdf4;min-width:max-content;box-shadow:none;background:0 0;border:0;border-radius:0}.student-reward-marquee span:not(:last-child):after{content:"/";color:#fff552;margin-left:.8rem}.student-reward-console{gap:1rem}.student-level-card,.student-console-card,.student-quest-card,.student-empty-quest,.student-badge-chip{border-width:2px;box-shadow:7px 7px #1722381f,inset 0 0 0 1px #fff6}.student-level-card{background:linear-gradient(125deg,#fff552db 0 28%,#0000 28% 100%),#fffdf4}.student-console-gem{background:linear-gradient(125deg,#8d77d838 0 32%,#0000 32%),#fffdf4}.student-console-fire{background:linear-gradient(125deg,#f26c5e38 0 32%,#0000 32%),#fffdf4}.student-badge-row{padding:.2rem 0}.student-badge-chip{transform:skew(-6deg)}.student-badge-chip>*{transform:skew(6deg)}.student-quest-card{transition:transform .18s,box-shadow .18s,border-color .18s}.student-quest-card:hover{transform:translate(4px);box-shadow:10px 10px #17223824,inset 0 0 0 1px #fff6}.student-quest-card.is-live{background:linear-gradient(110deg,#f26c5e29 0 18%,#0000 18% 100%),#fffdf4}.student-quest-card.is-complete{background:linear-gradient(110deg,#3ebf8a2e 0 18%,#0000 18% 100%),#fffdf4}.student-quest-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.student-submission-nav{flex-direction:column;align-items:flex-end;margin-left:0}.student-submissions-hero{grid-template-columns:minmax(0,1.1fr) minmax(210px,.42fr) auto}.student-submissions-hero .student-game-copy>p:not(.pill){display:none}html.dark .student-public-hero:before,html.dark .student-game-hero:before{background:linear-gradient(110deg,#f7d45f33 0 20%,#0000 20% 100%),linear-gradient(128deg,#0000 0 48%,#020617 48% 52%,#0000 52% 100%),linear-gradient(135deg,#101722 0%,#17374a 42%,#3d241f 72%,#3d351f 100%)}html.dark .student-public-copy:before,html.dark .student-game-copy:before{background:#192333c2}html.dark .student-public-copy h1,html.dark .student-game-copy h1,html.dark .student-dash-headline{color:var(--text);text-shadow:3px 3px #020617,6px 6px #ff817440}html.dark .student-text-link{color:var(--text)}html.dark .student-level-card,html.dark .student-console-card,html.dark .student-quest-card,html.dark .student-empty-quest{background:var(--surface)}@media (max-width:920px){.student-submissions-hero{grid-template-columns:1fr}.student-submission-nav{align-items:flex-start}}@media (max-width:620px){.student-public-hero,.student-game-hero{min-height:0}.student-public-hero{padding:1.35rem 0 1.5rem}.student-public-copy:before,.student-game-copy:before{width:100vw}.student-public-copy h1,.student-game-copy h1,.student-dash-headline{text-shadow:2px 2px #fffdf4,4px 4px #f26c5e42;font-size:2.7rem}.student-public-mascot{min-height:205px}.student-public-mascot img{width:min(62%,220px)}.student-public-mascot:before{width:58%;height:76%}.student-public-pop{padding:.45rem .58rem;font-size:.7rem}.student-public-pop-top{left:10%}.student-public-pop-bottom{bottom:6%;right:6%}.student-reward-marquee{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.student-reward-marquee span{text-align:center;justify-content:center;min-width:0;font-size:.78rem}.student-reward-marquee span:not(:last-child):after{display:none}.student-quest-actions{justify-content:flex-start}.student-quest-actions .btn{width:100%}}.pricing-page{width:min(1180px,100% - 2.2rem)}.pricing-hero{isolation:isolate;background:linear-gradient(135deg,#fffdf4f5 0 46%,#bff4fff0 46% 72%,#fff178e6 72% 100%);border:2px solid #172238;border-radius:8px;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);min-height:470px;padding:clamp(2rem,5vw,4.6rem);display:grid;position:relative;overflow:hidden;box-shadow:10px 10px #17223826}.pricing-hero:before{content:"";z-index:-1;aspect-ratio:1;border:46px solid #f26c5e29;border-radius:50%;width:520px;position:absolute;inset:auto -6% -32% 37%}.pricing-hero-copy{align-content:center;gap:1rem;display:grid}.pricing-hero-copy .pill{width:fit-content}.pricing-hero h1{letter-spacing:-.055em;color:#172238;max-width:12ch;font-size:clamp(2.8rem,6.5vw,5.8rem);font-weight:900;line-height:.96}.pricing-hero-copy>p:not(.pill){color:#334155;max-width:61ch;margin:0;font-size:1.05rem;line-height:1.65}.pricing-hero-signal{color:#172238;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;min-height:300px;display:flex;position:relative}.pricing-hero-signal svg{z-index:1;color:var(--coral);margin-bottom:.45rem;position:relative}.pricing-hero-signal strong,.pricing-hero-signal small{z-index:1;position:relative}.pricing-hero-signal strong{font-family:var(--font-geist-mono),monospace;font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1}.pricing-hero-signal small{text-transform:uppercase;letter-spacing:.08em;font-weight:850}.pricing-signal-orbit{border:2px solid #172238;border-radius:50%;position:absolute}.pricing-signal-orbit-one{background:#fffdf4b8;width:235px;height:235px;box-shadow:9px 9px #f26c5e59}.pricing-signal-orbit-two{border-color:#17223866;width:290px;height:125px;transform:rotate(-18deg)}.pricing-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.pricing-cause-band{background:linear-gradient(120deg,#f5ad964d,transparent 48%),var(--surface);border:2px solid #172238;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(1.2rem,3vw,1.8rem);display:grid;box-shadow:7px 7px #c96f5838}.pricing-cause-icon{background:#fff0e9;border:2px solid #172238;border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.pricing-cause-band .pill{width:fit-content}.pricing-cause-band h2{max-width:29ch;margin-top:.4rem;font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.08}.pricing-cause-band p:not(.pill){max-width:70ch;color:var(--muted);margin:.45rem 0 0}.pricing-value-card{background:var(--surface);border:2px solid #172238;border-radius:8px;align-content:start;gap:.8rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative;box-shadow:7px 7px #1722381f}.pricing-value-core{border-top:9px solid var(--mango)}.pricing-value-ai{border-top:9px solid var(--primary)}.pricing-value-icon{background:var(--surface-soft);width:48px;height:48px;color:var(--primary-strong);border:2px solid #172238;border-radius:50%;place-items:center;display:grid;position:absolute;top:1.3rem;right:1.3rem}.pricing-value-core .pricing-value-icon{color:#76590c;background:#fff7b8}.pricing-value-card>.pill{width:fit-content;margin-right:3.5rem}.pricing-value-card h2{max-width:17ch;font-size:clamp(1.55rem,3vw,2.2rem);font-weight:900;line-height:1.08}.pricing-value-price{font-family:var(--font-geist-mono),monospace;color:var(--text);margin:.35rem 0 0;font-size:clamp(3.2rem,7vw,5.4rem);font-weight:900;line-height:.9}.pricing-value-cadence{color:var(--muted);margin:-.25rem 0 0;font-weight:750}.pricing-value-card ul{gap:.62rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.pricing-value-card li{color:var(--muted);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem;display:grid}.pricing-value-card li svg{color:var(--success);stroke-width:3px;margin-top:.15rem}.pricing-rate-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.pricing-rate-grid>div{border:1px solid var(--line-strong);background:var(--surface-soft);border-radius:7px;gap:.25rem;min-width:0;padding:.72rem;display:grid}.pricing-rate-grid strong{font-family:var(--font-geist-mono),monospace;font-size:1.05rem}.pricing-rate-grid span{color:var(--muted);font-size:.75rem;line-height:1.25}.pricing-calculator-section{gap:1.25rem;padding-top:1rem;scroll-margin-top:1rem;display:grid}.pricing-section-heading{border-bottom:2px solid var(--text);justify-content:space-between;align-items:end;gap:2rem;padding-bottom:.8rem;display:flex}.pricing-section-heading>div{gap:.5rem;display:grid}.pricing-section-heading .pill{width:fit-content}.pricing-section-heading h2{letter-spacing:-.035em;max-width:16ch;font-size:clamp(2rem,4.2vw,3.5rem);font-weight:900;line-height:1}.pricing-section-heading>p{max-width:47ch;color:var(--muted);margin:0}.pricing-calculator-shell{grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);align-items:start;gap:1rem;display:grid}.pricing-calculator-controls,.pricing-estimate-card{background:var(--surface);border:2px solid #172238;border-radius:8px;box-shadow:7px 7px #1722381f}.pricing-calculator-controls{padding:clamp(1.2rem,3vw,2rem)}.pricing-calculator-intro{gap:.5rem;margin-bottom:1.1rem;display:grid}.pricing-calculator-intro .pill{width:fit-content}.pricing-calculator-intro h3{font-size:1.65rem;line-height:1.1}.pricing-calculator-intro>p:not(.pill){color:var(--muted);margin:0}.pricing-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.pricing-control{border:1px solid var(--line);background:var(--background);border-radius:8px;min-width:0;padding:.9rem}.pricing-control-heading{justify-content:space-between;align-items:baseline;gap:.7rem;display:flex}.pricing-control label{font-weight:850}.pricing-control output{font-family:var(--font-geist-mono),monospace;color:var(--primary-strong);flex:none;font-size:.78rem;font-weight:700}.pricing-control input[type=range]{width:100%;min-height:34px;accent-color:var(--primary);cursor:pointer;margin:.45rem 0 .2rem}.pricing-control input[type=range]:focus-visible{outline:3px solid var(--mango);outline-offset:3px}.pricing-control>p{min-height:2.4em;color:var(--muted);margin:0;font-size:.78rem;line-height:1.35}.pricing-estimate-card{position:sticky;top:1rem;overflow:hidden}.pricing-estimate-head{color:#fffdf4;background:#172238;padding:1.4rem;display:grid}.pricing-estimate-head>span{letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:850}.pricing-estimate-head strong{font-family:var(--font-geist-mono),monospace;color:#fff552;margin-top:.35rem;font-size:clamp(2.7rem,6vw,4.6rem);line-height:1}.pricing-estimate-head small{color:#d8e2ee;margin-top:.25rem}.pricing-estimate-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.pricing-estimate-stats>div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:.1rem;padding:.85rem 1rem;display:grid}.pricing-estimate-stats>div:nth-child(2n){border-right:0}.pricing-estimate-stats dt{color:var(--muted);font-size:.72rem}.pricing-estimate-stats dd{font-family:var(--font-geist-mono),monospace;margin:0;font-size:1.1rem;font-weight:800}.pricing-receipt{gap:.55rem;padding:1rem;display:grid}.pricing-receipt>div{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.84rem;display:flex}.pricing-receipt>div span:last-child{font-family:var(--font-geist-mono),monospace;color:var(--text);flex:none;font-weight:700}.pricing-receipt .pricing-receipt-total{border-top:2px solid var(--text);color:var(--text);margin-top:.15rem;padding-top:.75rem;font-weight:900}.pricing-estimate-note,.pricing-estimate-fineprint{border-radius:7px;margin:0 1rem 1rem;padding:.75rem;font-size:.78rem;line-height:1.45}.pricing-estimate-note{color:var(--text);background:#3ebf8a1f;border:1px solid #3ebf8a80;font-weight:750}.pricing-estimate-fineprint{color:var(--muted);background:var(--background)}.pricing-principles{gap:1rem;display:grid}.pricing-principle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.pricing-principle-grid article{border:1px solid var(--line-strong);border-left:6px solid var(--mint);background:var(--surface);border-radius:8px;padding:1rem}.pricing-principle-grid strong{font-size:1.02rem}.pricing-principle-grid p{color:var(--muted);margin:.35rem 0 0;font-size:.88rem}.pricing-district-band{background:linear-gradient(120deg,#8d77d829,transparent 42%),var(--surface);border:2px solid #172238;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:clamp(1.2rem,3vw,1.8rem);display:grid;box-shadow:7px 7px #8d77d840}.pricing-district-icon{color:#5b47a8;background:#e7ddff;border:2px solid #172238;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.pricing-district-band .pill{width:fit-content}.pricing-district-band h2{margin-top:.4rem;font-size:clamp(1.45rem,2.8vw,2.15rem)}.pricing-district-band p:not(.pill){max-width:70ch;color:var(--muted);margin:.35rem 0 0}.pricing-rollout-note{max-width:78ch;color:var(--muted);text-align:center;margin:1.2rem auto 0;font-size:.8rem}.pricing-page .btn:focus-visible,.pricing-page a:focus-visible{outline:3px solid var(--mango);outline-offset:4px}html.dark .pricing-hero{border-color:var(--line-strong);background:linear-gradient(135deg,#192333 0 46%,#17374a 46% 72%,#3d351f 72% 100%);box-shadow:10px 10px #0000004d}html.dark .pricing-hero h1,html.dark .pricing-hero-copy>p:not(.pill),html.dark .pricing-hero-signal{color:var(--text)}html.dark .pricing-signal-orbit{border-color:var(--line-strong)}html.dark .pricing-signal-orbit-one{background:#101722c2}html.dark .pricing-value-card,html.dark .pricing-calculator-controls,html.dark .pricing-estimate-card,html.dark .pricing-principle-grid article,html.dark .pricing-cause-band,html.dark .pricing-district-band{border-color:var(--line-strong);background-color:var(--surface);color:var(--text);box-shadow:7px 7px #00000038}html.dark .pricing-value-core{border-top-color:var(--mango)}html.dark .pricing-value-ai{border-top-color:var(--primary)}html.dark .pricing-value-core .pricing-value-icon,html.dark .pricing-cause-icon,html.dark .pricing-district-icon{border-color:var(--line-strong);background:var(--surface-muted);color:var(--mango)}html.dark .pricing-value-ai .pricing-value-icon{border-color:var(--line-strong);background:var(--primary-soft)}html.dark .pricing-control{background:var(--surface-soft)}html.dark .pricing-estimate-head{background:#09111d}@media (max-width:900px){.pricing-hero,.pricing-calculator-shell{grid-template-columns:1fr}.pricing-hero-signal{min-height:250px}.pricing-estimate-card{position:static}.pricing-section-heading{flex-direction:column;align-items:start;gap:.75rem}}@media (max-width:720px){.pricing-value-grid,.pricing-principle-grid,.pricing-control-grid,.pricing-rate-grid{grid-template-columns:1fr}.pricing-control>p{min-height:0}.pricing-district-band,.pricing-cause-band{grid-template-columns:auto minmax(0,1fr)}.pricing-cause-band .btn,.pricing-district-band .btn{grid-column:1/-1;width:100%}}@media (max-width:520px){.pricing-page{width:min(100% - 1.2rem,1180px)}.pricing-hero{min-height:0;padding:1.35rem 1rem 1.8rem}.pricing-hero h1{font-size:2.75rem}.pricing-hero-signal{min-height:210px}.pricing-signal-orbit-one{width:180px;height:180px}.pricing-signal-orbit-two{width:220px;height:95px}.pricing-hero .hero-actions .btn{width:100%}.pricing-section-heading h2{font-size:2rem}.pricing-estimate-stats{grid-template-columns:1fr}.pricing-estimate-stats>div,.pricing-estimate-stats>div:nth-child(2n){border-right:0}.pricing-control-heading{flex-direction:column;align-items:start;gap:.15rem}.pricing-cause-band,.pricing-district-band{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.pricing-page,.pricing-page *{scroll-behavior:auto}}.pricing-rate-version{color:var(--muted);font-family:var(--font-geist-mono),monospace;letter-spacing:.02em;margin:-.3rem 0 1rem;font-size:.72rem}.pricing-billing-cta{width:fit-content;margin-top:1.3rem}.billing-page{width:min(1120px,100% - 2rem);padding-bottom:4rem}.billing-hero{border:1px solid var(--line);background:radial-gradient(circle at 92% 18%,var(--accent),transparent 30%),linear-gradient(145deg,var(--surface),var(--surface-soft));border-radius:30px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-top:1.4rem;padding:clamp(1.5rem,4vw,3.6rem);display:grid;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.billing-hero{background:radial-gradient(circle at 92% 18%,color-mix(in srgb,var(--accent)22%,transparent),transparent 30%),linear-gradient(145deg,var(--surface),var(--surface-soft))}}.billing-hero{box-shadow:var(--shadow)}.billing-hero h1{letter-spacing:-.06em;max-width:760px;margin:.65rem 0 .8rem;font-size:clamp(2.35rem,6vw,4.8rem);line-height:.98}.billing-hero>div:first-child>p:last-child{max-width:680px;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.7}.billing-hero-mark{aspect-ratio:1;border:1px solid var(--accent);place-items:center;gap:.65rem;min-width:180px;display:grid}@supports (color:color-mix(in lab, red, red)){.billing-hero-mark{border:1px solid color-mix(in srgb,var(--accent)35%,var(--line))}}.billing-hero-mark{color:var(--accent);background:var(--accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.billing-hero-mark{background:color-mix(in srgb,var(--accent)8%,var(--surface))}}.billing-hero-mark span{color:var(--text);font-weight:800}.billing-panel{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:1rem;margin-top:1.2rem;display:grid}.billing-panel-main,.billing-usage-card,.billing-panel-loading,.billing-panel-error{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:24px}.billing-panel-main{padding:clamp(1.25rem,3vw,2.25rem)}.billing-status-heading{align-items:flex-start;gap:1rem;display:flex}.billing-status-heading h2{letter-spacing:-.04em;margin:.45rem 0;font-size:clamp(1.65rem,3vw,2.4rem)}.billing-status-heading p:last-child,.billing-availability-note{color:var(--muted);margin:0;line-height:1.65}.billing-status-icon{width:52px;height:52px;color:var(--accent);background:var(--accent);border-radius:16px;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.billing-status-icon{background:color-mix(in srgb,var(--accent)12%,var(--surface))}}.billing-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.6rem;display:flex}.billing-action-error{margin:1rem 0 0}.billing-checkout-note{border:1px solid var(--line);color:var(--muted);background:var(--surface-soft);border-radius:12px;margin:0 0 1rem;padding:.75rem .9rem}.billing-checkout-note.is-success{color:var(--success);border-color:var(--success)}@supports (color:color-mix(in lab, red, red)){.billing-checkout-note.is-success{border-color:color-mix(in srgb,var(--success)35%,var(--line))}}.billing-checkout-note.is-success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.billing-checkout-note.is-success{background:color-mix(in srgb,var(--success)8%,var(--surface))}}.billing-availability-note{background:var(--surface-soft);border-radius:12px;margin-top:1rem;padding:.85rem 1rem;font-size:.9rem}.billing-usage-card{color:#fff;background:linear-gradient(150deg,#101827,#17253d 62%,#0f5c65);padding:1.4rem}.billing-usage-card>span,.billing-usage-card>small{color:#b7c7d9;display:block}.billing-usage-card>strong{font-family:var(--font-geist-mono),monospace;letter-spacing:-.07em;margin-top:.25rem;font-size:clamp(2.4rem,5vw,3.5rem);display:block}.billing-usage-card dl{gap:.7rem;margin:1.35rem 0 0;display:grid}.billing-usage-card dl>div{border-top:1px solid #ffffff21;justify-content:space-between;gap:1rem;padding-top:.7rem;display:flex}.billing-usage-card dt{color:#b7c7d9}.billing-usage-card dd{margin:0;font-weight:800}.billing-panel-loading,.billing-panel-error{grid-column:1/-1;align-items:flex-start;gap:.8rem;padding:2rem;display:flex}.billing-panel-error strong,.billing-panel-error p{margin:0 0 .7rem;display:block}.billing-spinner{animation:.9s linear infinite billing-spin}@keyframes billing-spin{to{transform:rotate(360deg)}}.billing-trust-row{color:var(--muted);border:1px solid var(--line);border-radius:16px;align-items:center;gap:.7rem;margin:1rem 0;padding:1rem 1.2rem;display:flex}.billing-trust-row svg{color:var(--accent);flex:none}.billing-trust-row p{margin:0}.billing-back-link{color:var(--muted);align-items:center;gap:.4rem;font-weight:700;text-decoration:none;display:inline-flex}@media (max-width:760px){.billing-hero,.billing-panel{grid-template-columns:1fr}.billing-hero-mark{width:150px;min-width:0}}@media (prefers-reduced-motion:reduce){.billing-spinner{animation:none}}