@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bb-bg: #08111f;--bb-surface: #0d1b2e;--bb-surface-raised: #15263d;--bb-border: #30455f;--bb-text: #f4f8fc;--bb-text-muted: #b7c7da;--bb-cyan: #59d8e5;--bb-cyan-ink: #071b28;--bb-metal: #cdb991;--bb-danger: #ffa3a3;--bb-focus: #8feaf1;--bb-radius-card: 16px;--bb-radius-control: 10px;--bb-space-1: 4px;--bb-space-2: 8px;--bb-space-3: 12px;--bb-space-4: 16px;--bb-space-6: 24px;--bb-space-8: 32px;--bb-space-12: 48px;--bb-touch-target: 44px;--bb-caption-size: 22px;--bb-navy-900: #071b28;--bb-navy-700: #0d3048;--bb-cyan-600: #59d8e5;--bb-cyan-300: #baf6fb;--bb-white-ice: #f5fbff;--bb-beam-gradient: linear-gradient(90deg, rgba(89,216,229,.95) 0%, rgba(155,234,244,.85) 60%, rgba(186,246,251,.55) 100%)}[data-theme=light]{color-scheme:light;--bb-bg: #f5f8fb;--bb-surface: #ffffff;--bb-surface-raised: #e9f2f7;--bb-border: #b8cbd9;--bb-text: #11253e;--bb-text-muted: #485e74;--bb-cyan: #006b7b;--bb-cyan-ink: #ffffff;--bb-metal: #725b33;--bb-danger: #a31827;--bb-focus: #006b7b}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter Variable,Inter,Segoe UI,sans-serif;color:var(--bb-text);background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(89,216,229,.16),transparent 55%),linear-gradient(180deg,var(--bb-bg) 0%,#0a1828 100%);line-height:1.5}.page{min-height:100vh;display:flex;flex-direction:column}.sim-banner{position:sticky;top:0;z-index:5;padding:.75rem 1.25rem;text-align:center;font-weight:650;letter-spacing:.01em}.sim-banner-simulated,.sim-banner-unknown{background:var(--bb-metal);color:var(--bb-navy-900)}.sim-banner-live{background:var(--bb-surface-raised);color:var(--bb-text);border-bottom:1px solid var(--bb-border)}.site-header,.site-footer,main{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.site-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;padding:1.25rem 0 .5rem}.brand-lockup{display:inline-flex;padding:12px}.site-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}.nav-link,.lang-button,.button{min-height:var(--bb-touch-target);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--bb-radius-control);text-decoration:none;color:var(--bb-text);padding:.4rem .8rem}.nav-link.active,.lang-button.active{color:var(--bb-cyan-300)}.lang-switch{display:inline-flex;gap:.25rem}.lang-button,.button{font:inherit;background:transparent;border:1px solid var(--bb-border);cursor:pointer}.button-primary{background:var(--bb-cyan);color:var(--bb-cyan-ink);border-color:transparent;font-weight:650}.button:disabled{cursor:not-allowed;opacity:.55}.hero,.story,.roles,.price-band,.sheet{padding:2.5rem 0 1rem}.kicker{margin:0 0 .75rem;color:var(--bb-cyan);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}h1,h2,.price-figure{font-family:Palatino,Palatino Linotype,Georgia,serif;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}h1{font-size:clamp(1.9rem,2.8vw,2.45rem);max-width:none}h2{font-size:clamp(1.5rem,2.1vw,1.85rem)}h3{margin:.35rem 0;font-size:1.15rem}.lede,.promise,.fine,.help-list,.sheet p{color:var(--bb-text-muted);max-width:68ch}.lede{font-size:1.15rem}.hero-actions,.control-row,.join-board-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.site-header-minimal{justify-content:space-between}.site-header-minimal .lang-switch{margin-left:auto}.home-main{flex:1;display:flex;flex-direction:column}.hero-simple{padding:4rem 0 3rem;min-height:min(78vh,40rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem}.hero-brand{display:block;margin:0;max-width:min(100%,22rem);height:auto}.start-class-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:4.25rem;padding:1rem 2.75rem;border-radius:.85rem;text-decoration:none;color:#042033;font-family:Palatino,Palatino Linotype,Georgia,serif;font-size:clamp(1.45rem,3.2vw,1.95rem);font-weight:600;letter-spacing:.02em;background:linear-gradient(135deg,#7aecf5 0%,var(--bb-cyan) 42%,#2bb8c9 100%);border:1px solid rgba(255,255,255,.28);box-shadow:0 1px #ffffff59 inset,0 14px 36px #071b2873;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.start-class-cta:hover,.start-class-cta:focus-visible{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 1px #fff6 inset,0 18px 42px #071b2880;outline:2px solid var(--bb-cyan-300);outline-offset:3px}.start-class-cta:active{transform:translateY(0)}.start-class-cta-label{position:relative;z-index:1}.start-class-cta-beam{position:absolute;inset:12% -20% auto auto;width:55%;height:70%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(-18deg);pointer-events:none}.start-class-cta-compact{min-height:3.25rem;padding:.75rem 1.75rem;font-size:clamp(1.1rem,2.2vw,1.35rem)}.how-link{color:var(--bb-cyan-300);text-decoration:none;font-size:1rem;letter-spacing:.02em;border-bottom:1px solid transparent;padding:.35rem 0}.how-link:hover,.how-link:focus-visible{border-bottom-color:var(--bb-cyan-300);outline:none}.how-sheet .how-steps{margin-top:1.5rem}.how-actions{margin-top:2rem}.button-xl{min-height:3.25rem;font-size:1.15rem;padding:.75rem 1.5rem}.legal-disclaimer{margin:1.25rem 0 0;max-width:none;font-size:.62rem;line-height:1.35;letter-spacing:.01em;color:var(--bb-text-muted);opacity:.42;text-align:center}.teacher-boot{display:grid;gap:1rem;justify-items:center;text-align:center;padding:2.5rem .5rem 1rem}.teacher-boot-status{font-family:Palatino,Palatino Linotype,Georgia,serif;font-size:1.35rem;color:var(--bb-cyan-300);margin:0}.teacher-boot-actions{display:grid;gap:.85rem;justify-items:center}.teacher-sheet{background:transparent;border:none;padding:.35rem 0 1.25rem;max-width:28rem}.teacher-live{display:grid;gap:.85rem;align-content:start}.teacher-menubar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;position:sticky;top:0;z-index:4;padding:.15rem 0;background:linear-gradient(180deg,#071420f5 60%,#07142000)}.listener-pill{margin:0;display:inline-flex;align-items:center;max-width:min(14rem,58vw);min-height:1.65rem;padding:.18rem .62rem;border-radius:999px;border:1px solid rgba(89,216,229,.42);background:#59d8e51f;color:var(--bb-cyan-300);font-size:.68rem;font-weight:650;letter-spacing:.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listener-pill-empty{border-color:#8ca8be66;background:#0d1b2eb8;color:var(--bb-text-muted);font-weight:550}.teacher-menubar-corner{position:relative;flex:0 0 auto}.teacher-join{display:grid;gap:.65rem;justify-items:center;text-align:center;padding:.25rem 0 .35rem}.teacher-script{margin:0;max-width:22rem;color:var(--bb-text-muted);font-size:.92rem;line-height:1.35}.teacher-controls{display:grid;gap:.75rem;align-content:start}.teacher-caption{text-align:center}.teacher-caption .caption-live{font-size:clamp(1.2rem,4.2vw,1.55rem)}.button-mic{min-height:3.4rem;width:100%;font-size:1.05rem;font-weight:650}.button-mic.is-live{box-shadow:0 0 0 2px #59d8e559}.button-quiet{border-color:transparent;color:var(--bb-text-muted);background:transparent;min-height:2.5rem}.button-end{width:100%;margin-top:.25rem}.teacher-mic-note,.teacher-inbox-hint{margin:0;color:var(--bb-text-muted);font-size:.85rem;text-align:center}.teacher-type-form{display:grid;gap:.65rem}.teacher-type-form .interpret-text{min-height:4.5rem}.teacher-class-audio{width:100%;max-width:none;opacity:.7}.question-inbox-popover{position:absolute;top:calc(100% + .45rem);right:0;width:min(20.5rem,calc(100vw - 2.5rem));max-height:min(55vh,22rem);overflow:auto;border:1px solid var(--bb-border);border-radius:16px;padding:.85rem;background:#0a1828f7;box-shadow:0 12px 32px #00000059;z-index:6}.teacher-question-sheet{border-left:3px solid var(--bb-cyan);padding:.65rem .85rem;background:#0d1b2eb8;border-radius:0 12px 12px 0;display:grid;gap:.55rem}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;margin:1.5rem 0}.steps li,.role-card,.sheet{background:#0d1b2ee0;border:1px solid var(--bb-border);border-radius:var(--bb-radius-card);padding:1.25rem}.steps span{color:var(--bb-metal);letter-spacing:.14em;font-size:.75rem}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.preview-label{color:var(--bb-metal);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.caption-sample{font-size:var(--bb-caption-size);margin:.25rem 0 0}.caption-label{color:var(--bb-text-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.price-band h2,.price-figure{color:var(--bb-cyan-300)}.stack-form{display:grid;gap:.9rem;max-width:28rem}.stack-form label{display:grid;gap:.35rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.join-name-field{display:grid;gap:.35rem}.join-name-row{display:flex;align-items:stretch;gap:.55rem}.join-name-input{flex:1 1 auto;min-width:0;width:100%}.gender-icon-row{display:flex;flex:0 0 auto;align-items:stretch;gap:.4rem}.gender-icon-button{font:inherit;width:var(--bb-touch-target);min-width:var(--bb-touch-target);min-height:var(--bb-touch-target);height:100%;border-radius:var(--bb-radius-control);border:1px solid var(--bb-border);background:var(--bb-bg);color:var(--bb-text-muted);cursor:pointer;display:inline-grid;place-items:center;padding:.25rem;transition:border-color .12s ease,background-color .12s ease,color .12s ease,box-shadow .12s ease}.gender-icon-button:hover{border-color:var(--bb-cyan);color:var(--bb-cyan-300)}.gender-icon-button.active{border-color:var(--bb-cyan);color:var(--bb-cyan-ink);background:var(--bb-cyan);box-shadow:0 0 0 2px #59d8e559}.gender-person-icon{display:block}input,textarea{min-height:var(--bb-touch-target);border-radius:var(--bb-radius-control);border:1px solid var(--bb-border);background:var(--bb-bg);color:var(--bb-text);font:inherit;padding:.5rem .75rem}.interpret-text{min-height:6.5rem;resize:vertical;width:100%}.help-list{padding-left:1.2rem}.site-footer{margin-top:auto;padding:2rem 0 2.5rem;color:var(--bb-text-muted)}.site-footer p{margin:.2rem 0}.phase-line,.status-line{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.class-sheet,.class-console,.class-console .stack-form{max-width:none}.class-sheet{padding-top:1rem}.class-console{display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:1.5rem}.join-board,.class-stage{display:grid;gap:.9rem;align-content:start}.join-code{font-family:Palatino,Palatino Linotype,Georgia,serif;font-size:clamp(2.6rem,11vw,3.6rem);font-variant-numeric:tabular-nums;letter-spacing:.08em;line-height:.95;margin:0;color:var(--bb-cyan-300)}.qr-card{background:#fff;border-radius:18px;padding:.65rem;width:fit-content}.qr-card img{display:block;width:min(200px,52vw);height:auto;aspect-ratio:1}.caption-live{font-size:clamp(1.6rem,3vw,2rem);line-height:1.35;margin:.25rem 0 0;color:var(--bb-text)}.private-cue{border-left:3px solid var(--bb-metal);padding-left:.85rem}.button-line{justify-content:flex-start;text-align:left;width:100%;background:var(--bb-surface-raised);border-color:var(--bb-cyan)}.button-danger{border-color:var(--bb-danger);color:var(--bb-danger)}.end-confirm{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.question-badge{position:relative;margin:0;min-width:2.75rem;min-height:2.75rem;padding:0;border-radius:999px;border:1px solid var(--bb-border);background:var(--bb-surface-raised);color:var(--bb-cyan-300);cursor:pointer;display:inline-grid;place-items:center}.question-badge.has-unread{border-color:var(--bb-cyan);color:var(--bb-cyan)}.question-badge-count{position:absolute;top:-.2rem;right:-.2rem;min-width:1.4rem;height:1.4rem;padding:0 .3rem;border-radius:999px;background:var(--bb-cyan);color:var(--bb-cyan-ink);font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.question-inbox{border:1px solid var(--bb-border);border-radius:16px;padding:1rem;background:#0d1b2ee0}.question-list{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.55rem}.question-preview{display:block;margin-top:.25rem;color:var(--bb-text-muted);font-weight:400}.button-unread{border-color:var(--bb-cyan)}.new-tag{margin-left:.5rem;color:var(--bb-cyan);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.reading-light{background:#f7fbff;color:#11253e;border-radius:16px;padding:1rem 1.1rem}.reading-light .caption-live,.reading-light .caption-sample{color:#11253e}.reading-light .caption-label,.reading-light .fine{color:#485e74}.reading-dark{padding:.25rem 0}.sent-line{display:block;margin-top:.25rem}audio{width:min(100%,28rem)}:focus-visible{outline:3px solid var(--bb-focus);outline-offset:3px}@media(max-width:800px){.steps,.role-grid,.class-console{grid-template-columns:1fr}.site-nav{margin-left:0}.site-header-minimal{padding-top:.65rem;padding-bottom:.15rem}.site-header-minimal .brand-lockup{padding:4px}.site-header-minimal .brand-lockup img,.site-header-minimal .brand-lockup svg{max-height:52px;width:auto}}@media(min-width:801px){.teacher-sheet{max-width:34rem}.join-code{font-size:clamp(3rem,5vw,4rem)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}