:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090f;--bg2:#0c1018;--card:#111622;--card2:#161c2b;--line:#232b3d;--line2:#2f3a52;--text:#eef1f8;--muted:#8f9ab3;--accent:#7c5cff;--accent2:#22d3ee;--live:#ff3b57;--ok:#34d399;--grad:linear-gradient(135deg,#7c5cff 0%,#4f8cff 55%,#22d3ee 100%);--radius:16px;--shadow:0 10px 40px #00000073}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased;background:radial-gradient(900px 500px at 12% -10%, #7c5cff38, transparent 60%), radial-gradient(800px 480px at 95% 0%, #22d3ee24, transparent 60%), var(--bg);background-attachment:fixed;min-height:100vh;margin:0;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent2)}h1,h2,h3{letter-spacing:-.02em}::selection{background:#7c5cff73}.shell{max-width:1040px;margin:0 auto;padding:0 1.25rem}header{align-items:center;gap:1rem;margin-bottom:1.25rem;padding:1rem 0;display:flex}.brand{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:.6rem;display:inline-flex}.brand h1{letter-spacing:-.03em;margin:0;font-size:1.25rem;font-weight:800}.brand h1 span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.logo{background:var(--grad);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 20px #7c5cff73}.logo svg{fill:#fff;width:18px;height:18px;margin-left:2px}.me{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:.5rem;padding:.3rem .75rem .3rem .35rem;font-size:.82rem;display:inline-flex}.avatar{background:var(--grad);color:#fff;text-transform:uppercase;border-radius:50%;place-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:grid}.me .role{text-transform:uppercase;letter-spacing:.06em;color:#b9a8ff;background:#7c5cff2e;border-radius:99px;padding:.1rem .45rem;font-size:.65rem}@media (width<=640px){.me .who{display:none}.me{padding:.3rem}}h2{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0 1rem;font-size:1.5rem;display:flex}.page-title{margin:.25rem 0;font-size:1.8rem;font-weight:800}.page-sub{color:var(--muted);margin:0 0 1.5rem}.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem}label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.82rem;font-weight:500;display:flex}input,select{background:var(--bg2);color:var(--text);border:1px solid var(--line);font:inherit;border-radius:10px;padding:.65rem .8rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #7c5cff40}button{background:var(--grad);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;transition:transform .12s,box-shadow .15s,filter .15s;box-shadow:0 6px 18px #6366f159}button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}button:active:not(:disabled){transform:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent2);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.link{box-shadow:none;color:var(--muted);background:0 0;border-radius:8px;padding:.35rem .6rem;font-weight:500}button.link:hover:not(:disabled){color:var(--text);filter:none;background:#ffffff0f;transform:none}button.link.on{color:var(--text);background:#7c5cff33;text-decoration:none}button.secondary{color:var(--text);border:1px solid var(--line2);box-shadow:none;background:0 0}button.secondary:hover:not(:disabled){background:#ffffff0f}button.danger{box-shadow:none;background:#d6405a}.muted{color:var(--muted)}.small{font-size:.8rem}.error{color:#ff8a9a}.center{text-align:center;margin-top:20vh}.badge{border:1px solid var(--line2);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-radius:99px;padding:.2rem .6rem;font-size:.68rem;font-weight:700}.badge.live{background:var(--live);border-color:var(--live);color:#fff;align-items:center;gap:.35rem;display:inline-flex}.badge.live:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.badge.paid{border-color:var(--accent);color:#b9a8ff;background:#7c5cff1f}.badge.free{border-color:var(--ok);color:var(--ok);background:#34d3991a}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.login-page{padding:4vh 1.25rem 0}.hero{text-align:center;max-width:560px;margin:0 auto 1.75rem}.hero .logo{border-radius:16px;width:56px;height:56px;margin:0 auto 1rem}.hero .logo svg{width:28px;height:28px}.hero h1{margin:0 0 .6rem;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.05}.hero h1 span{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);margin:0;font-size:1.05rem}.login{max-width:400px;box-shadow:var(--shadow);flex-direction:column;gap:.9rem;margin:0 auto;padding:1.5rem;display:flex}.login h2{margin:0;font-size:1.2rem}.login-page .login{margin:0 auto 1rem}.login button[type=submit],.login button:not(.link):not([type=button]){padding:.8rem 1rem}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.perks{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin:0 auto 2rem;padding:0;font-size:.85rem;list-style:none;display:flex}.perks li:before{content:"✓";color:var(--ok);margin-right:.4rem;font-weight:700}.streams{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.streams li.tile{cursor:pointer;flex-direction:column;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.streams li.tile:hover{border-color:var(--line2);box-shadow:var(--shadow);transform:translateY(-3px)}.streams li.tile.is-off{cursor:default;opacity:.8}.streams li.tile.is-off:hover{box-shadow:none;transform:none}.thumb{aspect-ratio:16/9;place-items:center;display:grid;position:relative;overflow:hidden}.thumb:after{content:"";background:linear-gradient(#0000 40%,#07090fb3);position:absolute;inset:0}.thumb .initial{color:#ffffffe6;text-shadow:0 4px 24px #0006;z-index:1;font-size:3.2rem;font-weight:800;position:relative}.thumb .badge{z-index:2;position:absolute;top:.7rem;left:.7rem}.thumb .lock{z-index:2;position:absolute;top:.7rem;right:.7rem}.thumb .play{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;background:#ffffff2e;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:56px;height:56px;transition:all .18s;display:grid;position:absolute;transform:scale(.85)}.thumb .play svg{fill:#fff;width:22px;height:22px;margin-left:3px}.tile:not(.is-off):hover .play{opacity:1;transform:none}.tile:not(.is-off):hover .initial{opacity:0}.tile-body{flex-direction:column;gap:.2rem;padding:.9rem 1rem 1rem;display:flex}.tile-body strong{letter-spacing:-.01em;font-size:1.02rem}.empty{text-align:center;padding:3.5rem 1rem}.empty .ring{border:2px dashed var(--line2);width:64px;height:64px;color:var(--muted);border-radius:50%;place-items:center;margin:0 auto 1rem;font-size:1.6rem;display:grid}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--card) 25%,var(--card2) 50%,var(--card) 75%);background-size:200% 100%;height:230px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}.player-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.25rem 0 .9rem;display:flex}.player-head h2{margin:0;font-size:1.6rem}.player-head .meta{color:var(--muted);width:100%;font-size:.85rem}.screen{border-radius:var(--radius);border:1px solid var(--line);background:#000;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 80px #7c5cff1f}video{aspect-ratio:16/9;background:#000;width:100%;display:block}.controls{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.9rem;padding:.7rem .9rem;display:flex}.controls label{flex-direction:row;align-items:center;gap:.6rem}.controls select{padding:.4rem .6rem}.stats{flex-wrap:wrap;gap:.5rem;margin-left:auto;display:flex}.chip{background:var(--bg2);border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:99px;padding:.2rem .6rem;font-size:.75rem}table{border-collapse:collapse;width:100%;margin-top:.75rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:.65rem .5rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}tbody tr:hover{background:#ffffff06}td.actions{text-align:right}.inline{flex-wrap:wrap;align-items:center;gap:.5rem;display:inline-flex}.row-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.row-form label{flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}.filter{width:100%;max-width:320px;margin-top:1rem}.notice{margin:.75rem 0}.notice code{background:var(--bg2);-webkit-user-select:all;user-select:all;border:1px solid var(--line);border-radius:6px;padding:.15rem .45rem}.reg-toggle{margin:.25rem 0 .75rem}.banner-admin{flex-direction:column;gap:.75rem;margin:1rem 0;padding:0;list-style:none;display:flex}.banner-admin li{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.banner-admin li.off{opacity:.55}.banner-admin img{object-fit:contain;background:var(--bg2);border-radius:8px;width:200px;height:56px}.grow{flex:1;min-width:220px}label.inline,.row-form label.inline{flex-direction:row;align-items:center;gap:.5rem;display:inline-flex}.hints{margin:.25rem 0 .75rem 1rem;padding:0}.banners{flex-direction:column;gap:.75rem;margin:0 0 1.25rem;display:flex}.banners img{object-fit:contain;border-radius:var(--radius);background:var(--card);border:1px solid var(--line);width:100%;height:auto;max-height:260px;display:block}.banners a{display:block}.frame{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:1040px;margin:0 auto;padding:0 1.25rem 3rem;display:grid}.frame-main{order:1;min-width:0}.rail{flex-direction:column;order:2;gap:.75rem;display:flex}.rail img{object-fit:contain;background:var(--card);border:1px solid var(--line);border-radius:12px;width:100%;max-width:300px;height:auto;max-height:640px;margin:0 auto;display:block}.rail a{display:block}@media (width>=1300px){.frame.has-left,.frame.has-right{grid-template-columns:minmax(0,1040px);justify-content:center;max-width:none}.frame.has-left{grid-template-columns:170px minmax(0,1040px)}.frame.has-right{grid-template-columns:minmax(0,1040px) 170px}.frame.has-left.has-right{grid-template-columns:170px minmax(0,1040px) 170px}.frame-main,.rail{order:0}.rail img{max-width:none}.rail{align-self:start;position:sticky;top:1rem}}