:root{--bg: #0b1020;--bg-elev: #131a30;--bg-card: #161d36;--border: #232c4a;--text: #e8ecf6;--muted: #8b95b3;--brand: #2dd4ff;--brand-2: #5b8cff;--live: #ff3b5c;--green: #25d366;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#16224a 0%,var(--bg) 55%);color:var(--text)}a{color:inherit;text-decoration:none}button{font-family:inherit}.topbar{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border);background:#0b1020cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50}.topbar{padding:10px 24px}.topbar .brand{display:inline-flex;align-items:center}.topbar .logo{height:46px;width:auto;display:block}.topbar nav{display:flex;gap:6px;margin-left:auto;align-items:center}.navlink{padding:8px 14px;border-radius:10px;color:var(--muted);font-weight:600;font-size:14px}.navlink:hover,.navlink.active{color:var(--text);background:var(--bg-elev)}.container{max-width:1240px;margin:0 auto;padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);cursor:pointer;font-weight:600;font-size:14px;transition:.15s}.btn:hover{border-color:var(--brand-2)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));border:0;color:#04122a}.btn.danger{background:transparent;border-color:var(--live);color:var(--live)}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.live-badge{display:inline-flex;align-items:center;gap:6px;background:var(--live);color:#fff;font-weight:800;font-size:11px;letter-spacing:.5px;padding:3px 8px;border-radius:6px;text-transform:uppercase}.live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.viewers{color:var(--muted);font-size:13px;display:inline-flex;gap:5px;align-items:center}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:.18s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);border-color:var(--brand-2)}.thumb{position:relative;aspect-ratio:16/9;background:#0a0f1f center/cover;display:flex;align-items:center;justify-content:center}.thumb .overlay-top{position:absolute;top:10px;left:10px}.thumb .overlay-bottom{position:absolute;bottom:10px;right:10px;background:#000000b3;padding:2px 8px;border-radius:6px;font-size:12px}.thumb .ph{color:var(--border);font-size:40px}.card-body{padding:14px;display:flex;gap:12px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-elev);flex-shrink:0;object-fit:cover;display:grid;place-items:center;color:var(--muted);font-weight:700}.card-title{font-weight:700;font-size:15px;line-height:1.3}.card-sub{color:var(--muted);font-size:13px;margin-top:2px}.watch{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}@media (max-width: 900px){.watch{grid-template-columns:1fr}}.watch-aside{position:sticky;top:16px}.player-wrap{background:#000;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9}.player-wrap video{width:100%;height:100%;display:block}.player-offline{width:100%;height:100%;display:grid;place-items:center;color:var(--muted);gap:10px}.meta-row{display:flex;align-items:center;gap:12px;margin-top:16px}.side-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;height:fit-content}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.input{width:100%;padding:11px 13px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:14px}.input:focus{outline:none;border-color:var(--brand-2)}.copybox{display:flex;gap:8px}.copybox .input{font-family:ui-monospace,monospace;font-size:13px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px}.panel h2{margin:0 0 4px}.status-pill{display:inline-flex;gap:8px;align-items:center;font-weight:700}.status-pill.online{color:var(--green)}.status-pill.offline{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:16px}.stat .v{font-size:26px;font-weight:800}.stat .l{color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);font-size:14px}th{color:var(--muted);font-weight:600}.center-screen{min-height:70vh;display:grid;place-items:center}.muted{color:var(--muted)}.section-title{font-size:22px;font-weight:800;margin:0 0 18px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--green);color:#04210f;padding:12px 20px;border-radius:10px;font-weight:700;z-index:100}.channel-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;margin-top:16px}.channel-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}.channel-avatar--ph{display:grid;place-items:center;background:var(--bg-elev);font-size:22px}.channel-info{display:flex;flex-direction:column;gap:2px;min-width:0}.channel-info strong{font-size:15px}.channel-info span{font-size:13px}.channel-views{margin-left:auto;white-space:nowrap;font-size:13px}@media (max-width: 520px){.channel-views{display:none}}.chat-panel{display:flex;flex-direction:column;height:min(72vh,640px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chat-head{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px}.chat-count{margin-left:auto;color:var(--muted);font-weight:600;font-size:12px}.chat-body{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.chat-empty{text-align:center;margin:auto}.chat-msg{font-size:14px;line-height:1.4;word-break:break-word;padding:3px 6px;border-radius:8px;position:relative}.chat-msg:hover{background:#ffffff08}.chat-msg .who{font-weight:700;margin-right:6px}.chat-text{color:var(--text)}.chat-badge{font-size:9px;font-weight:800;letter-spacing:.3px;padding:1px 5px;border-radius:5px;margin-right:6px;text-transform:uppercase;vertical-align:middle}.chat-badge.owner{background:var(--live);color:#fff}.chat-badge.admin{background:var(--brand);color:#04122a}.chat-del{opacity:0;position:absolute;right:4px;top:2px;background:transparent;border:0;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 5px;border-radius:6px}.chat-msg:hover .chat-del{opacity:1}.chat-del:hover{color:var(--live);background:#ff3b5c1f}.chat-foot{border-top:1px solid var(--border);padding:10px;display:flex;flex-direction:column;gap:8px}.chat-name{font-size:13px}.chat-error{color:var(--live);font-size:12px}.chat-input-row{display:flex;gap:8px;align-items:center}.chat-input-row .input{flex:1}.emoji-btn,.chat-send{flex:none;width:40px;height:40px;padding:0;display:grid;place-items:center;font-size:18px;cursor:pointer}.emoji-btn{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;color:var(--text)}.emoji-btn:hover{border-color:var(--brand)}.chat-send{font-size:15px}.emoji-pop{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;max-height:168px;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:6px}.emoji-item{background:transparent;border:0;cursor:pointer;font-size:20px;padding:4px;border-radius:6px}.emoji-item:hover{background:#ffffff14}.auth-logo{display:block;width:280px;max-width:100%;height:auto;margin:0 auto 18px}.offline-logo{width:340px;max-width:70%;height:auto;opacity:.9}.med-panel{margin-top:16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.med-head{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;font-size:15px}.med-torneio{color:var(--muted);font-weight:500;font-size:13px}.med-featured{margin:14px 16px;padding:14px;border-radius:12px;background:linear-gradient(135deg,#2dd4ff1f,#5b8cff1a);border:1px solid var(--brand-2)}.med-featured-head{display:flex;align-items:center;gap:10px}.med-featured-head strong{font-size:16px}.med-mine-tag{font-size:10px;font-weight:800;letter-spacing:.4px;background:var(--brand);color:#04122a;padding:2px 7px;border-radius:6px}.med-featured-stats{display:flex;gap:24px;margin:12px 0 4px}.med-featured-stats .v{display:block;font-size:24px;font-weight:800;line-height:1.1}.med-featured-stats .l{color:var(--muted);font-size:12px}.med-fishes{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.med-fishes .fish{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;background:var(--bg-elev);border:1px solid var(--border)}.med-fishes .fish.azul{color:#38bdf8;border-color:#38bdf8}.med-fishes .fish.amarelo{color:#ffb020;border-color:#ffb020}.med-rank{padding:6px 16px 14px}.med-rank-head,.med-rank-row{display:grid;grid-template-columns:34px 1fr 70px 64px 56px;align-items:center;gap:8px;padding:7px 8px;font-size:13px}.med-rank-head{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.3px}.med-rank-row{border-top:1px solid var(--border)}.med-rank-row .pos{color:var(--muted);font-weight:700}.med-rank-row .eq{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.med-rank-row .tot{font-weight:800;color:var(--brand)}.med-rank-row.mine{background:#2dd4ff14;border-radius:8px}.med-rank-row.mine .eq:after{content:" ⬅";color:var(--brand)}.med-pend{font-size:10px;color:var(--muted);border:1px solid var(--border);padding:0 5px;border-radius:5px;margin-left:6px}html,body{max-width:100%;overflow-x:hidden}@media (max-width: 640px){.topbar{flex-wrap:wrap;padding:8px 14px;gap:8px 10px}.topbar .logo{height:34px}.topbar nav{margin-left:auto;gap:4px;flex-wrap:wrap;justify-content:flex-end}.navlink{padding:6px 10px;font-size:13px}.topbar nav .btn{padding:6px 12px;font-size:13px}.container{padding:16px 14px}.section-title{font-size:20px}.panel{padding:16px}.med-featured{margin:12px;padding:12px}.med-featured-stats{gap:16px}.med-featured-stats .v{font-size:21px}}@media (max-width: 480px){.med-rank-head,.med-rank-row{grid-template-columns:24px 1fr 56px 48px 42px;gap:6px;font-size:12px;padding:6px 4px}.med-featured-head strong{font-size:14px}}.lp{display:flex;flex-direction:column;gap:72px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:28px 0 8px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--brand);background:#2dd4ff1a;border:1px solid rgba(45,212,255,.3);padding:6px 12px;border-radius:999px}.hero-title{font-size:clamp(34px,5.6vw,58px);line-height:1.03;letter-spacing:-1.5px;font-weight:900;margin:18px 0 16px}.hero-title .grad{background:linear-gradient(100deg,var(--brand),var(--brand-2) 60%,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{font-size:17px;line-height:1.6;color:#c3cbe4;max-width:540px;margin:0 0 26px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn.lg{padding:14px 24px;font-size:15px;border-radius:12px}.btn.primary.lg{box-shadow:0 10px 30px -10px #2dd4ff99}.hero-live-pill{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-size:13px;color:var(--muted);background:var(--bg-elev);border:1px solid var(--border);padding:8px 14px;border-radius:999px}.hero-visual{display:flex;justify-content:center}.hero-mock{width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:linear-gradient(160deg,#2dd4ff1a,#5b8cff0f);border:1px solid var(--border);box-shadow:0 40px 80px -30px #2dd4ff59,0 0 0 1px #ffffff05 inset;transform:perspective(1200px) rotateY(-8deg) rotateX(3deg)}.hero-mock-player{position:relative;aspect-ratio:16/9;border-radius:12px;background:radial-gradient(120% 120% at 30% 20%,#1b2444,#070b18);display:grid;place-items:center;overflow:hidden}.hero-mock-player .live-badge{position:absolute;top:10px;left:10px}.hero-mock-views{position:absolute;bottom:10px;right:10px;font-size:12px;color:#fff;opacity:.85}.hero-mock-play{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#04122a;font-size:22px;padding-left:4px;box-shadow:0 8px 24px -6px #2dd4ffb3}.hero-mock-score{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:10px 12px}.hm-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:4px 2px}.hm-row b{color:var(--muted);width:14px}.hm-row span:last-child{margin-left:auto;font-weight:800;color:var(--brand)}.hm-row.hm-top{color:var(--muted);font-weight:700;font-size:12px;border-bottom:1px solid var(--border);padding-bottom:6px;margin-bottom:2px}.hm-row.hm-top span:last-child{color:var(--muted);font-weight:600}.hm-row.mine{background:#2dd4ff1a;border-radius:7px}.hero-mock-chat{display:flex;flex-direction:column;gap:6px}.hm-msg{align-self:flex-start;font-size:12px;background:var(--bg-elev);border:1px solid var(--border);padding:5px 10px;border-radius:12px}.hm-msg:nth-child(2){align-self:flex-end;background:#5b8cff26;border-color:var(--brand-2)}.lp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lp-stat{background:var(--bg-card);padding:20px 18px;text-align:center}.lp-stat .v{display:block;font-size:22px;font-weight:900;color:var(--text)}.lp-stat .l{display:block;color:var(--muted);font-size:13px;margin-top:4px}.lp-section-head{margin-bottom:22px}.lp-section-head.center{text-align:center}.lp-section-head h2{font-size:clamp(22px,3vw,30px);font-weight:800;margin:0;letter-spacing:-.5px}.lp-kicker{display:block;color:var(--brand);font-weight:800;font-size:12px;letter-spacing:1.5px;margin-bottom:8px}.lp-empty{text-align:center}.lp-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lp-feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:.18s}.lp-feature:hover{transform:translateY(-4px);border-color:var(--brand-2);box-shadow:0 20px 40px -24px #2dd4ff66}.lp-ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:#2dd4ff1a;border:1px solid rgba(45,212,255,.25);margin-bottom:14px}.lp-feature h3{margin:0 0 6px;font-size:16px}.lp-feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.lp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.lp-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.lp-num{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#04122a;font-weight:900;font-size:17px;margin-bottom:14px}.lp-step h3{margin:0 0 6px;font-size:16px}.lp-step p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.lp-cta{border-radius:20px;padding:48px 24px;text-align:center;background:radial-gradient(80% 140% at 50% 0%,rgba(45,212,255,.18),transparent 60%),linear-gradient(135deg,#141d3a,#0d1226);border:1px solid var(--brand-2)}.lp-cta-inner{max-width:640px;margin:0 auto}.lp-cta h2{font-size:clamp(24px,3.4vw,34px);font-weight:900;margin:0 0 12px;letter-spacing:-.5px}.lp-cta p{color:#c3cbe4;font-size:16px;line-height:1.6;margin:0 0 24px}.lp-footer{text-align:center;padding:24px 0 8px;border-top:1px solid var(--border)}.lp-footer-logo{height:40px;width:auto;opacity:.9;margin-bottom:8px}.lp-footer p{margin:0;font-size:13px}@media (max-width: 900px){.lp{gap:52px}.hero{grid-template-columns:1fr;gap:28px}.hero-mock{transform:none;max-width:380px;margin:0 auto}.lp-features,.lp-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.lp-features,.lp-steps{grid-template-columns:1fr}.hero-cta .btn{flex:1}}.lp-footer-by{margin:4px 0 0;font-size:13px;font-weight:700;color:var(--brand)}.thumb-upload{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}.thumb-preview{width:240px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;flex:none;background:var(--bg-elev);border:1px solid var(--border);display:grid;place-items:center}.thumb-preview img{width:100%;height:100%;object-fit:cover}.thumb-actions{display:flex;flex-direction:column;gap:8px;max-width:340px}.btn.disabled{opacity:.5;pointer-events:none}.vod-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:10px 14px;font-size:14px;background:var(--bg-card);border:1px solid var(--brand-2);border-radius:12px}.vod-section{margin-top:28px}.vod-title{font-size:18px;font-weight:800;margin:0 0 14px}.vod-card{position:relative}.vod-card.active{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand) inset}.vod-card .vod-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#0000008c;color:#fff;font-size:18px;padding-left:3px;opacity:0;transition:.15s}.vod-card:hover .vod-play{opacity:1}