:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#151515;background:#f7f7f5;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit}button,input{font:inherit}.shell{max-width:760px;margin:0 auto;padding:38px 20px 72px}.wide{max-width:960px}.listener{max-width:600px}.listener-home{max-width:620px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.85rem,5vw,2.45rem);letter-spacing:-.035em;margin-bottom:2px}h2{font-size:1.35rem;letter-spacing:-.02em;margin-bottom:8px}h3{font-size:1rem;margin-bottom:5px}.sub,.muted{color:#70706b}.sub{margin:.25rem 0 0}.small{font-size:.84rem;color:#777}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#8b8b84;margin-bottom:6px}.app-header,.room-title-row,.room-toolbar,.section-heading,.meter-label,.state-line{display:flex;align-items:center}.app-header,.room-title-row,.room-toolbar,.section-heading{justify-content:space-between}.app-header{margin-bottom:24px}.env-badge{font-size:.7rem;font-weight:800;letter-spacing:.08em;padding:5px 8px;border-radius:999px;background:#ecece8;color:#686862}.card{background:#fff;border:1px solid #e5e5df;border-radius:20px;padding:22px;margin:16px 0;box-shadow:0 8px 28px rgba(0,0,0,.035)}.compact-card{padding:18px 20px}.control-card{padding:24px}.section-heading{gap:18px;margin:18px 0 12px}.section-heading>p{margin:0;max-width:340px;text-align:right;font-size:.9rem}.compact-heading{margin:0 0 14px}.compact-heading p{margin:0;text-align:left}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border:1px solid #e2e2dc;border-radius:16px;background:#fff;text-decoration:none;transition:transform .12s,border-color .12s,box-shadow .12s}.room-card:hover{transform:translateY(-1px);border-color:#c8c8c0;box-shadow:0 6px 20px rgba(0,0,0,.04)}.room-card strong{display:block;font-size:1.06rem}.room-card small{display:block;color:#777;margin-top:4px}.room-arrow{font-size:1.2rem;color:#8b8b84}.create-room{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}.create-room p{margin-bottom:0}.inline-form{display:flex;gap:8px;min-width:min(100%,400px)}.inline-form input,.auth-box input{width:100%;min-height:44px;border:1px solid #d6d6cf;border-radius:11px;padding:9px 12px;background:#fff}.room-toolbar{margin:2px 0 14px}.back-link{text-decoration:none;color:#666;font-weight:650}.button,button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #d8d8d2;border-radius:12px;background:#fff;color:#171717;font-weight:750;text-decoration:none;cursor:pointer;transition:opacity .12s,transform .12s}.button:hover:not(:disabled),button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:#171717;border-color:#171717;color:white}.button.danger{background:#fff;border-color:#e5b9b9;color:#9b1c1c}.button.secondary{background:#fafaf8}.button.compact{min-height:38px;padding:7px 11px;font-size:.88rem}.button.huge{width:100%;min-height:58px;font-size:1.08rem}.button:disabled,button:disabled{opacity:.38;cursor:not-allowed;transform:none}.status-block{text-align:right;display:grid;gap:3px}.status{font-size:.82rem;font-weight:900;letter-spacing:.1em;color:#6f6f69}.status.live{color:#17733d}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#777;font-size:.86rem}.language-section{padding-top:12px;border-top:1px solid #efefe9;margin-top:20px}.language-chips{display:flex;flex-wrap:wrap;gap:8px}.language-chip{display:block;cursor:pointer}.language-chip input{position:absolute;opacity:0;pointer-events:none}.language-chip span{display:block;padding:8px 12px;border-radius:999px;border:1px solid #dcdcd5;background:#fafaf8;font-size:.88rem;font-weight:700;color:#52524e;transition:all .12s}.language-chip input:checked+span{background:#171717;border-color:#171717;color:#fff}.language-chip input:disabled+span{opacity:.55;cursor:not-allowed}.meter-wrap{margin:22px 0 18px}.meter-label{justify-content:space-between;color:#777;font-size:.78rem;font-weight:700;margin-bottom:7px}.meter{height:7px;background:#e8e8e3;border-radius:999px;overflow:hidden}.meter>div{height:100%;width:0;background:#292929;transition:width .06s}.action-row{display:grid;grid-template-columns:1fr auto;gap:9px}.action{min-height:50px}.lane-list{display:grid;gap:8px}.lane-row{display:grid;grid-template-columns:minmax(120px,1fr) auto 100px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #efefe9}.lane-row:last-child{border-bottom:0}.lane-name{font-weight:750}.listener-count{text-align:right;color:#777;font-size:.84rem}.lane-row small{grid-column:1/-1;color:#9b1c1c}.pill{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;background:#ecece8;font-size:.68rem;font-weight:850;letter-spacing:.04em}.pill.live{background:#e0f5e8;color:#126c39}.pill.reconnecting,.pill.delayed,.pill.connecting,.pill.stopping{background:#fff1cb;color:#885b00}.pill.unavailable{background:#fde5e5;color:#9b1c1c}.banner{border-radius:12px;padding:10px 12px;font-weight:750;font-size:.82rem;margin-bottom:14px}.banner.warning{background:#fff3d7;color:#7e5600}.auth-box{padding:14px;border:1px solid #e5e5df;border-radius:14px;background:#fafaf8;margin:18px 0}.auth-box label{display:grid;gap:6px;font-weight:700}.auth-box p{margin:7px 0 0}.listener-brand{margin-bottom:20px}.listener-choice h2{margin-bottom:16px}.language-list{display:grid;gap:8px}.language-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border:1px solid #e3e3dd;border-radius:13px;text-decoration:none;font-weight:750;background:#fff}.choice-state{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:#17733d}.center{text-align:center}.listen-card{padding:28px 22px}.listen-language{font-size:1.35rem;font-weight:800;margin-bottom:15px}.state-line{justify-content:center;gap:8px;margin-bottom:20px}.state-dot{width:9px;height:9px;border-radius:50%;background:#aaa}.state-dot.live,.state-dot.connected{background:#1a8a4a}.state-dot.reconnecting,.state-dot.delayed,.state-dot.connecting{background:#c88408}.state-dot.unavailable{background:#c93737}.listener-status{font-size:.78rem;font-weight:850;letter-spacing:.08em;color:#666}.listen-card .button.secondary{margin-top:9px}.transcript-card p:last-child{font-size:1.02rem;line-height:1.65;white-space:pre-wrap;margin-bottom:0}@media(max-width:680px){.shell{padding:26px 15px 56px}.room-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column;gap:4px}.section-heading>p{text-align:left}.create-room{align-items:stretch;flex-direction:column}.inline-form{min-width:0;width:100%;flex-direction:column}.room-title-row{align-items:flex-start}.action-row{grid-template-columns:1fr}.room-toolbar{gap:10px}.lane-row{grid-template-columns:1fr auto}.listener-count{grid-column:1/-1;text-align:left;margin-top:-6px}}

