*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before,body:after{content:"";position:fixed;width:900px;height:900px;background:radial-gradient(circle,rgba(80,140,255,.25),transparent 70%);filter:blur(180px);z-index:-1}body:before{top:-350px;left:-350px}body:after{bottom:-350px;right:-350px;background:radial-gradient(circle,rgba(0,200,255,.18),transparent 70%)}.header{padding:40px 0 20px}.header h1{font-size:44px;font-weight:800;letter-spacing:.6px;background:linear-gradient(90deg,#fff,#b8d6ff,#7fcfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(120,180,255,.35)}.header .live{display:inline-flex;align-items:center;margin-left:12px;padding:4px 12px;border-radius:999px;background:linear-gradient(135deg,#ff3d3d,#ff8a3d);font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:0 0 18px #ff783ccc;animation:pulse 1.5s infinite;-webkit-text-fill-color:#000}.header .live:before{content:"●";margin-right:6px}@keyframes pulse{0%{box-shadow:0 0 8px #ff783c80}50%{box-shadow:0 0 22px #ff783c}to{box-shadow:0 0 8px #ff783c80}}.no-streams{text-align:center}.no-streams h2{font-size:28px;margin-bottom:12px;color:#f1dcff}.no-streams p{opacity:.8;margin-bottom:22px}#reload{background:linear-gradient(135deg,#4fa3ff,#6be0ff);border:none;color:#001020;padding:12px 28px;border-radius:999px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 25px #50a0ff73}#reload:hover{transform:translateY(-2px);box-shadow:0 14px 35px #78c8ffb3}.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;padding-top:20px}.stream-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stream-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #3282ff40,0 2px 8px #00000080}.stream-card.card--active{border-color:#50a0ff66;box-shadow:0 0 40px #3282ff59,0 0 16px #00b4ff33}.card-video{position:relative;aspect-ratio:16 / 9;background:#000c1a;overflow:hidden}.card-preview{position:absolute;inset:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.card-preview:hover .play-icon{opacity:1;transform:scale(1.15)}.play-icon{font-size:48px;color:#fff;opacity:.7;transition:opacity .2s ease,transform .2s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.live-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ff3d3d,#ff8a3d);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700;color:#fff;letter-spacing:.5px;box-shadow:0 0 12px #ff6432b3;animation:pulse 1.5s infinite;pointer-events:none;-webkit-user-select:none;user-select:none}.card-footer{padding:14px 16px;display:flex;align-items:center}.stream-name{font-size:15px;font-weight:600;color:#eaf3ff;letter-spacing:.3px}.card-embed{position:absolute;inset:0}.card-embed iframe{width:100%;height:100%;display:block;border:none}.close-btn{position:absolute;top:10px;right:10px;background:#0009;border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 14px;border-radius:999px;cursor:pointer;font-size:13px;transition:background .15s ease;z-index:1}.close-btn:hover{background:#ffffff26}.hidden{display:none}@keyframes warpIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.footer-inner{max-width:1200px;width:100%;text-align:center;font-size:13px;color:#ffffffa6}.footer .copyright{margin-bottom:8px;letter-spacing:.3px}.footer .tech span{background:linear-gradient(90deg,#cfa6ff,#ff9acb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;text-shadow:0 0 10px rgba(200,150,255,.25)}body{min-height:100vh;background:radial-gradient(circle at top,#020924,#000107 70%);color:#eaf3ff;display:flex;flex-direction:column;align-items:center}.content{flex:1;width:100%;max-width:1200px;padding:20px}.footer{width:100%;margin-top:auto;padding:30px 20px 40px;display:flex;justify-content:center}