:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07131d;color:#eef8ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(18,180,248,.11),transparent 38%),radial-gradient(circle at 18% 0%,rgba(240,68,56,.22),transparent 28%),#07131d}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px;border-bottom:1px solid rgba(238,248,255,.12);background:#07131ddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:#0d9ddb;color:#fff;font-weight:800}.brand-name,.brand-state{display:block}.brand-name{font-size:15px;font-weight:800}.brand-state{margin-top:2px;color:#9fb3c2;font-size:12px}.connection-pill{min-width:96px;border:1px solid rgba(238,248,255,.13);border-radius:999px;padding:7px 11px;color:#b9c9d4;text-align:center;text-transform:capitalize}.connection-pill.connected{border-color:#1fd58e52;color:#7ef0bf}.connection-pill.connecting{border-color:#12b4f861;color:#80dfff}.landing{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:36px;align-items:center;width:min(1100px,calc(100% - 40px));min-height:calc(100vh - 75px);margin:0 auto;padding:48px 0 72px}.landing-copy h1{max-width:720px;margin:0;font-size:clamp(44px,8vw,94px);line-height:.92;letter-spacing:0}.landing-copy p{max-width:570px;margin:22px 0 0;color:#b7cad6;font-size:18px;line-height:1.6}.join-panel{border:1px solid rgba(238,248,255,.14);border-radius:8px;padding:22px;background:#091b29d6;box-shadow:0 24px 80px #0000004d}.join-panel label,.eyebrow{color:#82dfff;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.channel-row,.share-row{display:flex;gap:10px;margin-top:9px}input{width:100%;min-width:0;border:1px solid rgba(238,248,255,.12);border-radius:8px;padding:12px 13px;background:#040c139e;color:#eef8ff;outline:none}input:focus{border-color:#12b4f8;box-shadow:0 0 0 3px #12b4f829}.primary-action{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:10px;margin-top:18px;border:0;border-radius:8px;padding:14px 16px;background:#f04438;color:#fff;font-weight:800}.secondary-action{display:inline-flex;min-width:92px;align-items:center;justify-content:center;border:1px solid rgba(238,248,255,.13);border-radius:8px;padding:0 18px;background:#091b29f0;color:#eef8ff;font-weight:800}.secondary-action:hover{border-color:#12b4f880;color:#82dfff}.primary-action:hover{background:#ff5a4f}.room-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,420px);gap:20px;width:min(1480px,calc(100% - 36px));margin:0 auto;padding:22px 0 28px}.stage{min-width:0}.room-meta{display:grid;grid-template-columns:minmax(140px,230px) minmax(0,1fr);gap:16px;align-items:end;margin-bottom:18px}.room-meta strong{display:block;margin-top:4px;overflow:hidden;font-size:22px;text-overflow:ellipsis;white-space:nowrap}.share-row{margin-top:0}.participant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.video-tile{overflow:hidden;border:1px solid rgba(238,248,255,.12);border-radius:8px;background:#091b29}.video-surface,.agent-image-wrap{position:relative;display:grid;min-height:246px;aspect-ratio:16 / 10;place-items:center;overflow:hidden;background:#040c13}.video-surface>div:not(.camera-placeholder){width:100%;height:100%}.agent-image-wrap img{width:min(58%,230px);height:auto;filter:drop-shadow(0 18px 36px rgba(18,180,248,.24))}.camera-placeholder{display:grid;width:70px;height:70px;place-items:center;border-radius:999px;background:#eef8ff14;color:#9fb3c2}.tile-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:11px 13px}.tile-footer span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{flex:0 0 auto;border-radius:999px;padding:5px 8px;background:#1fd58e21;color:#7ef0bf;font-size:12px}.badge.muted,.muted.badge{background:#eef8ff14;color:#b7cad6}.toolbar{display:flex;justify-content:center;gap:12px;margin-top:18px}.icon-button,.control-button{display:inline-grid;width:46px;height:46px;flex:0 0 auto;place-items:center;border:1px solid rgba(238,248,255,.13);border-radius:8px;background:#091b29f0;color:#eef8ff}.icon-button:hover,.control-button:hover{border-color:#12b4f880;color:#82dfff}.icon-button.subtle{width:38px;height:38px}.control-button{width:54px;height:54px}.control-button.danger,.control-button.leave{border-color:#f044386b;background:#f0443821;color:#ff9a93}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.error-text{margin:14px 0 0;border-left:3px solid #f04438;padding:9px 12px;background:#f044381a;color:#ffc8c4}.transcript-panel{display:flex;min-height:calc(100vh - 124px);max-height:calc(100vh - 124px);flex-direction:column;border:1px solid rgba(238,248,255,.12);border-radius:8px;background:#091b29d6;overflow:hidden}.transcript-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px 10px;border-bottom:1px solid rgba(238,248,255,.1)}.transcript-header h2,.transcript-column h3{margin:0}.transcript-header h2{font-size:18px}.transcript-columns{display:grid;min-height:0;flex:1;grid-template-rows:repeat(3,minmax(0,1fr))}.transcript-column{display:flex;min-height:0;flex-direction:column;border-bottom:1px solid rgba(238,248,255,.08);padding:12px 14px}.transcript-column:last-child{border-bottom:0}.transcript-column h3{color:#82dfff;font-size:13px;text-transform:uppercase}.transcript-feed{min-height:0;margin-top:10px;overflow:auto}.empty-feed{margin:0;color:#718797;font-size:13px}.transcript-line{margin-bottom:9px;border-radius:8px;padding:9px 10px;background:#eef8ff0f}.transcript-line span{display:block;margin-bottom:4px;color:#9fb3c2;font-size:11px}.transcript-line p{margin:0;color:#eef8ff;font-size:14px;line-height:1.45}@media(max-width:980px){.landing,.room-layout{grid-template-columns:1fr}.transcript-panel{min-height:520px;max-height:none}}@media(max-width:640px){.topbar{padding:14px 16px}.landing,.room-layout{width:min(100% - 24px,1480px)}.landing{min-height:calc(100vh - 67px);padding:28px 0 48px}.landing-copy h1{font-size:48px}.room-meta,.participant-grid{grid-template-columns:1fr}.toolbar{position:sticky;bottom:12px;z-index:8}}