:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#070b16;font-family:Inter,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{background:#070b16;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{background:linear-gradient(#101826 0%,#070b16 100%);place-items:center;width:100%;min-height:100vh;padding:24px;display:grid}.stream-shell{background:#080c14ed;border:1px solid #94a3b829;border-radius:24px;width:min(1200px,100%);min-height:720px;overflow:hidden;box-shadow:0 30px 70px #00000075}.stream-panel{flex-direction:column;height:100%;min-height:720px;display:flex;position:relative}.transmission-header{z-index:2;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:18px;left:18px;right:18px}.signal-wrap{color:#edf3ff;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;background:#0f172ac2;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:inline-flex}.signal{background:#64748b;border-radius:50%;width:10px;height:10px}.signal.live{background:#22c55e;box-shadow:0 0 10px #22c55ecc}.ghost-button{color:#f8fafc;cursor:pointer;pointer-events:auto;background:#0f172ab3;border:1px solid #94a3b82e;border-radius:999px;padding:8px 12px}.video-frame{background:#020817;flex:1;min-height:520px;position:relative}.video-frame video{object-fit:cover;background:#020817;width:100%;height:100%;display:block}.empty-state{color:#dfe7f5;letter-spacing:.04em;background:#0208176b;place-items:center;font-size:1.1rem;display:grid;position:absolute;inset:0}.overlay-controls{z-index:2;grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) auto;align-items:end;gap:10px;display:grid;position:absolute;bottom:18px;left:18px;right:18px}.field-group{min-width:0}.field-group.compact input{color:#f3f5f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ab8;border:1px solid #94a3b838;border-radius:12px;width:100%;min-height:48px;padding:12px 14px}.field-group.compact input:focus{border-color:#60a5facc;outline:none;box-shadow:0 0 0 3px #3b82f62e}.connect-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5865f2,#7c3aed);border:0;border-radius:12px;min-height:48px;padding:0 18px;font-weight:700}.status-line{z-index:2;color:#ffffffd1;text-align:right;pointer-events:none;font-size:.85rem;position:absolute;bottom:86px;left:18px;right:18px}@media (width<=760px){.overlay-controls{grid-template-columns:1fr}.status-line{text-align:left;bottom:146px}}