:root{color:#20252b;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f4f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f4f6;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,.button-link{color:#fff;cursor:pointer;background:#20252b;border:1px solid #20252b;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled),.button-link:hover{background:#3a424b;border-color:#3a424b}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7d9bb8}input{color:#20252b;background:#fff;border:1px solid #aab1b8;border-radius:8px;width:100%;min-height:44px;padding:.65rem .75rem}input[aria-invalid=true]{border-color:#8b2f2f}h1,h2,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);line-height:1.05}h2{margin-bottom:1rem;font-size:1.05rem;line-height:1.25}p{line-height:1.55}.page-shell{width:min(1120px,100% - 2rem);margin:0 auto;padding:3rem 0}.narrow-shell{max-width:680px}.home-shell{place-items:center;min-height:100vh;display:grid}.content-surface,.room-surface{background:#fff;border:1px solid #d9dde2;border-radius:12px}.content-surface{width:100%;padding:clamp(1.5rem,5vw,3rem)}.room-surface{overflow:hidden;box-shadow:0 8px 24px #20252b0f}.home-surface{max-width:640px}.message-surface{padding:2rem}.eyebrow{color:#5d6873;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:700}.lede{color:#5d6873;max-width:34rem;margin-bottom:2rem;font-size:1.08rem}.room-form{gap:.65rem;max-width:28rem;display:grid}.room-form label{font-weight:650}.room-form button{margin-top:.4rem}.form-error{color:#8b2f2f;margin:0;font-size:.9rem}.button-link{margin-top:.75rem}.room-header{border-bottom:1px solid #e4e7ea;justify-content:space-between;align-items:flex-start;gap:2rem;padding:2rem;display:flex}.room-header h1{overflow-wrap:anywhere;margin-bottom:0}.user-summary{color:#5d6873;text-align:right;gap:.25rem;min-width:10rem;font-size:.9rem;display:grid}.user-summary strong{color:#20252b;font-size:1rem}.room-grid{background:#e4e7ea;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:1px;display:grid}.room-main,.room-sidebar{background:#e4e7ea;align-content:start;gap:1px;display:grid}.panel,.logout-area{background:#fff;padding:1.5rem}.panel-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.panel-heading>span{color:#5d6873;font-variant-numeric:tabular-nums}.status-message{margin-bottom:.75rem;font-weight:650}.ready-details p:last-child{color:#5d6873;margin-bottom:0}.playback-panel{gap:1rem;display:grid}.video-frame{background:#111;border:1px solid #d9dde2;border-radius:8px;overflow:hidden}.watch-video{background:#111;width:100%;max-height:70vh;display:block}.playback-status,.playback-qualities{margin:0}.playback-controls{gap:.75rem;display:grid}.playback-control-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.playback-control-field{flex-wrap:wrap;flex:14rem;align-items:flex-end;gap:.5rem;display:flex}.playback-control-field label{flex-basis:100%;font-weight:650}.playback-control-field input{flex:8rem;min-width:8rem}.playback-control-message{color:#8b2f2f;margin:0}.playback-status{color:#5d6873}.summary-list,.participant-details{gap:.85rem;margin:0;display:grid}.summary-list>div,.participant-details>div{justify-content:space-between;gap:1rem;display:flex}dt{color:#5d6873}dd{text-align:right;overflow-wrap:anywhere;margin:0;font-weight:600}.participant-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.participant{border:1px solid #e0e4e8;border-radius:8px;padding:1rem}.participant-id{overflow-wrap:anywhere;margin-bottom:.85rem;font-weight:700}.participant-details{gap:.5rem;font-size:.9rem}.logout-area{gap:.75rem;display:grid}.secondary-button{color:#20252b;background:#fff;border-color:#aab1b8}.secondary-button:hover:not(:disabled){background:#f3f4f6;border-color:#5d6873}@media (width<=879px){.room-grid{grid-template-columns:1fr}}@media (width<=640px){.page-shell{width:min(100% - 1rem,1120px);padding:1rem 0}.room-header{gap:1.25rem;padding:1.25rem;display:grid}.user-summary{text-align:left;min-width:0}.panel,.logout-area{padding:1.25rem}.summary-list>div,.participant-details>div{align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.subtitle-controls{border-top:1px solid var(--border-color);gap:.9rem;padding-top:1rem;display:grid}.subtitle-controls h3,.subtitle-controls h4{margin:0}.subtitle-control-grid,.subtitle-upload-form{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.subtitle-control-grid label,.subtitle-upload-form label{gap:.35rem;display:grid}.subtitle-upload-form h4,.subtitle-host-actions,.subtitle-message{grid-column:1/-1}.subtitle-host-actions{flex-wrap:wrap;gap:.6rem;display:flex}.subtitle-message{margin:0}.watch-video.subtitle-size-small::cue{font-size:75%}.watch-video.subtitle-size-medium::cue{font-size:100%}.watch-video.subtitle-size-large::cue{font-size:135%}.watch-video.subtitle-color-white::cue{color:#fff}.watch-video.subtitle-color-yellow::cue{color:#fff176}.watch-video.subtitle-background-dark::cue{background:#000000c7}.watch-video.subtitle-background-shadow::cue{text-shadow:0 1px 2px #000,0 0 4px #000;background:0 0}.watch-video.subtitle-background-none::cue{text-shadow:none;background:0 0}