@font-face{font-family:ScillaSystem;src:local("Avenir Next"),local("Segoe UI");font-display:swap}
:root{color-scheme:dark;--bg:#09090e;--panel:#12121c;--line:#292934;--ink:#f6f3ef;--muted:#a6a4b4;--violet:#b3a1fa;--yellow:#ffd544;--green:#8dddbe}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 5%,#211a351f,transparent 55%),var(--bg);color:var(--ink);font-family:ScillaSystem,"Segoe UI",Arial,sans-serif;font-size:16px}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}[hidden]{display:none!important}.header{max-width:1400px;margin:auto;padding:12px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;gap:24px}.brand{display:block;width:230px;height:75px;overflow:hidden;flex-shrink:0}.brand img{width:230px;height:112px;object-fit:contain;transform:translateY(-18px)}.header-note{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:10px}.spark{width:7px;height:7px;border-radius:50%;background:var(--yellow)}.demo-tag{font-size:10px;letter-spacing:2px;color:var(--violet);padding:10px 13px;border:1px solid #6e5f9844;border-radius:40px}main{max-width:1400px;margin:auto;padding:0 40px}.intro-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;padding:43px 0 35px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--violet);margin:0 0 16px}h1{font-size:clamp(32px,3.8vw,54px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin:0}h1 em{font-style:normal;color:var(--violet)}.hero-note{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 5px}.hero-note strong{font-weight:500;color:var(--ink)}.experience{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.classroom{min-width:0}.stage{position:relative;aspect-ratio:16/9;background:#10101c;border:1px solid #393243;border-radius:18px;overflow:hidden;isolation:isolate}.studio{position:absolute;inset:0;background:url('/assets/studio.jpg') center/cover}#teacher{width:100%;height:100%;display:block}#welcome{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;background:#09090e;z-index:2}.film-play{position:absolute;z-index:4;bottom:32px;left:32px;display:flex;align-items:center;gap:14px;color:#fff;border:1px solid #ffffff50;border-radius:70px;padding:10px 24px 10px 10px;background:#13101ccd;backdrop-filter:blur(15px);text-align:left;font-size:16px;font-weight:600;box-shadow:0 8px 40px #0005}.film-play small{display:block;font-size:11px;color:#d3cddd;font-weight:400;margin-top:4px}.play-symbol{width:42px;height:42px;display:grid;place-items:center;background:var(--yellow);color:#181315;border-radius:50%;font-size:14px;padding-left:2px}.stage-top{position:absolute;top:18px;left:20px;right:20px;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.stage-badge,.timer{border:1px solid #ffffff25;background:#111020b8;backdrop-filter:blur(12px);border-radius:24px;padding:8px 12px;color:#f2eff8;font-size:9px;letter-spacing:1.2px}.timer{font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:1px}.stage-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#090712bf;backdrop-filter:blur(7px);z-index:5;padding:20px}.stage-message h2{font-size:22px;font-weight:500;margin:20px 0 5px}.stage-message p{font-size:13px;color:#c0b9d3;max-width:340px;line-height:1.5}.loader{width:30px;height:30px;border-radius:50%;border:2px solid #ffffff20;border-top-color:var(--yellow);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sound-button{position:absolute;z-index:6;bottom:20px;right:20px;border:1px solid #ffffff60;color:white;background:#20172be6;padding:10px 15px;border-radius:30px;font-size:12px}.progress{height:2px;background:#22202b;margin:13px 4px 0;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--yellow);transition:width 1s linear}.status-row{display:flex;align-items:center;gap:8px;min-height:46px;color:var(--muted);font-size:12px}.status-row #status{flex:1}.status-dot{width:6px;height:6px;background:var(--violet);border-radius:50%;flex-shrink:0}.status-dot.live{background:var(--green);box-shadow:0 0 8px #8dddbe66}.text-button{border:0;background:transparent;color:var(--violet);padding:7px 0;font-size:12px;text-align:left}.captions{border:1px solid var(--line);background:#14121e;border-radius:14px;padding:16px 20px;min-height:112px}.caption-label{font-size:9px;letter-spacing:1.8px;color:var(--violet)}#caption{font-size:clamp(16px,1.5vw,21px);line-height:1.5;margin:6px 0 8px;max-height:156px;overflow:auto;overflow-wrap:anywhere;scrollbar-width:thin}.heard{font-size:12px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere;max-height:56px;overflow:auto}.live-controls{display:flex;gap:8px;flex-wrap:wrap;padding-top:12px}.live-controls button,.retry{background:#16141e;color:#e7dfef;border:1px solid #3b354a;padding:10px 15px;border-radius:25px;font-size:12px}.live-controls #mute[aria-pressed=true]{border-color:#dcab6e;color:#f6c78c}.live-controls .end-button{margin-left:auto;color:#e3a6ac;border-color:#634449}.academy{padding:27px 25px 23px;background:linear-gradient(140deg,#1c1828,#121118);border:1px solid #393043;border-radius:18px}.academy h2{font-size:33px;letter-spacing:-1px;line-height:1.08;font-weight:500;margin:0}.academy-note{font-size:12px;color:var(--muted);line-height:1.6;margin:16px 0 21px}.languages{display:flex;flex-direction:column;gap:9px}.language{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 17px;border:1px solid #3d354e;background:#25202e;color:var(--ink);border-radius:12px;text-align:left;transition:transform .2s,border-color .2s,background .2s}.language:hover:not(:disabled){transform:translateX(3px);background:#302638;border-color:#bc9cf1}.language.selected{border-color:var(--yellow);background:#413623}.language-greeting{font-size:23px;line-height:1.1;letter-spacing:-.4px}.language-greeting span{display:block;font-size:10px;letter-spacing:.3px;color:#b3aabe;margin-top:6px}.language-arrow{font-size:21px;color:var(--yellow)}.mic-settings{border-top:1px solid #ffffff13;margin-top:22px;padding-top:18px}.mic-settings label{font-size:11px;display:flex;justify-content:space-between;align-items:center;color:#c9c2d2}.mic-settings select{width:100%;background:#17141e;border:1px solid #3e354b;color:#ded7e7;padding:9px 10px;border-radius:7px;font-size:11px;margin-top:8px}.mic-settings p{color:#9991a7;font-size:10px;line-height:1.5;margin-bottom:0}#micLevel{color:#65566e;font-size:14px}.session-card h3{font-size:29px;font-weight:500;margin:15px 0}.session-card p{font-size:15px;line-height:1.8;color:#cfc4df}.session-card .session-prompt{font-size:12px;color:var(--muted)}.listening-bars{display:flex;gap:6px;height:55px;align-items:center;padding:10px 0}.listening-bars i{width:4px;height:14px;border-radius:5px;background:var(--violet);animation:wave 1.3s ease-in-out infinite}.listening-bars i:nth-child(2){animation-delay:.2s}.listening-bars i:nth-child(3){animation-delay:.4s}.listening-bars i:nth-child(4){animation-delay:.6s}.listening-bars i:nth-child(5){animation-delay:.8s}@keyframes wave{50%{height:33px;background:var(--yellow)}}.error{color:#ffcbc3;font-size:13px;line-height:1.6;background:#391e29;padding:14px;border:1px solid #70404c;border-radius:10px}.little-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #ffffff14;margin-top:38px;padding:28px 0}.little-notes>div{display:flex;gap:15px;align-items:flex-start}.little-notes>div>span{font-size:11px;color:var(--yellow);border:1px solid #65572a;padding:5px 6px;border-radius:50%}.little-notes p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.little-notes strong{display:block;color:#e8e1ed;font-size:12px;font-weight:500}footer{display:flex;justify-content:space-between;gap:20px;padding:14px 0 28px;color:#797281;font-size:10px;letter-spacing:.4px}footer span:first-child{letter-spacing:1.5px}dialog{border:1px solid #554263;background:radial-gradient(circle at 50% 0,#372747,#17121d 80%);color:var(--ink);border-radius:24px;padding:40px;max-width:460px;width:calc(100% - 32px);text-align:center;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#06050cd9;backdrop-filter:blur(10px)}dialog h2{font-size:34px;font-weight:500;margin:17px 0}dialog p{font-size:14px;line-height:1.7;color:#cdc2d6}dialog .eyebrow{font-size:9px;color:var(--violet)}.finish-flower{font-size:60px;color:var(--yellow);margin-bottom:15px}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#bfaed1;font-size:25px}.finish-note{margin:25px 0}.primary{background:var(--yellow);border:0;color:#21192a;padding:15px 20px;border-radius:30px;font-size:13px;font-weight:600}.primary:hover{background:#ffe17a}
@media(min-width:1600px){.experience{grid-template-columns:minmax(0,1fr) 320px}.academy{padding:28px}.language{padding:18px}.hero-note{margin-right:90px}}
@media(max-width:1000px){.header,main{padding-left:24px;padding-right:24px}.experience{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.academy{padding:22px 18px}.hero-note{font-size:12px}h1{font-size:37px}.academy h2{font-size:28px}.language-greeting{font-size:20px}.language{padding:12px}.intro-heading{gap:25px}.header-note{display:none}}
@media(max-width:760px){.header{padding:5px 18px}.brand{width:185px;height:67px}.brand img{width:185px;height:91px;transform:translateY(-12px)}main{padding:0 18px}.intro-heading{padding:28px 0 24px;display:block}.intro-heading .eyebrow{font-size:9px;margin-bottom:12px}h1{font-size:35px;letter-spacing:-1.4px}.hero-note{margin:16px 0 0;font-size:12px;line-height:1.65}.hero-note br{display:none}.hero-note strong{display:block}.experience{grid-template-columns:1fr;gap:20px}.stage{border-radius:13px}.stage-top{top:10px;left:10px;right:10px}.stage-badge{font-size:7px;padding:6px 8px}.film-play{bottom:18px;left:18px;padding:7px 15px 7px 7px;gap:9px;font-size:13px}.film-play small{font-size:9px}.play-symbol{width:34px;height:34px;font-size:12px}.academy{padding:22px}.academy h2 br{display:none}.academy h2{font-size:27px}.academy .eyebrow{margin-bottom:10px}.academy-note{margin:12px 0 17px}.languages{display:grid;grid-template-columns:1fr 1fr;gap:10px}.language{padding:16px}.language-greeting{font-size:23px}.mic-settings{margin-top:18px;padding-top:14px}.little-notes{grid-template-columns:1fr;gap:19px;margin-top:24px;padding-top:24px}.little-notes p{font-size:12px}.little-notes strong{font-size:13px}.session-card p{font-size:13px;line-height:1.6}.session-card h3{margin:0 0 10px}.session-card .listening-bars{height:38px}.session-card .eyebrow{display:none}.status-row{font-size:11px}.text-button{font-size:11px}.captions{padding:13px 16px}#caption{max-height:138px}.live-controls{gap:6px}.live-controls button{font-size:11px;padding:9px 12px}.live-controls .end-button{margin-left:0}footer{line-height:1.5;font-size:9px}footer span:last-child{max-width:160px;text-align:right}.stage-message h2{font-size:19px}.stage-message p{font-size:12px}.sound-button{font-size:10px;padding:8px 11px;bottom:12px;right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

#login{max-width:470px;max-height:90vh;max-height:90dvh;overflow:auto;text-align:left;padding:28px 32px}#login::backdrop{background:#09090ef5;backdrop-filter:blur(18px)}.entry-logo{width:180px;height:78px;object-fit:cover;display:block;margin:-8px auto 20px}#login h2{font-size:31px;margin:12px 0}#login>p{font-size:13px}#entryForm label:not(.consent){display:block;font-size:12px;color:#d4c8e3;margin:15px 0 7px}#entryForm input:not([type=checkbox]){font:inherit;font-size:16px;color:white;display:block;width:100%;background:#0f0b14;border:1px solid #514259;border-radius:9px;padding:13px 12px;min-height:48px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.65;color:#c3b5ce;margin-top:20px}.consent input{width:18px;height:18px;flex-shrink:0;margin:2px 0;accent-color:#d4b461}.entry-privacy{font-size:11px;color:var(--muted);margin:12px 0}.entry-privacy summary{cursor:pointer}.entry-privacy p{font-size:11px;line-height:1.7}.entry-privacy a{color:var(--violet)}#entryForm .primary{width:100%;margin-top:10px;min-height:48px}#entryError{font-size:12px;color:#ffc1ba}#login input:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
@media(max-width:760px){body{padding-bottom:env(safe-area-inset-bottom)}#login{padding:22px 24px;max-height:92vh;max-height:92dvh}.live-controls button{min-height:44px}.text-button{min-height:38px}.sound-button{min-height:40px}.mic-settings select{font-size:16px;min-height:44px}.demo-tag{font-size:8px;letter-spacing:1px}.status-row .text-button{white-space:nowrap}dialog .primary{min-height:48px}.header{padding-top:max(5px,env(safe-area-inset-top))}#login h2{font-size:28px}}