@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@400;600;700;900&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700&family=DM+Mono:wght@400;500&display=swap");:root{--bg:#0c0913;--bg-2:#15101f;--panel:#1a1426;--panel-2:#211930;--line:#2e2440;--ink:#f4eefb;--ink-soft:#b6a9cf;--ink-dim:#7e7196;--coral:#ff5a3c;--coral-2:#ff8a5b;--air:#ff2d55;--cyan:#2ee6c9;--gold:#ffcf5c;--violet:#8b5cf6;--r:16px;--r-sm:10px;--shadow:0 18px 50px -12px rgba(0,0,0,.7);--glow-coral:0 0 0 1px rgba(255,90,60,.4),0 0 28px -4px rgba(255,90,60,.55);--glow-cyan:0 0 0 1px rgba(46,230,201,.35),0 0 24px -6px rgba(46,230,201,.45)}*{box-sizing:border-box;margin:0;padding:0}#__next,body,html{height:100%}body{font-family:DM Sans,sans-serif;background:radial-gradient(1200px 600px at 85% -10%,rgba(255,90,60,.16),transparent 60%),radial-gradient(900px 500px at 0 110%,rgba(46,230,201,.12),transparent 55%),var(--bg);color:var(--ink);overflow:hidden;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:14px}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:20px}::-webkit-scrollbar-track{background:transparent}.hidden{display:none!important}#auth{display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;overflow:auto}#auth,.auth-bg{position:fixed;inset:0}.auth-bg{z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(1100px 700px at 78% -8%,rgba(255,90,60,.2),transparent 58%),radial-gradient(900px 600px at 0 108%,rgba(46,230,201,.16),transparent 55%),radial-gradient(700px 500px at 50% 50%,rgba(139,92,246,.1),transparent 60%),var(--bg)}.auth-rings{position:absolute;top:-10%;right:-6%;width:540px;height:540px}.auth-rings span{position:absolute;inset:0;margin:auto;width:120px;height:120px;border-radius:50%;border:1.5px solid rgba(255,90,60,.3);animation:ripple 4.6s ease-out infinite}.auth-rings span:nth-child(2){animation-delay:1.5s;border-color:rgba(255,45,85,.26)}.auth-rings span:nth-child(3){animation-delay:3s;border-color:rgba(46,230,201,.22)}@keyframes ripple{0%{transform:scale(.3);opacity:.9}to{transform:scale(3.6);opacity:0}}.auth-eq{position:absolute;left:0;right:0;bottom:0;height:160px;display:flex;align-items:flex-end;justify-content:center;gap:5px;opacity:.5;padding:0 10px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 80%);mask-image:linear-gradient(180deg,transparent,#000 80%)}.auth-eq span{flex:1 1;max-width:14px;height:18px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--coral),var(--air));animation:eqbar 1.1s ease-in-out infinite alternate;transform-origin:bottom}@keyframes eqbar{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.auth-wrap{display:flex;align-items:center;gap:54px;width:100%;max-width:1040px;animation:rise .5s cubic-bezier(.2,.8,.2,1)}.auth-pitch{flex:1 1;min-width:0;max-width:520px}.hero-h{font-family:Unbounded,sans-serif;font-weight:900;font-size:clamp(30px,4.4vw,52px);line-height:1.02;letter-spacing:-1.5px;margin:18px 0 14px}.hero-h span{background:linear-gradient(95deg,var(--coral),var(--coral-2),var(--air));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{color:var(--ink-soft);font-size:16px;line-height:1.6;max-width:480px;margin-bottom:26px}.hero-sub b{color:var(--ink)}.hero-feats{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.hero-feats li{display:flex;align-items:center;gap:13px}.hf-ic{width:42px;height:42px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;font-size:20px;background:var(--bg-2);border:1px solid var(--line)}.hero-feats li div{display:flex;flex-direction:column;line-height:1.3}.hero-feats li b{font-size:14.5px}.hero-feats li span{font-size:12.5px;color:var(--ink-dim)}.hero-foot{font-size:14px;color:var(--ink-soft);padding:14px 16px;border-radius:14px;background:linear-gradient(95deg,rgba(255,90,60,.1),rgba(46,230,201,.06));border:1px solid var(--line)}.hero-foot b{color:var(--coral)}.auth-card{width:100%;max-width:420px;flex-shrink:0;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,60,.4),transparent 70%);filter:blur(8px)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.brand{display:flex;align-items:center;gap:12px;margin-bottom:6px;position:relative}.brand .dot{width:13px;height:13px;border-radius:50%;background:var(--air);box-shadow:0 0 0 4px rgba(255,45,85,.18);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px rgba(255,45,85,.18)}50%{box-shadow:0 0 0 9px rgba(255,45,85,0)}}.logo{font-family:Unbounded,sans-serif;font-weight:900;font-size:30px;letter-spacing:-1px;line-height:1}.logo b{color:var(--coral)}.tagline{color:var(--ink-dim);font-size:13px;margin:10px 0 24px;position:relative}.pass-toggle{display:inline-flex;align-items:center;gap:7px;margin:-2px 0 16px;padding:9px 12px;width:100%;justify-content:center;font-size:13px;font-weight:700;color:var(--ink-soft);background:var(--bg-2);border:1px dashed var(--line);border-radius:10px;transition:.18s}.pass-toggle:hover{border-color:var(--coral);color:var(--ink)}.tabs{display:flex;background:var(--bg-2);border-radius:12px;padding:5px;gap:5px;margin-bottom:20px}.tabs button{flex:1 1;padding:10px;border-radius:8px;font-weight:700;font-size:13px;color:var(--ink-dim);transition:.2s}.tabs button.on{background:var(--coral);color:#1a0f0a;box-shadow:var(--glow-coral)}.field{margin-bottom:14px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-dim);margin-bottom:6px;font-weight:700}.field input,.field select{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:10px;transition:.2s;outline:none}.field input:focus,.field select:focus{border-color:var(--coral);box-shadow:0 0 0 3px rgba(255,90,60,.15)}.field textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:11px 13px;border-radius:10px;resize:vertical;min-height:70px;outline:none}.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(46,230,201,.13)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:11px;font-weight:700;font-size:14px;transition:.18s}.btn-primary{background:linear-gradient(95deg,var(--coral),var(--coral-2));color:#1a0f0a;box-shadow:var(--glow-coral)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:var(--bg-2);border:1px solid var(--line);color:var(--ink-soft)}.btn-ghost:hover{border-color:var(--coral);color:var(--ink)}.btn-cyan{background:linear-gradient(95deg,var(--cyan),#5af0d8);color:#06231f;box-shadow:var(--glow-cyan)}.auth-msg{font-size:12.5px;margin-top:12px;text-align:center;min-height:16px}.auth-msg.err{color:var(--coral-2)}.auth-msg.ok{color:var(--cyan)}.hint{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--ink-dim);line-height:1.7}.hint code{color:var(--gold);background:var(--bg-2);padding:1px 6px;border-radius:5px}@media(max-width:920px){.auth-wrap{flex-direction:column;gap:26px;max-width:440px}.auth-pitch{max-width:100%;text-align:center}.auth-pitch .brand{justify-content:center}.hero-h{font-size:clamp(28px,8vw,38px)}.hero-sub{margin-left:auto;margin-right:auto}.hero-feats{display:none}.auth-card{margin:0 auto}}@media(max-width:920px) and (min-height:680px){.hero-feats{display:flex;text-align:left;max-width:380px;margin:0 auto 22px}}#app{display:flex;flex-direction:column;height:100%}header.bar{display:flex;align-items:center;gap:16px;padding:10px 18px;background:rgba(21,16,31,.85);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:30;flex-shrink:0}header .logo{font-size:21px}.onair{display:flex;align-items:center;gap:7px;background:var(--air);color:#fff;padding:5px 11px;border-radius:30px;font-size:11px;font-weight:800;letter-spacing:1px;box-shadow:0 0 18px -2px var(--air)}.onair .blink{width:7px;height:7px;border-radius:50%;background:#fff;animation:pulse2 1s infinite}@keyframes pulse2{50%{opacity:.25}}.onair.off{background:var(--line);box-shadow:none;color:var(--ink-dim)}.onair .djlive{margin-left:5px;font-size:12px;line-height:1;filter:drop-shadow(0 0 5px var(--gold));animation:pulse2 1.2s infinite}.spacer{flex:1 1}.conn{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-soft);background:var(--bg-2);padding:6px 12px;border-radius:30px;border:1px solid var(--line);cursor:pointer}.conn .ledc{width:8px;height:8px;border-radius:50%;background:var(--ink-dim)}.conn.live .ledc{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.conn.off .ledc{background:var(--ink-dim)}.usermenu{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--violet),var(--coral));color:#fff;font-size:15px}.usermeta{display:flex;flex-direction:column;line-height:1.15}.usermeta b{font-size:13px}.usermeta span{font-size:10.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.5px}.icobtn{width:34px;height:34px;border-radius:9px;background:var(--bg-2);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink-soft);font-size:16px;transition:.15s}.icobtn:hover{color:var(--coral);border-color:var(--coral)}.btn-claim{height:34px;padding:0 12px;border-radius:9px;background:linear-gradient(95deg,var(--coral),var(--coral-2));color:#1a0f0a;border:none;font-weight:800;font-size:12.5px;cursor:pointer;white-space:nowrap;box-shadow:var(--glow-coral);transition:.15s}.btn-claim:hover{filter:brightness(1.07)}.ad{border:1px dashed var(--line);border-radius:var(--r-sm);background:repeating-linear-gradient(45deg,hsla(0,0%,100%,.012) 0 10px,transparent 10px 20px),var(--bg-2);position:relative;overflow:hidden}.ad .adtag{position:absolute;top:6px;right:8px;font-size:9px;letter-spacing:1px;color:var(--ink-dim);text-transform:uppercase;z-index:2}.ad a{display:block;text-decoration:none;color:inherit;height:100%}.ad .adbox{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:14px 16px;height:100%}.ad .adbox strong{font-size:14px;color:var(--ink)}.ad .adbox small{font-size:12px;color:var(--ink-soft)}.ad-top{height:78px;margin:10px 18px 0}.ad-top .adbox{flex-direction:row;align-items:center;gap:14px;justify-content:center}.ad-side{min-height:150px}.main{flex:1 1;display:grid;grid-template-columns:320px 1fr 290px;grid-gap:14px;padding:14px 18px}.col,.main{gap:14px;overflow:hidden;min-height:0}.col{display:flex;flex-direction:column}.col-center{flex:1 1;min-height:0}.card{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--r);position:relative}.card-h{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid var(--line)}.card-h h3{font-family:Unbounded,sans-serif;font-size:13px;font-weight:700;letter-spacing:.3px}.card-h .ic{color:var(--coral)}.card-h .tag{margin-left:auto;font-size:10px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px}.player{padding:18px}.cover{border-radius:14px;background:radial-gradient(120% 120% at 30% 20%,var(--violet),transparent 55%),radial-gradient(120% 120% at 80% 90%,var(--coral),var(--air));place-items:center;position:relative;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow)}.cover,.cover .vinyl{aspect-ratio:1;display:grid}.cover .vinyl{width:58%;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0b 0 2px,#161616 2px 4px);place-items:center;animation:spin 5s linear infinite;animation-play-state:paused}.cover.playing .vinyl{animation-play-state:running}.cover .vinyl:after{content:"";width:26%;aspect-ratio:1;border-radius:50%;background:var(--gold)}@keyframes spin{to{transform:rotate(1turn)}}.eq{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;align-items:flex-end;gap:3px;padding:0 12px 10px;opacity:0;transition:.3s}.cover.playing .eq{opacity:.9}.eq i{flex:1 1;background:hsla(0,0%,100%,.85);border-radius:3px 3px 0 0;height:20%;animation:bar .8s ease-in-out infinite}.eq i:nth-child(2n){animation-duration:.65s}.eq i:nth-child(3n){animation-duration:1s}.eq i:nth-child(4n){animation-duration:.5s}@keyframes bar{0%,to{height:18%}50%{height:90%}}.np-name{font-family:Unbounded,sans-serif;font-weight:700;font-size:16px}.np-name,.np-sub{margin-bottom:3px}.np-sub{color:var(--ink-soft);font-size:13px}.np-dj{color:var(--cyan);font-size:12px;font-weight:600;min-height:16px}.controls{display:flex;align-items:center;gap:14px;margin-top:16px}.play{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--coral-2));color:#1a0f0a;display:grid;place-items:center;font-size:22px;box-shadow:var(--glow-coral);transition:.15s;flex-shrink:0}.play:hover{transform:scale(1.05)}.vol{flex:1 1;display:flex;align-items:center;gap:8px}.vol input[type=range]{flex:1 1;-webkit-appearance:none;height:5px;border-radius:5px;background:var(--line);outline:none}.vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:var(--coral);box-shadow:var(--glow-coral)}.vol .ic{color:var(--ink-soft);font-size:15px}.cmpl-body{padding:14px 16px;overflow-y:auto}.seg{display:flex;background:var(--bg-2);border-radius:9px;padding:4px;gap:4px;margin-bottom:12px}.seg button{flex:1 1;padding:8px;border-radius:6px;font-size:12px;font-weight:700;color:var(--ink-dim)}.seg button.on{background:var(--cyan);color:#06231f}.cmpl-body .field{margin-bottom:10px}.cmpl-body textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:10px;resize:vertical;min-height:60px;outline:none}.cmpl-body textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(46,230,201,.13)}.chat-card{flex:1 1;flex-direction:column}.chat-card,.chat-top{display:flex;min-height:0}.chat-top{align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line);flex-wrap:wrap}.chan{font-family:Unbounded,sans-serif;font-weight:700;font-size:14px;color:var(--cyan)}.topic{font-size:12px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1;min-width:80px}.room-tabs{display:flex;gap:6px;flex-wrap:wrap}.rtab{position:relative;padding:6px 12px;border-radius:9px;font-size:12.5px;font-weight:700;color:var(--ink-soft);background:var(--bg-2);border:1px solid var(--line);font-family:DM Mono,monospace}.rtab:hover{color:var(--ink)}.rtab.on,.rtab:hover{border-color:var(--cyan)}.rtab.on{background:var(--cyan);color:#06231f}.rtab .rbadge{margin-left:6px;background:var(--air);color:#fff;font-size:9.5px;font-weight:800;padding:1px 6px;border-radius:20px;font-family:DM Sans,sans-serif}.rtab.on .rbadge{background:#06231f;color:var(--cyan)}.rtab.pm{display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 6px}.rtab.pm.on{background:var(--violet);color:#fff;border-color:var(--violet)}.rtab-av{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;font-family:DM Sans,sans-serif;flex-shrink:0}.rtab-x{margin-left:2px;opacity:.6;font-size:14px;line-height:1;padding:0 2px;border-radius:4px}.rtab-x:hover{opacity:1;background:hsla(0,0%,100%,.18)}.rtab.pm.blink{animation:pmblink 1s ease-in-out infinite}@keyframes pmblink{0%,to{box-shadow:0 0 0 0 rgba(139,92,246,0);background:var(--bg-2)}50%{box-shadow:0 0 0 3px rgba(139,92,246,.45);background:rgba(139,92,246,.22);color:var(--ink)}}.pm-toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:130;display:flex;align-items:center;gap:11px;max-width:92vw;width:380px;background:linear-gradient(95deg,var(--panel-2),var(--panel));border:1px solid var(--violet);border-radius:14px;padding:11px 12px;box-shadow:0 16px 40px -10px rgba(0,0,0,.7),0 0 0 1px rgba(139,92,246,.3);cursor:pointer;animation:pmtoast .28s cubic-bezier(.2,.8,.2,1)}@keyframes pmtoast{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translateX(-50%)}}.pm-toast-av{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;color:#fff;font-size:16px}.pm-toast-body{flex:1 1;min-width:0;display:flex;flex-direction:column;line-height:1.3}.pm-toast-body b{font-size:13.5px}.pm-toast-body span{font-size:12.5px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm-toast-open{flex-shrink:0;font-size:12px;font-weight:800;color:var(--violet)}.pm-toast-x{flex-shrink:0;width:24px;height:24px;border-radius:50%;color:var(--ink-dim);font-size:18px;line-height:1}.pm-toast-x:hover{background:var(--bg-2);color:var(--ink)}.msgs{flex:1 1;overflow-y:auto;padding:14px 16px;flex-direction:column;gap:9px}.msg,.msgs{display:flex}.msg{gap:10px;align-items:flex-start;animation:fade .25s}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.msg .mav{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff}.msg .mbody{min-width:0}.msg .mhead{display:flex;align-items:baseline;gap:8px}.msg .mnick{font-weight:700;font-size:13px}.msg .mtime{font-size:10px;color:var(--ink-dim)}.msg .mtext{font-size:13.5px;color:var(--ink-soft);line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere}.msg .mtext a{color:var(--cyan)}.badge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:5px}.badge.dj{background:var(--cyan);color:#06231f}.badge.adm{background:var(--gold);color:#2a2102}.msg.sys .mtext{color:var(--ink-dim);font-style:italic;font-size:12.5px}.msg.action .mtext{color:var(--coral-2);font-style:italic}.msg.broadcast{background:linear-gradient(95deg,rgba(255,90,60,.13),transparent);border-left:3px solid var(--coral);padding:9px 12px;border-radius:0 10px 10px 0}.msg.broadcast .mtext{color:var(--coral-2);font-weight:600;font-style:normal}.chat-input{display:flex;gap:9px;padding:12px 16px;border-top:1px solid var(--line)}.chat-input input{flex:1 1;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:12px 14px;border-radius:11px;outline:none}.chat-input input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(46,230,201,.13)}.send{width:46px;background:var(--cyan);color:#06231f;place-items:center;font-size:17px}.emoji-toggle,.send{border-radius:11px;display:grid}.emoji-toggle{width:44px;flex-shrink:0;background:var(--bg-2);border:1px solid var(--line);font-size:18px;place-items:center;transition:.15s}.emoji-toggle.on,.emoji-toggle:hover{border-color:var(--coral)}.emoji-toggle.on{background:rgba(255,90,60,.12)}.cmdhint{padding:0 16px 8px;font-size:11px;color:var(--ink-dim)}.cmdhint code{color:var(--gold)}.composer{position:relative}.emoji-pop{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.composer .emoji-pop{position:absolute;left:16px;right:16px;bottom:calc(100% + 8px);box-shadow:var(--shadow);z-index:60;animation:rise .15s}.emoji-tabs{display:flex;gap:2px;padding:6px;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0;background:var(--bg-2)}.emoji-tab{flex:1 1;min-width:38px;padding:6px 0;font-size:18px;border-radius:8px;opacity:.6;transition:.15s}.emoji-tab.on,.emoji-tab:hover{opacity:1;background:var(--panel)}.emoji-tab.on{box-shadow:inset 0 -2px 0 var(--coral)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:2px;gap:2px;padding:8px;overflow-y:auto;max-height:210px}.emoji-btn{font-size:22px;line-height:1;padding:6px 0;border-radius:8px;transition:.1s}.emoji-btn:hover{background:var(--bg-2);transform:scale(1.15)}.emoji-btn:active{transform:scale(.95)}.ulist{padding:8px;overflow-y:auto}.urow{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;transition:.12s}.urow:hover{background:var(--bg-2)}.urow.clk{cursor:pointer}.urow .udot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.urow .un{font-size:13px;font-weight:600}.urow .umuted{font-size:11px;opacity:.7}.ctx-ov{position:fixed;inset:0;z-index:120}.ctx-menu{position:fixed;min-width:210px;background:var(--panel-2);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;animation:rise .12s}.ctx-head{display:flex;align-items:center;gap:9px;padding:8px 10px 10px;font-weight:700;font-size:14px;border-bottom:1px solid var(--line);margin-bottom:6px;font-family:DM Mono,monospace}.ctx-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff;font-family:DM Sans,sans-serif;flex-shrink:0}.ctx-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px;border-radius:8px;font-size:13.5px;font-weight:600;color:var(--ink)}.ctx-item:hover{background:var(--bg-2)}.ctx-item.danger{color:var(--air)}.ctx-sep{height:1px;background:var(--line);margin:5px 2px}.ctx-seplabel{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);padding:8px 10px 3px;margin-top:4px;border-top:1px solid var(--line)}.seg.seg4{flex-wrap:wrap}.seg.seg4 button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 5px)}.rankb{font-size:8.5px;font-weight:800;letter-spacing:.4px;padding:1px 5px;border-radius:5px;flex-shrink:0;line-height:1.5}.rankb.fnd{background:linear-gradient(95deg,var(--gold),#ffe08a);color:#2a2102}.rankb.cadm{background:var(--violet);color:#fff}.rankb.op{background:var(--air);color:#fff}.rankb.hop{background:rgba(46,230,201,.22);color:var(--cyan)}.rankb.voz{background:var(--line);color:var(--ink-soft)}.queue{overflow-y:auto;display:flex;flex-direction:column;gap:8px}.qitem,.queue{padding:10px 12px}.qitem{background:var(--bg-2);border:1px solid var(--line);border-radius:11px;animation:fade .3s}.qitem .qhead{display:flex;align-items:center;gap:7px;margin-bottom:4px}.qitem .qtype{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:5px}.qtype.c{background:var(--coral);color:#1a0f0a}.qtype.s{background:var(--cyan);color:#06231f}.qitem .qfrom{font-size:11px;color:var(--ink-dim);margin-left:auto}.qitem .qsong{font-size:13px;font-weight:700}.qitem .qmsg{font-size:12px;color:var(--ink-soft);margin-top:3px;line-height:1.4}.qitem .qto{font-size:11.5px;color:var(--cyan);margin-top:2px}.qstatus{display:inline-block;margin-top:6px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 7px;border-radius:20px}.qstatus.pendiente{background:rgba(255,207,92,.15);color:var(--gold)}.qstatus.al-aire{background:rgba(255,45,85,.18);color:var(--coral-2)}.qstatus.reproducida{background:rgba(126,113,150,.18);color:var(--ink-dim)}.qactions{display:flex;gap:6px;margin-top:8px}.qactions button{flex:1 1;font-size:10.5px;font-weight:700;padding:6px;border-radius:7px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-soft)}.qactions button:hover{border-color:var(--coral);color:var(--coral)}.empty{text-align:center;color:var(--ink-dim);font-size:12.5px;padding:30px 16px;line-height:1.6}.overlay{position:fixed;inset:0;z-index:80;background:rgba(8,6,12,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:stretch;justify-content:flex-end;animation:fade .2s}.drawer{width:min(880px,96vw);background:var(--bg);border-left:1px solid var(--line);display:flex;flex-direction:column;box-shadow:var(--shadow);animation:slidein .3s cubic-bezier(.2,.8,.2,1)}@keyframes slidein{0%{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}.drawer-h{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line)}.drawer-h h2{font-family:Unbounded,sans-serif;font-size:18px}.drawer-tabs{display:flex;gap:6px;padding:12px 22px 0;flex-wrap:wrap}.drawer-tabs button{padding:9px 15px;border-radius:9px 9px 0 0;font-size:12.5px;font-weight:700;color:var(--ink-dim);border-bottom:2px solid transparent}.drawer-tabs button.on{color:var(--ink);border-bottom-color:var(--coral);background:var(--panel)}.drawer-body{flex:1 1;overflow-y:auto;padding:22px}.sec-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--ink-dim);margin:0 0 12px;font-weight:700}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.dtable{width:100%;border-collapse:collapse;font-size:13px}.dtable th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-dim);padding:8px 10px}.dtable td,.dtable th{border-bottom:1px solid var(--line)}.dtable td{padding:9px 10px;color:var(--ink-soft)}.dtable tr:hover td{background:var(--panel)}.pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 9px;border-radius:20px}.pill.oyente{background:var(--bg-2);color:var(--ink-soft)}.pill.locutor{background:rgba(46,230,201,.16);color:var(--cyan)}.pill.admin{background:rgba(255,207,92,.16);color:var(--gold)}.mini{font-size:11.5px;padding:5px 11px;border-radius:8px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-soft);font-weight:600}.mini:hover{border-color:var(--coral);color:var(--coral)}.mini.danger:hover{border-color:var(--air);color:var(--air)}.panel-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:16px}.panel-card h4{font-family:Unbounded,sans-serif;font-size:14px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.fg{margin-bottom:12px}.fg label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--ink-dim);margin-bottom:5px;font-weight:700}.fg input,.fg select,.fg textarea{width:100%;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:11px 13px;border-radius:9px;outline:none}.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--coral)}.fg.row{display:flex;gap:10px;align-items:center}.fg.row label{margin:0}.adcard{display:flex;gap:12px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:10px}.adcard .athumb{width:50px;height:50px;border-radius:9px;background:linear-gradient(135deg,var(--violet),var(--coral));flex-shrink:0;display:grid;place-items:center;font-size:18px}.adcard .ainfo{flex:1 1;min-width:0}.adcard .ainfo b{font-size:13px}.adcard .ainfo small{display:block;font-size:11px;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.stat .sv{font-family:Unbounded,sans-serif;font-size:24px;font-weight:700}.stat .sl{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.modal{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:rgba(8,6,12,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px}.mobnav{display:none}.center-screen{position:fixed;inset:0;justify-content:center;color:var(--ink-dim);font-family:Unbounded,sans-serif}.center-screen,.topplayer{display:flex;align-items:center}.topplayer{gap:11px;background:var(--bg-2);border:1px solid var(--line);border-radius:30px;padding:5px 14px 5px 6px;min-width:0;max-width:380px}.topplayer .tp-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--coral-2));color:#1a0f0a;display:grid;place-items:center;font-size:15px;flex-shrink:0;box-shadow:var(--glow-coral);transition:.15s}.topplayer .tp-btn:hover{transform:scale(1.06)}.topplayer .tp-disc{width:30px;height:30px;border-radius:50%;background:repeating-radial-gradient(circle,#0b0b0b 0 2px,#161616 2px 4px);flex-shrink:0;display:grid;place-items:center;animation:spin 4s linear infinite;animation-play-state:paused}.topplayer .tp-disc:after{content:"";width:30%;aspect-ratio:1;border-radius:50%;background:var(--gold)}.topplayer.playing .tp-disc{animation-play-state:running}.topplayer .tp-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0;max-width:170px}.topplayer .tp-name{font-size:12.5px;font-weight:700}.topplayer .tp-name,.topplayer .tp-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topplayer .tp-sub{font-size:10.5px;color:var(--ink-dim)}.topplayer .tp-vol{width:108px;display:flex;align-items:center;gap:7px;flex-shrink:0}.topplayer .tp-mute{font-size:14px;line-height:1;flex-shrink:0;color:var(--ink-soft);width:20px;text-align:center}.topplayer .tp-mute:hover{color:var(--coral)}.topplayer .tp-vol input[type=range]{flex:1 1;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:5px;background:var(--line);outline:none;cursor:pointer}.topplayer .tp-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--coral);border:2px solid var(--bg-2);box-shadow:0 0 6px rgba(255,90,60,.6);cursor:pointer}.topplayer .tp-vol input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--bg-2);border-radius:50%;background:var(--coral);cursor:pointer}.topplayer .tp-vol input[type=range]::-moz-range-track{height:5px;border-radius:5px;background:transparent}.news{padding:10px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.newsitem{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:9px;padding:9px 11px;font-size:12.5px;color:var(--ink-soft);line-height:1.45}.newsitem .nt{font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--gold);margin-bottom:3px;font-weight:800}.newsitem a{color:var(--cyan)}.prog{padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.progrow{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:10px;border:1px solid transparent;position:relative;overflow:hidden}.progrow .ph{font-family:DM Mono,monospace;font-size:11px;color:var(--ink-dim);flex-shrink:0;width:92px}.progrow .pn{font-size:13px;font-weight:600}.progrow .pd{font-size:11px;color:var(--ink-dim)}.progrow.now{background:linear-gradient(95deg,rgba(255,90,60,.14),transparent);border-color:rgba(255,90,60,.4)}.progrow.now .ph,.progrow.now .pn{color:var(--coral-2)}.progrow.past{opacity:.42}.progrow .live-tag{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.5px;color:#fff;background:var(--air);padding:2px 8px;border-radius:20px;flex-shrink:0;box-shadow:0 0 12px -2px var(--air)}.progrow .pbar{position:absolute;left:0;bottom:0;height:2px;background:var(--coral);box-shadow:0 0 8px var(--coral);transition:width .6s linear}@media(max-width:1080px){.main{grid-template-columns:1fr}.col{display:none}.col.mshow{display:flex}.ad-top{display:none}.mobnav{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(21,16,31,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:40;padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.mobnav button{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;color:var(--ink-dim);font-size:9.5px;font-weight:700;border-radius:10px}.mobnav button .mi{font-size:19px}.mobnav button.on{color:var(--coral)}.main{padding-bottom:78px}.topplayer .tp-meta,.topplayer .tp-vol,.usermeta,header .conn .ctext{display:none}.topplayer{padding:4px;gap:8px}.drawer{width:100vw}.grid2{grid-template-columns:1fr}}@media(max-width:480px){header.bar{padding:9px 10px;gap:8px}.logo{font-size:17px}.main{padding:10px 10px 78px}.onair{display:none}}@media(max-width:768px){input,select,textarea{font-size:16px}}#mapp{position:fixed;top:var(--app-top,0);left:0;right:0;bottom:auto;height:var(--app-h,100dvh);display:flex;flex-direction:column;background:var(--bg);overflow:hidden;z-index:20}.m-player{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(21,16,31,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);flex-shrink:0}.m-play{width:38px;height:38px;background:linear-gradient(135deg,var(--coral),var(--coral-2));color:#1a0f0a;place-items:center;font-size:14px;box-shadow:var(--glow-coral)}.m-disc,.m-play{border-radius:50%;display:grid;flex-shrink:0}.m-disc{width:28px;height:28px;background:repeating-radial-gradient(circle,#0b0b0b 0 2px,#161616 2px 4px);place-items:center;animation:spin 4s linear infinite;animation-play-state:paused}.m-disc:after{content:"";width:30%;aspect-ratio:1;border-radius:50%;background:var(--gold)}.m-player.playing .m-disc{animation-play-state:running}.m-pmeta{display:flex;flex-direction:column;line-height:1.2;min-width:0;flex:1 1}.m-pname{font-size:12.5px;font-weight:700}.m-pname,.m-psub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-psub{font-size:10.5px;color:var(--ink-dim)}.m-air{width:14px;height:14px;border-radius:50%;background:var(--air);display:grid;place-items:center;flex-shrink:0;box-shadow:0 0 10px -1px var(--air)}.m-air .blink{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse2 1s infinite}.m-air.off{background:var(--line);box-shadow:none}.m-burger{position:relative;width:34px;height:34px;border-radius:9px;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-soft);font-size:18px;flex-shrink:0;display:grid;place-items:center}.m-burger.dot:after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--air);border:2px solid var(--panel);animation:pulse2 1s infinite}.m-screen{flex:1 1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.m-nav{display:flex;flex-shrink:0;background:rgba(21,16,31,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom))}.m-nav button{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;color:var(--ink-dim);font-size:9.5px;font-weight:700;border-radius:10px;background:none}.m-nav button .mi{font-size:19px}.m-nav button:active{background:var(--bg-2)}.m-nav button.on{color:var(--coral)}.m-list-head{display:flex;align-items:center;gap:10px;padding:12px 16px;flex-shrink:0}.m-list-head .logo{font-size:20px}.m-iconbtn{width:36px;height:36px;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-soft);font-size:16px;display:grid;place-items:center;flex-shrink:0}.m-rooms{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch}.m-group{padding:10px 16px 4px;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}.m-roomrow{display:flex;align-items:center;gap:13px;width:100%;padding:11px 16px;text-align:left;border-bottom:1px solid var(--line);background:none;cursor:pointer}.m-roomrow:active{background:var(--bg-2)}.m-rclose{flex-shrink:0;width:32px;height:32px;border-radius:50%;color:var(--ink-dim);font-size:20px;line-height:1;display:grid;place-items:center}.m-rclose:active{background:var(--line);color:var(--ink)}.m-ravatar{width:50px;height:50px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff;font-family:Unbounded,sans-serif}.m-ravatar.sm{width:38px;height:38px;font-size:16px}.m-rinfo{flex:1 1;min-width:0}.m-rtop{display:flex;align-items:baseline;gap:8px}.m-rname{font-size:16px;font-weight:700;flex:1 1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:DM Mono,monospace}.m-rtime{font-size:11px;color:var(--ink-dim);flex-shrink:0}.m-rbot{display:flex;align-items:center;gap:8px;margin-top:3px}.m-rprev{flex:1 1;min-width:0;font-size:13px;color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-rbadge{flex-shrink:0;background:var(--cyan);color:#06231f;font-size:11px;font-weight:800;min-width:20px;height:20px;padding:0 6px;border-radius:20px;display:grid;place-items:center}.m-convo-head{display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(21,16,31,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);flex-shrink:0}.m-back{font-size:30px;line-height:1;color:var(--ink-soft);width:30px;flex-shrink:0;background:none}.m-chtitle{flex:1 1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.m-chname{font-size:15px;font-weight:700;font-family:DM Mono,monospace}.m-chname,.m-chsub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.m-chsub{font-size:11px;color:var(--ink-dim)}.m-msgs{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 10px;display:flex;flex-direction:column;gap:6px;background:var(--bg)}.m-msgs .msg{display:flex;gap:8px;align-items:flex-end;animation:fade .2s;max-width:100%}.m-msgs .msg .mav{width:26px;height:26px;border-radius:50%;font-size:11px}.m-msgs .msg .mbody{max-width:78%;background:var(--panel-2);border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:6px 10px}.m-msgs .msg .mhead{gap:6px}.m-msgs .msg .mnick{font-size:12px}.m-msgs .msg .mtime{font-size:9.5px}.m-msgs .msg .mtext{font-size:14px;color:var(--ink);line-height:1.4}.m-msgs .msg.mine{flex-direction:row-reverse}.m-msgs .msg.mine .mav{display:none}.m-msgs .msg.mine .mbody{background:linear-gradient(95deg,rgba(255,90,60,.92),rgba(255,45,85,.85));border-color:transparent;border-radius:14px 4px 14px 14px}.m-msgs .msg.mine .mhead{display:none}.m-msgs .msg.mine .mtext{color:#fff}.m-msgs .msg.mine .mtext a{color:#fff;text-decoration:underline}.m-msgs .msg.action,.m-msgs .msg.sys{justify-content:center}.m-msgs .msg.action .mbody,.m-msgs .msg.sys .mbody{background:hsla(0,0%,100%,.05);border:none;border-radius:10px;max-width:90%;text-align:center;padding:4px 12px}.m-msgs .msg.broadcast,.m-msgs .msg.broadcast .mbody{max-width:100%}.m-input{display:flex;align-items:center;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(21,16,31,.98);border-top:1px solid var(--line);flex-shrink:0}.m-input input{flex:1 1;min-width:0;background:var(--bg-2);border:1px solid var(--line);color:var(--ink);padding:11px 14px;border-radius:22px;outline:none;font-size:16px}.m-input input:focus{border-color:var(--cyan)}.m-emoji{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:var(--bg-2);border:1px solid var(--line);font-size:19px;display:grid;place-items:center}.m-emoji.on{border-color:var(--coral);background:rgba(255,90,60,.12)}.m-send{width:44px;height:44px;border-radius:50%;background:var(--cyan);color:#06231f;display:grid;place-items:center;font-size:17px;flex-shrink:0}.m-convo .emoji-pop{flex-shrink:0;border:none;border-top:1px solid var(--line);border-radius:0}.m-convo .emoji-grid{max-height:38vh}.m-sheet-ov{position:fixed;inset:0;z-index:90;background:rgba(8,6,12,.6);display:flex;align-items:flex-end;animation:fade .15s}.m-sheet{width:100%;max-height:82vh;background:var(--bg);border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:8px 14px calc(18px + env(safe-area-inset-bottom));overflow-y:auto;animation:sheetup .25s cubic-bezier(.2,.8,.2,1)}@keyframes sheetup{0%{transform:translateY(40px);opacity:.5}to{transform:none;opacity:1}}.m-sheet-grip{width:40px;height:4px;border-radius:4px;background:var(--line);margin:4px auto 12px}.m-muser{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:10px}.m-muser .usermeta{display:flex;flex-direction:column;line-height:1.15}.m-muser .usermeta b{font-size:14px}.m-muser .usermeta span{font-size:11px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.5px}.m-vol{display:flex;align-items:center;gap:10px;padding:6px 2px 12px}.m-vmute{font-size:18px;width:26px;flex-shrink:0}.m-vol input[type=range]{flex:1 1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:6px;background:var(--line);outline:none}.m-vol input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--coral)}.m-vol input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--coral)}.m-mitem{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:14px 8px;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line);background:none}.m-mitem:active{background:var(--bg-2)}.m-mitem.hot{color:var(--coral)}.m-mitem.danger{color:var(--air)}.m-info .news,.m-info .prog,.m-sala .ulist{padding:8px 0}