body{color:#eaf0ff;background:radial-gradient(circle at top,#4c81ff59,#0000 35%),linear-gradient(#07111f 0%,#0b1524 52%,#050a12 100%);min-height:100vh;margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button,video{font:inherit}#root{min-height:100vh}.streams-shell{min-height:100vh;padding:24px}.streams-title{margin:0 0 20px;font-size:clamp(24px,4vw,40px)}.streams-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.stream-card{background:#060c16b3;border:1px solid #a7bdff29;border-radius:18px;padding:14px}.stream-label{color:#cfe0ff;margin:0 0 10px;font-weight:700}.stream-wrap{position:relative}.stream-video{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%}.stream-controls-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.stream-control-button{color:#eaf0ff;cursor:pointer;background:#7ca1ff33;border:1px solid #a7bdff57;border-radius:999px;padding:8px 14px;font-weight:600}.stream-control-button:hover{background:#7ca1ff47}.stream-control-button:disabled{opacity:.55;cursor:not-allowed}.stream-control-button-secondary{background:#ff94942e;border-color:#ff949461}.stream-control-button-secondary:hover{background:#ff949442}.stream-fallback{aspect-ratio:16/9;text-align:center;background:linear-gradient(160deg,#2b1111e6,#0c0e18eb);border:1px solid #ffa4a447;border-radius:12px;place-content:center;gap:10px;width:100%;padding:20px;display:grid}.stream-fallback-title{color:#ffd8d8;font-size:20px;font-weight:700}.stream-fallback-copy{color:#ffdfdfdb;font-size:14px}.stream-retry-button{color:#1a0a0a;cursor:pointer;background:linear-gradient(135deg,#ff7e7e,#ff5d5d);border:0;border-radius:999px;justify-self:center;padding:10px 18px;font-weight:700}.stream-retry-button:hover{filter:brightness(1.05)}.stream-status{text-transform:uppercase;letter-spacing:.06em;background:#00000080;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;top:10px;right:10px}.stream-status-connecting{color:#ffe18a}.stream-status-playing{color:#87ffa9}.stream-status-error{color:#ff8e8e}.stream-stats-panel{background:#060c169e;border:1px solid #a7bdff29;border-radius:12px;margin-top:10px;padding:10px}.stream-stats-title{color:#9bb7ff;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px}.stream-stats-grid{color:#d8e5ff;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;font-size:12px;display:grid}.player-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.player-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060c16b3;border:1px solid #a7bdff29;border-radius:28px;width:min(100%,960px);overflow:hidden;box-shadow:0 24px 80px #00000073}.player-header{padding:28px 28px 20px}.player-kicker{color:#83a6ff;letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.player-header h1{margin:0;font-size:clamp(28px,4vw,44px);line-height:1.05}.player-copy{color:#eaf0ffc2;margin:12px 0 0}.player-stage{aspect-ratio:16/9;background:#03060b;position:relative}.player-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.player-overlay{background:linear-gradient(#060c161f,#060c168c);place-items:center;display:grid;position:absolute;inset:0}.player-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7aa7ff,#4f7dff);border:0;border-radius:999px;padding:14px 22px;font-weight:700;box-shadow:0 12px 30px #4f7dff4d}.player-button:hover{filter:brightness(1.05)}.player-button:active{transform:translateY(1px)}@media (width<=640px){.streams-shell{padding:12px}.streams-grid,.stream-stats-grid{grid-template-columns:1fr}.player-shell{padding:12px}.player-header{padding:20px 18px 16px}}