:root{--sr-orange:#ff6a13;--sr-orange-deep:#d9480a;--sr-ink:#0c0c0f;--sr-paper:#fff8ec;--sr-bg:var(--sr-paper);--sr-fg:var(--sr-ink);--sr-card:#fff;--sr-muted:#4a4a52;--sr-rule:var(--sr-ink);--sr-shadow:var(--sr-ink);--sr-snap:cubic-bezier(.2, .9, .1, 1.15);--background:var(--sr-paper);--surface:#fff;--surface-soft:#fff1e0;--surface-muted:#f6ead6;--text:var(--sr-ink);--muted:var(--sr-muted);--line:var(--sr-ink);--line-strong:var(--sr-ink);--primary:#c2410c;--primary-strong:#9a3412;--primary-soft:#ffe7d4;--primary-soft-border:var(--sr-orange);--mascot-orange:var(--sr-orange);--mango:var(--sr-orange);--radius-lg:0;--radius-md:0;--radius-sm:0;--shadow-1:4px 4px 0 var(--sr-ink);--shadow-2:7px 7px 0 var(--sr-ink);--house-ink:var(--sr-ink);--house-blue-shadow:var(--sr-ink);--house-coral-shadow:var(--sr-ink);--house-mint-shadow:var(--sr-ink);--house-mango-shadow:var(--sr-ink)}html.dark{--sr-bg:#050506;--sr-fg:var(--sr-paper);--sr-card:#111114;--sr-muted:#b9b4ab;--sr-rule:var(--sr-paper);--sr-shadow:var(--sr-orange);--background:#050506;--surface:#111114;--surface-soft:#1a130d;--surface-muted:#1b1b1f;--text:var(--sr-paper);--muted:#b9b4ab;--line:#d8d2c6;--line-strong:var(--sr-paper);--primary:var(--sr-orange);--primary-strong:#ff8a45;--primary-soft:#2a1206;--primary-soft-border:var(--sr-orange);--shadow-1:4px 4px 0 var(--sr-orange);--shadow-2:7px 7px 0 var(--sr-orange);--house-ink:var(--sr-paper);--house-blue-shadow:var(--sr-orange);--house-coral-shadow:var(--sr-orange);--house-mint-shadow:var(--sr-orange);--house-mango-shadow:var(--sr-orange)}:root body{color:var(--sr-fg);background:radial-gradient(color-mix(in srgb, var(--sr-fg) 9%, transparent) 1.1px, transparent 1.5px) 0 0 / 14px 14px, var(--sr-bg)}:root .site-shell :focus-visible{outline:3px solid var(--sr-orange);outline-offset:3px}:root .site-shell ::selection{color:var(--sr-ink);background:var(--sr-orange)}:root .site-shell main :is(h1,h2,.surface-title){font-family:var(--font-display), "Impact", sans-serif;letter-spacing:.01em;text-transform:uppercase;font-weight:400;line-height:1}:root .site-shell main h2{font-size:clamp(1.25rem,2.4vw,1.7rem)}:root .site-shell main :is(.pill,.teacher-section-label,.label,.form-label-top,.field-meta){font-family:var(--font-geist-mono), monospace;letter-spacing:.04em}:root .site-shell main a:not(.btn):not([class*=hx-]){text-underline-offset:3px;text-decoration-thickness:2px}:root .site-shell .brand-bar{border-bottom:0;padding-block:.3rem}:root .site-shell .brand-text{font-family:var(--font-display), "Impact", sans-serif;text-transform:uppercase;color:var(--sr-paper);background:var(--sr-ink);box-shadow:3px 3px 0 var(--sr-orange);padding:.02em .25em 0;font-size:1.5rem;font-weight:400;transform:skew(-10deg)}:root .site-shell .brand-context{font-family:var(--font-geist-mono), monospace;color:var(--sr-ink);background:var(--sr-orange);border:0;border-radius:0;padding:.25rem .6rem;font-weight:700;transform:skew(-10deg)}:root .site-shell .brand-mark{box-shadow:none;filter:drop-shadow(2px 2px 0 var(--sr-ink));background:0 0;border:0;transform:rotate(-8deg)}:root .site-shell .theme-toggle{border:2px solid var(--sr-rule);color:var(--sr-fg);background:var(--sr-card);box-shadow:none;border-radius:0;transform:rotate(45deg)scale(.86)}:root .site-shell .theme-toggle svg{transform:rotate(-45deg)}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage){isolation:isolate;color:var(--sr-paper);background:var(--sr-ink);border:3px solid var(--sr-ink);box-shadow:10px 10px 0 var(--sr-orange);clip-path:polygon(0 0,100% 0,100% 100%,1.4rem 100%,0 calc(100% - 1.4rem));border-radius:0;position:relative;overflow:hidden}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage):before{content:"";z-index:-1;opacity:1;background:var(--sr-orange);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);width:auto;height:auto;box-shadow:none;border:0;border-radius:0;animation:none;display:block;position:absolute;inset:-20% -5% -20% 66%;transform:none}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage):after{content:"";z-index:-2;opacity:1;background:var(--sr-paper);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);width:auto;height:auto;box-shadow:none;border:0;border-radius:0;animation:none;display:block;position:absolute;inset:-20% -5% -20% calc(66% - 1.1rem);transform:none}:root:root:root .site-shell :is(.audience-hero,.student-public-hero,.billing-hero,.site-stage):before{inset:-20% -5% -20% 58%}:root:root:root .site-shell :is(.audience-hero,.student-public-hero,.billing-hero,.site-stage):after{inset:-20% -5% -20% calc(58% - 1.1rem)}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage) h1{width:fit-content;max-width:100%;font-family:var(--font-display), "Impact", sans-serif;letter-spacing:.01em;text-transform:uppercase;text-shadow:none;color:var(--sr-ink);background:var(--sr-paper);-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;box-shadow:.08em .08em 0 var(--sr-orange);transform-origin:0;padding:.05em .22em 0;font-weight:400;line-height:.98;transform:rotate(-1.5deg)}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage) :is(p:not(.pill),.meta,dd,dt,li){color:color-mix(in srgb, var(--sr-paper) 84%, transparent)}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage) .pill{color:var(--sr-ink);background:var(--sr-orange);font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,100% 8%,97% 100%,2% 90%);border:0;border-radius:0}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage) img{filter:drop-shadow(6px 6px 0 var(--sr-ink))}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage) a:not(.btn){color:var(--sr-paper)}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage) .btn-ghost{color:var(--sr-paper);border-color:var(--sr-paper);box-shadow:5px 5px 0 var(--sr-orange);background:0 0}:root:root:root .site-shell .hero:before{inset:-20% -5% -20% 84%}:root:root:root .site-shell .hero:after{inset:-20% -5% -20% calc(84% - 1.1rem)}:root:root:root .site-shell .hero>*{max-width:min(100%,44rem)}:root .site-shell .student-public-copy:before,:root .site-shell .student-public-mascot:before{display:none}:root .site-shell .page-wrap:has(.student-public-hero):before{display:none}:root .site-shell .student-public-hero{min-height:0;padding:clamp(1.5rem,4vw,3rem)}:root .site-shell .student-public-copy h1{text-shadow:none}:root .site-shell .student-public-copy{max-width:58%}:root .site-shell .audience-hero-index{color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--sr-paper) 30%, transparent);font-family:var(--font-display), "Impact", sans-serif;opacity:1;font-weight:400}:root .site-shell :is(.audience-hero-sticker,.student-public-pop){border:2px solid var(--sr-ink);color:var(--sr-ink);background:var(--sr-paper);box-shadow:4px 4px 0 var(--sr-ink);font-family:var(--font-geist-mono), monospace;text-transform:uppercase;border-radius:0}:root .site-shell :is(.card,.panel,.panel-subtle,.audience-info-card,.audience-band,.pricing-value-card,.pricing-card,.faq-card,.unsubscribe-card,.about-founder-section,.about-company-section,.about-family-section,.about-principle,.roster-class-grid>*,.dense-row,.form-shell){color:var(--sr-fg);background:var(--sr-card);border:3px solid var(--sr-rule);box-shadow:6px 6px 0 var(--sr-shadow);border-radius:0}:root .site-shell :is(.card,.panel,.panel-subtle,.audience-info-card,.pricing-value-card,.pricing-card,.legal-section,.about-founder-section,.about-company-section,.about-family-section):before{display:none}:root .site-shell :is(.card,.panel) :is(.card,.panel,.panel-subtle,.dense-row){box-shadow:3px 3px 0 color-mix(in srgb, var(--sr-shadow) 70%, transparent);border-width:2px}:root .site-shell .dense-row{box-shadow:4px 4px 0 var(--sr-shadow);border-width:2px}:root .site-shell :is(.audience-info-card,.about-principle)>svg{box-sizing:content-box;color:var(--sr-ink);background:var(--sr-orange);padding:.4rem;transform:rotate(-6deg)}:root .site-shell :is(.audience-info-card,.faq-card,.pricing-value-card){transition:transform .2s var(--sr-snap)}:root .site-shell :is(.audience-info-card,.pricing-value-card):hover{transform:translate(-2px,-2px)rotate(-.4deg)}:root .site-shell .page-wrap .audience-info-card{border-left:3px solid var(--sr-rule);box-shadow:6px 6px 0 var(--sr-shadow)}:root .site-shell .audience-band{border-left:10px solid var(--sr-orange)}:root .site-shell .faq-card[open]{border-left:8px solid var(--sr-orange)}:root .site-shell .faq-summary{font-weight:800}:root .site-shell .faq-summary:after{color:var(--sr-orange-deep)}:root .site-shell .legal-section{border:0;border-left:6px solid var(--sr-orange);box-shadow:none;background:0 0;border-radius:0;padding-left:1rem}:root .site-shell .btn{border:2.5px solid var(--sr-rule);letter-spacing:.04em;text-transform:uppercase;transition:transform .18s var(--sr-snap), box-shadow .18s var(--sr-snap), background .15s;border-radius:0;font-weight:900;transform:skew(-10deg)}:root .site-shell .btn:hover:not(:disabled){transform:skew(-10deg)translate(-2px,-2px)}:root .site-shell .btn:active:not(:disabled){box-shadow:2px 2px 0 var(--sr-rule);transform:skew(-10deg)translate(1px,1px)}:root .site-shell .btn-primary{color:var(--sr-ink);background:var(--sr-orange);border-color:var(--sr-ink);box-shadow:5px 5px 0 var(--sr-rule)}:root .site-shell .btn-primary:hover:not(:disabled){color:var(--sr-ink);background:#ff7d33}:root .site-shell .btn-ghost{color:var(--sr-fg);background:var(--sr-card);border-color:var(--sr-rule);box-shadow:5px 5px 0 var(--sr-orange)}:root .site-shell .btn-ghost:hover:not(:disabled){color:var(--sr-fg);background:var(--sr-card)}:root .site-shell .btn-danger{color:#fff;background:var(--danger);border-color:var(--sr-ink);box-shadow:5px 5px 0 var(--sr-rule)}:root .site-shell .btn-sm{box-shadow:3px 3px 0 var(--sr-orange)}:root .site-shell .btn-primary.btn-sm{box-shadow:3px 3px 0 var(--sr-rule)}:root .site-shell .pill{font-family:var(--font-geist-mono), monospace;letter-spacing:.04em;text-transform:uppercase;border-radius:0}:root .site-shell .notice{border:2.5px solid var(--sr-rule);box-shadow:4px 4px 0 color-mix(in srgb, var(--sr-shadow) 60%, transparent);border-left-width:8px;border-radius:0}:root .site-shell :is(.input,.textarea,.toolbar-input,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])){border:2.5px solid var(--sr-rule);color:var(--sr-fg);background:var(--sr-card);box-shadow:3px 3px 0 color-mix(in srgb, var(--sr-shadow) 35%, transparent);border-radius:0}:root .site-shell :is(.input,.textarea,.toolbar-input,select,textarea,input):focus{border-color:var(--sr-orange);box-shadow:4px 4px 0 var(--sr-orange);outline:0}:root .site-shell :is(input[type=checkbox],input[type=radio]){accent-color:var(--sr-orange)}:root .site-shell .table-scroll{border:3px solid var(--sr-rule);box-shadow:6px 6px 0 var(--sr-shadow);background:var(--sr-card);border-radius:0}:root .site-shell .data-table th{font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-paper);background:var(--sr-ink);border-color:var(--sr-ink);font-size:.72rem}html.dark .site-shell .data-table th{color:var(--sr-ink);background:var(--sr-orange)}:root .site-shell .data-table tbody tr:hover{background:color-mix(in srgb, var(--sr-orange) 12%, transparent)}:root .site-shell .site-footer{color:var(--sr-paper);background:var(--sr-ink);border-top:4px solid var(--sr-orange)}:root .site-shell .site-footer a{color:var(--sr-paper)}:root .site-shell .site-footer a:hover{color:var(--sr-orange)}@media (max-width:720px){:root .site-shell .student-public-copy{max-width:100%}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage):before{inset:62% -30% -20% 62%}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage) h1{font-size:clamp(2rem,9vw,3rem)}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage):after{display:none}:root:root:root .site-shell :is(.hero,.audience-hero,.pricing-hero,.student-public-hero,.billing-hero,.rosters-header,.teacher-class-header,.admin-header,.site-stage){box-shadow:6px 6px 0 var(--sr-orange)}}@media (prefers-reduced-motion:reduce){:root .site-shell :is(.btn,.audience-info-card,.faq-card,.pricing-value-card){transition:none}}:root .site-shell .topbar{box-shadow:none;background:0 0;border:0}:root .site-shell .site-stage [class*=heroEcho]{color:#0000;-webkit-text-stroke:2px color-mix(in srgb, var(--sr-paper) 22%, transparent);opacity:1}:root .site-shell .about-founder-photo{aspect-ratio:1;object-fit:cover;border:3px solid var(--sr-ink);background:var(--sr-paper);width:clamp(88px,12vw,120px);height:auto;box-shadow:6px 6px 0 var(--sr-orange);border-radius:0;padding:0;display:block;transform:rotate(-3deg)}:root:root:root .site-shell :is(.teacher-class-header,.rosters-header){z-index:5;clip-path:none;overflow:visible}:root:root:root .site-shell :is(.teacher-class-header,.rosters-header):before{inset:0 0 0 66%}:root:root:root .site-shell :is(.teacher-class-header,.rosters-header):after{inset:0 0 0 calc(66% - 1.1rem)}:root .site-shell .workspace-more-popover{z-index:30;color:var(--sr-fg);background:var(--sr-card);border:3px solid var(--sr-rule);border-top:6px solid var(--sr-orange);box-shadow:6px 6px 0 var(--sr-shadow);border-radius:0}:root:root:root .site-shell .teacher-class-header :is(span,small,.meta){color:color-mix(in srgb, var(--sr-paper) 80%, transparent)}:root:root:root:root .site-shell .workspace-more-popover,:root:root:root:root .site-shell .workspace-more-popover :is(a,button,span,small,strong,p){color:var(--sr-fg)}:root:root:root:root .site-shell .workspace-more-popover :is(a,button):hover{color:var(--sr-ink);background:var(--sr-orange)}:root:root:root:root .site-shell .workspace-more-popover :is(a,button):hover :is(span,small,strong){color:var(--sr-ink)}:root:root:root:root .site-shell .teacher-class-header .workspace-more-trigger{color:var(--sr-paper);background:var(--sr-ink);border-color:var(--sr-paper)}:root .site-shell .recording-review{border-top:2px dashed color-mix(in srgb, var(--sr-fg) 30%, transparent);gap:.7rem;margin-top:1rem;padding-top:.9rem;display:grid}:root .site-shell .recording-review-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}:root .site-shell .recording-review-head h3{align-items:center;gap:.45rem;margin:0;display:flex}:root .site-shell .recording-review-body{gap:.9rem;display:grid}:root .site-shell .recording-review-block{gap:.4rem;display:grid}:root .site-shell .recording-review-block h4,:root .site-shell .recording-review-block summary{font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;cursor:default;margin:0;font-size:.74rem;font-weight:700}:root .site-shell .recording-review-block summary{cursor:pointer}:root .site-shell .recording-review-annotated{background:var(--sr-card);border:2px solid var(--sr-rule);border-left:6px solid var(--sr-orange);padding:.75rem .9rem;line-height:1.75}:root .site-shell .recording-review-annotated p{margin:0 0 .35rem}:root .site-shell .recording-review-annotated del{color:#b42318;text-decoration-thickness:2px}:root .site-shell .recording-review-annotated ins{background:color-mix(in srgb, var(--sr-orange) 22%, transparent);font-weight:800;text-decoration:none}html.dark .site-shell .recording-review-annotated del{color:#ff9ca2}:root .site-shell .recording-review-corrections{gap:.3rem;margin:0;padding-left:1.1rem;display:grid}:root .site-shell .recording-review-tags{flex-wrap:wrap;gap:.35rem;display:flex}:root .site-shell .recording-review-flag{border-left-color:#d97706;align-items:center;gap:.45rem;margin:0;display:flex}:root .site-shell .recording-review-grade{background:color-mix(in srgb, var(--sr-orange) 10%, var(--sr-card));border:2px solid var(--sr-rule);gap:.45rem;padding:.75rem .9rem;display:grid}:root .site-shell .recording-review-grade-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}:root .site-shell .recording-review-grade-head p{align-items:baseline;gap:.35rem;margin:0;display:flex}:root .site-shell .recording-review-score{font-family:var(--font-display), "Impact", sans-serif;font-size:2rem;line-height:1}:root .site-shell .recording-review-criteria{gap:.25rem;margin:0;padding-left:1.1rem;font-size:.92rem;display:grid}:root .site-shell .recording-review-metrics{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.4rem;margin:0;display:grid}:root .site-shell .recording-review-metrics>div{border:2px solid var(--sr-rule);background:var(--sr-card);padding:.45rem .6rem}:root .site-shell .recording-review-metrics dt{font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--sr-muted);font-size:.62rem;font-weight:700}:root .site-shell .recording-review-metrics dd{font-family:var(--font-display), "Impact", sans-serif;margin:.1rem 0 0;font-size:1.35rem}:root:root:root .site-shell .class-level-picker{color:var(--sr-paper);align-items:center;gap:.35rem;display:inline-flex}:root:root:root .site-shell .class-level-picker select{color:var(--sr-ink);background:var(--sr-paper);border:2px solid var(--sr-paper);box-shadow:none;padding:.15rem .4rem;font-size:.8rem}:root:root:root .site-shell .class-level-status{color:color-mix(in srgb, var(--sr-paper) 75%, transparent);font-size:.72rem}:root .site-shell .class-insights{gap:.7rem;margin-top:1rem;display:grid}:root .site-shell .class-insights>summary{cursor:pointer;align-items:center;gap:.4rem;font-weight:800;display:flex}:root .site-shell .class-insights-scope{flex-wrap:wrap;gap:.4rem;display:flex}:root .site-shell .class-insights-body{gap:.6rem;display:grid}:root .site-shell .class-insights-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}:root .site-shell .class-insights-list li{grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}:root .site-shell .class-insights-bar{background:color-mix(in srgb, var(--sr-fg) 12%, transparent);height:.7rem}:root .site-shell .class-insights-bar span{background:var(--sr-orange);height:100%;display:block}:root .site-shell .class-insights-lesson{border:2px solid var(--sr-rule);border-left:6px solid var(--tier-gold,#f4b320);background:var(--sr-card);gap:.45rem;padding:.9rem 1rem;display:grid}:root .site-shell .class-insights-lesson h3,:root .site-shell .class-insights-lesson p{margin:0}@media (max-width:720px){:root .site-shell .class-insights-list li{grid-template-columns:1fr}}
