:root{--ink:#102238;--muted:#617083;--line:#dfe6ed;--paper:#fff;--canvas:#f3f6f8;--navy:#073b4c;--green:#00a868;--green-dark:#008451;--blue:#156ee8;--red:#c93737;--amber:#a56300;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}.topbar{background:var(--navy);color:#fff;justify-content:space-between;align-items:center;min-height:72px;padding:14px clamp(20px,4vw,64px);display:flex;box-shadow:0 2px 10px #10223822}.brand{color:inherit;letter-spacing:-.02em;align-items:center;gap:12px;font-weight:750;text-decoration:none;display:inline-flex}.brand-mark{background:var(--green);color:#fff;letter-spacing:.04em;border-radius:12px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:850;display:grid}.role-pill{border:1px solid #ffffff42;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700}.landing{background:radial-gradient(circle at 50% 15%,#fff 0,#f4f7f8 47%,#e9eff1 100%);flex-direction:column;min-height:100vh;padding:26px clamp(20px,5vw,70px);display:flex}.landing>.brand{color:var(--navy)}.landing>.topbar{margin:-26px calc(-1*clamp(20px,5vw,70px)) 55px}.hero-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:24px;width:min(650px,100%);margin:auto;padding:clamp(30px,6vw,64px);box-shadow:0 24px 70px #16324914}.hero-card.compact{max-width:560px;padding:42px}.role-icon{color:#fff;border-radius:20px;place-items:center;width:72px;height:72px;margin:0 auto 23px;font-size:32px;display:grid}.green{background:var(--green)}.blue{background:var(--blue)!important}.eyebrow{color:var(--green-dark);letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:850}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:-.04em;margin:0;font-size:clamp(30px,5vw,48px);line-height:1.08}h2{letter-spacing:-.025em;margin:0;font-size:24px}h3{margin:0 0 8px}.lead{max-width:520px;color:var(--muted);margin:16px auto 28px;line-height:1.65}.footer-note{text-align:center;color:var(--muted);margin:24px 0 0;font-size:13px}.join-form{text-align:left;gap:10px;display:grid}.join-form label,.field-label{color:var(--ink);font-size:13px;font-weight:750}.form-row,.device-row,.action-row{gap:10px;display:flex}input,select{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #cbd5df;border-radius:9px;outline:none;padding:0 15px}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #00a86820}.join-form input{letter-spacing:.04em;font-size:17px;font-weight:650}button{background:var(--green);color:#fff;white-space:nowrap;border:0;border-radius:9px;min-height:46px;padding:0 20px;font-weight:750}button:hover:not(:disabled){filter:brightness(.95)}button.primary{background:var(--green)}button.secondary{color:var(--ink);background:#fff;border:1px solid #cbd5df}button.danger{background:var(--red)}button.text-danger{width:100%;color:var(--red);background:#fff;border:1px solid #e4b7b7;margin-top:8px}button.full{width:100%;margin-top:14px}.app-shell{min-height:100vh;padding-bottom:50px}.session-heading{justify-content:space-between;align-items:center;gap:20px;max-width:1320px;margin:0 auto;padding:42px clamp(20px,4vw,52px) 26px;display:flex}.session-heading h1{font-size:clamp(28px,4vw,42px)}.session-heading p:not(.eyebrow){color:var(--muted);margin:9px 0 0}.status{color:#526173;text-transform:capitalize;background:#e5eaee;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:750;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:8px;height:8px}.status.is-live{color:#007a4a;background:#d8f7e9}.status.is-live i{animation:1.4s infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 6px #00a86826}}.content-grid,.attendee-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.75fr);align-items:start;gap:20px;max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,52px);display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 8px 28px #17324a0a}.primary-panel{padding:clamp(24px,4vw,38px)}.panel-title{align-items:center;gap:14px;margin-bottom:28px;display:flex}.panel-title p,.panel>p{color:var(--muted);margin:5px 0 0;line-height:1.55}.round-icon{color:#fff;background:var(--green);border-radius:12px;flex:none;place-items:center;width:43px;height:43px;font-size:20px;display:grid}.field-label{margin-bottom:8px;display:block}.meter-wrap{align-items:center;gap:14px;margin:28px 0;display:flex}.meter-wrap strong{width:72px;color:var(--muted);text-align:right;font-size:12px}.meter{background:linear-gradient(90deg,#dce4e7 0 78%,#f1ddd0 78%);border-radius:999px;flex:1;height:12px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg,#00a868,#a6c800 75%,#e37b29);height:100%;transition:width 80ms linear;display:block}.notice{border-radius:9px;flex-direction:column;gap:3px;margin:16px 0;padding:13px 15px;font-size:13px;line-height:1.45;display:flex}.notice.amber{color:#6e4708;background:#fff5dd;border:1px solid #efd49d}.notice.red{color:#872525;background:#fff0f0;border:1px solid #edc0c0}.side-stack{gap:20px;display:grid}.language-list{gap:0;display:grid}.language-list>div{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:center;gap:8px;min-height:47px;display:flex}.language-list>div:last-child{border:0}.tag{color:#526173;background:#edf2f5;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:750}.attendee-grid{grid-template-columns:minmax(0,2fr) minmax(280px,.7fr)}.caption-panel{padding:0;overflow:hidden}.caption-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:22px 25px;display:flex}.caption-toolbar select{width:min(280px,48%)}.caption-stage{background:linear-gradient(155deg,#fff,#f8fafb);flex-direction:column;justify-content:flex-end;height:min(58vh,620px);min-height:390px;padding:clamp(25px,5vw,55px);display:flex;overflow-y:auto}.caption-stage p{margin:0;padding:8px 0}.past-caption{color:#7c8996;font-size:clamp(18px,2.4vw,25px);line-height:1.5}.current-caption{color:var(--ink);letter-spacing:-.025em;font-size:clamp(27px,4vw,45px);font-weight:720;line-height:1.32}.waiting{text-align:center;color:var(--muted);margin:auto}.waiting h3{color:var(--ink);margin-top:20px}.sound-bars{align-items:center;gap:6px;height:52px;display:inline-flex}.sound-bars i{background:var(--blue);border-radius:6px;width:7px;height:24%;animation:1s ease-in-out infinite bars}.sound-bars i:nth-child(2){height:75%;animation-delay:.15s}.sound-bars i:nth-child(3){height:48%;animation-delay:.3s}.sound-bars i:nth-child(4){height:90%;animation-delay:.45s}@keyframes bars{50%{transform:scaleY(1.7)}}.audio-card audio{width:100%}.center-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:15px;display:grid}.spinner{border:3px solid #d7e0e5;border-top-color:var(--green);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:850px){.content-grid,.attendee-grid{grid-template-columns:1fr}.session-heading{padding-top:28px}.caption-stage{height:50vh;min-height:340px}}@media (max-width:560px){.topbar{min-height:64px;padding:10px 17px}.brand-mark{border-radius:10px;width:38px;height:38px}.landing{padding:18px}.landing>.topbar{margin:-18px -18px 30px}.hero-card,.hero-card.compact{border-radius:18px;padding:30px 20px}.form-row,.device-row,.action-row{flex-direction:column}.session-heading{align-items:flex-start}.session-heading .status{flex:none}.panel,.primary-panel{padding:20px}.caption-toolbar{flex-direction:column;align-items:flex-start}.caption-toolbar select{width:100%}.caption-stage{padding:28px 20px}}