.login-shell{max-width:460px;padding-top:10vh}.login-card form{display:grid;gap:14px;margin-top:24px}.login-card label{display:grid;gap:6px;font-weight:700}.login-card input{width:100%;min-height:46px;border:1px solid #d6d6cf;border-radius:11px;padding:10px 12px}.form-error{min-height:1.2em;color:#9b1c1c;font-size:.88rem;margin:0}.header-actions{display:flex;align-items:center;gap:8px}.share-box{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:20px;align-items:center;padding:18px;border:1px solid #ecece6;border-radius:16px;background:#fafaf8;margin:20px 0}.share-copy p{margin-bottom:12px}.copy-row{display:flex;gap:8px;align-items:center}.copy-row input{min-width:0;flex:1;min-height:40px;border:1px solid #d8d8d2;border-radius:10px;padding:8px 10px;background:#fff;color:#666}.qr-code{display:grid;place-items:center;background:#fff;border-radius:12px;padding:8px}.qr-code svg{width:160px;height:160px;display:block}.choice-state.waiting{color:#8a6a18}@media(max-width:680px){.share-box{grid-template-columns:1fr}.qr-code{justify-self:center}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%}}

/* Contextual engine + rolling listener captions */
.engine-section{padding-top:12px;border-top:1px solid #efefe9;margin-top:20px}.engine-choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.engine-card{display:block;cursor:pointer}.engine-card input{position:absolute;opacity:0;pointer-events:none}.engine-card span{display:block;padding:13px 14px;border:1px solid #dcdcd5;border-radius:14px;background:#fafaf8}.engine-card strong,.engine-card small{display:block}.engine-card small{margin-top:3px;color:#777;font-weight:500}.engine-card input:checked+span{border-color:#1e1e1e;box-shadow:inset 0 0 0 1px #1e1e1e;background:#fff}.engine-card input:disabled+span{opacity:.55;cursor:not-allowed}.contextual-settings{display:grid;grid-template-columns:180px 1fr;gap:12px;margin-top:12px;padding:14px;border:1px solid #e5e5df;border-radius:14px;background:#fafaf8}.contextual-settings label{display:grid;gap:6px;font-size:.85rem;font-weight:750}.contextual-settings select,.contextual-settings textarea{width:100%;border:1px solid #d6d6cf;border-radius:10px;background:#fff;padding:9px 10px;font:inherit}.contextual-settings textarea{resize:vertical;min-height:96px}.contextual-settings .small{grid-column:1/-1;margin:0}.transcript-card{min-height:150px;max-height:190px;overflow:hidden;position:relative}.transcript-card p:last-child{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.transcript-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);pointer-events:none}@media(max-width:680px){.engine-choices{grid-template-columns:1fr}.contextual-settings{grid-template-columns:1fr}.contextual-settings .small{grid-column:auto}}

.room-toolbar-actions{display:flex;align-items:center;gap:10px}


/* Operator live-first layout */
.live-console{padding-top:20px}.live-timer{font-size:1rem;font-weight:750}.live-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px}.live-summary>div{display:grid;gap:1px;padding:11px 12px;border:1px solid #e8e8e2;border-radius:13px;background:#fafaf8}.live-summary strong{font-size:1.28rem;letter-spacing:-.03em}.live-summary span{font-size:.72rem;color:#777;font-weight:700}.primary-meter{margin:16px 0 14px}.operator-languages{margin-top:18px;padding-top:18px}.language-runtime{margin-top:14px;border-top:1px solid #efefe9}.runtime-row{grid-template-columns:minmax(130px,1fr) 110px auto}.runtime-row .listener-count{text-align:left}.runtime-row .lane-detail{grid-column:1/-1;color:#777;margin-top:-5px}.runtime-row .lane-detail.error{color:#9b1c1c}.pill.api-active{background:#e0f5e8;color:#126c39}.pill.api-starting,.pill.api-cooling{background:#fff1cb;color:#885b00}.pill.api-idle{background:#ecece8;color:#686862}.settings-card{margin-top:14px}.no-top-rule{border-top:0;margin-top:0;padding-top:0}.listener-access-card{margin-top:14px}.share-box-flat{margin:0;border:0;padding:0;background:transparent;grid-template-columns:minmax(0,1fr) 150px}.share-box-flat .qr-code svg{width:132px;height:132px}.room-danger{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:18px 4px 0}.room-danger .muted{font-size:.78rem}.room-toolbar .status{padding:6px 9px;border-radius:999px;background:#ecece8}.room-toolbar .status.live{background:#e0f5e8}
@media(max-width:680px){.live-summary{grid-template-columns:repeat(3,1fr)}.live-summary>div{padding:9px 8px}.live-summary strong{font-size:1.1rem}.runtime-row{grid-template-columns:1fr auto}.runtime-row .listener-count{grid-column:1/2;text-align:left;margin-top:0}.runtime-row .pill{grid-column:2/3;grid-row:1/3}.share-box-flat{grid-template-columns:1fr}.room-danger{align-items:flex-start;flex-direction:column-reverse}}

/* Public landing */
.public-home{max-width:640px;min-height:100vh;display:grid;align-items:center;padding-top:32px;padding-bottom:64px}.home-hero{text-align:center;padding:24px 8px}.home-mark{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin:0 auto 22px;background:#171717;color:#fff;font-weight:900;letter-spacing:-.04em}.home-hero h1{font-size:clamp(2.35rem,9vw,4rem);margin-bottom:12px}.home-lead{max-width:470px;margin:0 auto 28px;color:#6f6f69;font-size:1.05rem}.home-login{min-width:190px;min-height:50px}.home-divider{width:54px;height:1px;background:#deded8;margin:36px auto 24px}.home-listener-note{color:#777;line-height:1.65;margin:0}.home-listener-note strong{color:#343430}