:root{--bg:#050713;--panel:#0a1021;--panel2:#0e1730;--line:#1c3764;--cyan:#00d7ff;--blue:#2387ff;--pink:#ff2bc2;--purple:#8b41ff;--green:#2bdc77;--yellow:#ffcc35;--orange:#ff9f22;--red:#ff4d67;--text:#f3f7ff;--muted:#91a4bf}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at 18% 0,#24104f 0,transparent 28%),radial-gradient(circle at 85% 8%,#073a68 0,transparent 28%),linear-gradient(180deg,#040711,#080c18 60%,#050710);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh}button,input,select{font:inherit}a{color:inherit}.hidden{display:none!important}.grow{flex:1}.muted{color:var(--muted)}.tiny{font-size:11px}.compact{margin:3px 0}.field-gap{height:12px}.shell{max-width:1600px;margin:auto;padding:18px}.topbar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#08101ee8;border:1px solid #16417c;border-radius:16px;position:sticky;top:8px;backdrop-filter:blur(14px);z-index:20;box-shadow:0 0 28px #006dff24}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.brand .mic{font-size:28px;filter:drop-shadow(0 0 10px #bb2cff)}.brand small{display:block;color:var(--cyan);font-weight:700;letter-spacing:2.2px;font-size:10px}.venue-switch{display:flex;align-items:center;gap:7px;min-width:240px;margin-left:auto}.venue-switch span{font-size:10px;color:#7d94b4;letter-spacing:1.4px}.venue-switch .input{padding:8px}.statusbar{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.pill{border:1px solid #214269;background:#0b1628;border-radius:10px;padding:8px 10px;color:#dbeaff;font-size:12px}.pill.ok{border-color:#1b6846}.pill.warn{border-color:#6f5715}.pill b{color:white}.grid{display:grid;grid-template-columns:235px 1fr;gap:16px;margin-top:16px}.side,.card{background:linear-gradient(180deg,#0b1425ef,#09111fef);border:1px solid #173969;border-radius:16px;box-shadow:0 10px 40px #0007}.side{padding:10px;height:max-content;position:sticky;top:84px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{border:0;background:transparent;color:#b9c8dc;text-align:left;padding:12px 13px;border-radius:10px;cursor:pointer}.nav button.active,.nav button:hover{background:linear-gradient(90deg,#087af0,#0a56c9);color:white}.content{display:flex;flex-direction:column;gap:16px}.card{padding:16px}.card h2,.card h3{margin:0 0 8px}.now{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-bottom:16px}.hero{border:2px solid #923cff;box-shadow:0 0 30px #963cff4a inset,0 0 22px #e733ff22;border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:linear-gradient(120deg,#13194da8,#08182c)}.live-label{color:#ff75d8;font-size:12px;font-weight:900;letter-spacing:1.5px}.hero .name{font-size:34px;font-weight:1000;margin-top:5px}.hero .song{font-size:18px;color:#d7e5f7;margin-top:4px}.next{padding:17px;border:1px solid #1a4b7d;border-radius:16px;background:linear-gradient(180deg,#0d1c36,#0a1528)}.next strong{font-size:22px;display:block;margin-top:5px}.next-song{margin-top:6px}.next-wait{margin-top:16px;color:var(--cyan);font-size:22px;font-weight:900}.btn{border:0;border-radius:10px;padding:10px 14px;color:#fff;font-weight:800;cursor:pointer;background:#1c5dba;text-decoration:none;display:inline-block;text-align:center}.btn:hover{filter:brightness(1.12)}.btn.green{background:linear-gradient(90deg,#11a84f,#2bdc77)}.btn.red{background:linear-gradient(90deg,#c8203e,#ff4d67)}.btn.purple{background:linear-gradient(90deg,#7134e8,#a843ff)}.btn.orange{background:linear-gradient(90deg,#d77900,#ffad21)}.btn.cyan{background:linear-gradient(90deg,#067fe1,#03bcd8)}.btn.ghost{background:#111d31;border:1px solid #244567}.btn.sm{padding:7px 9px;font-size:12px}.btn.wide{width:100%;margin-top:12px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.input{width:100%;border:1px solid #244568;background:#081221;color:white;border-radius:10px;padding:11px 12px;outline:none}.input:focus{border-color:#2b94ff;box-shadow:0 0 0 3px #168cff20}.tablewrap{overflow:auto;border:1px solid #17365f;border-radius:12px;margin-top:12px}.table{width:100%;border-collapse:collapse;min-width:920px}.table th,.table td{padding:11px 10px;border-bottom:1px solid #132c4d;text-align:left;font-size:13px}.table th{color:#8dcdfc;background:#0a1730;position:sticky;top:0}.table tr:hover td{background:#0d1a2c}.queue-number{font-size:17px;font-weight:900}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:1000}.b-green{background:#123c2a;color:#5beb9b}.b-blue{background:#102f5c;color:#61bcff}.b-warn{background:#4b390b;color:#ffd55f}.b-live{background:#52184a;color:#ff6bd9}.b-red{background:#521924;color:#ff7b8d}.actions{min-width:260px}.request-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.request-card{border:1px solid #244b77;border-radius:15px;padding:14px;background:#0b172a}.request-card.missing{border-color:#735b1e;background:#171509}.request-head{display:flex;justify-content:space-between;gap:12px}.request-head .title{font-size:20px;font-weight:900}.song-title{font-weight:800;margin-top:4px}.meta{color:var(--muted);font-size:12px;margin-top:4px}.request-time{text-align:right}.request-time b{font-size:28px}.request-time span{display:block;color:var(--muted);font-size:11px}.dialog{position:fixed;inset:0;background:#02050ccc;display:grid;place-items:center;padding:15px;z-index:100}.box{width:min(460px,100%);background:#0a1324;border:1px solid #285184;border-radius:18px;padding:22px;box-shadow:0 20px 80px #000}.login-box{text-align:left}.login-logo{text-align:center;font-size:50px;filter:drop-shadow(0 0 18px #ce32ff)}.login-box h2{text-align:center}.login-btn{margin-top:16px!important}.register-link{display:block;text-align:center;margin-top:12px;color:#8edfff;text-decoration:none}.dialog-actions{justify-content:flex-end;margin-top:16px}.toast{position:fixed;right:18px;bottom:18px;background:#0c1a2d;border:1px solid #2a6ba6;padding:12px 15px;border-radius:12px;z-index:200;box-shadow:0 10px 30px #0008}.toast.err{border-color:#a7344b}.empty-panel,.empty-cell{padding:30px!important;text-align:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sep{border:0;border-top:1px solid #17365f;margin:18px 0}.filebox{border:1px dashed #36628f;border-radius:12px;padding:15px}.catalog-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px}.catalog-meta b{color:#8dbde8}.metric-big{font-size:32px;font-weight:1000;color:var(--cyan)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.public-admin-card{display:grid;gap:15px}.public-preview{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #7140b0;border-radius:14px;background:linear-gradient(120deg,#17113c,#0b1b34)}.public-preview>span{font-size:40px}.public-preview small{display:block;color:var(--muted);margin-top:4px}.user-grid{display:grid;gap:10px;margin-top:14px}.user-card{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid #1d426c;border-radius:14px;background:#0b172a}.user-card.disabled{opacity:.72}.avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2f8eff,#9d3cff);font-weight:1000;font-size:20px}.user-copy{display:flex;flex-direction:column}.user-copy b{font-size:16px}.user-copy span,.user-copy small{color:var(--muted);margin-top:2px}.user-copy small{font-size:11px}.create-venue{display:grid;grid-template-columns:1fr auto;gap:10px;margin:14px 0}.venue-grid{display:grid;gap:10px}.venue-card{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #1d426c;border-radius:14px;background:#0b172a}.venue-card.current{border-color:#8f45ff;box-shadow:0 0 20px #8f45ff22}.venue-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#101d38;font-size:22px}.venue-card small{display:block;color:var(--muted);margin-top:3px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(620px,100%);padding:22px}.link-btn{margin-top:15px}.compact-logo{padding:4px 0 20px!important}.footer{color:#6d809b;text-align:center;font-size:12px;padding:18px}
.client-wrap{max-width:610px;margin:0 auto;padding:22px 14px}.client-logo{text-align:center;padding:22px 8px}.client-logo .mic{font-size:58px;filter:drop-shadow(0 0 20px #d22cff)}.client-logo h1{margin:8px 0 0;font-size:29px}.client-card{padding:20px}.step-title{display:flex;gap:10px;align-items:center;margin-bottom:14px}.step-title.second{margin-top:22px}.step-title>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0d83f3,#8c3dff);font-weight:1000}.step-title b,.step-title small{display:block}.step-title small{color:var(--muted);margin-top:2px}.search-big{font-size:16px;padding:13px}.search-results{max-height:420px;overflow:auto;padding-right:3px;margin-top:8px}.song-result{width:100%;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;text-align:left;border:1px solid #293f69;border-radius:12px;padding:11px;margin-top:7px;cursor:pointer;background:#0a1323;color:white}.song-result:hover{border-color:#c73cff;background:#101a31;transform:translateY(-1px)}.song-icon{width:30px;height:30px;border-radius:9px;background:#171d3d;display:grid;place-items:center;color:#d95cff;font-weight:1000}.song-copy strong,.song-copy small{display:block}.song-copy small{color:#9eb2cc;margin-top:2px}.available-dot{color:#35df81;font-size:11px}.search-hint{color:#7288a5;text-align:center;padding:18px 5px;font-size:13px}.missing-box{display:grid;gap:9px;margin-top:12px;padding:14px;border:1px solid #77591f;background:#201909;border-radius:14px}.missing-box p{color:#d6c190;margin:4px 0 0;font-size:13px}.sent-card{text-align:center;padding:25px 18px}.sent-check{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:linear-gradient(135deg,#11a84f,#2bdc77);font-size:35px;font-weight:1000;box-shadow:0 0 30px #2bdc7755}.sent-kicker{color:var(--cyan);font-size:11px;letter-spacing:2px;font-weight:900}.sent-card h2{font-size:20px;margin:8px 0 14px}.sent-song{padding:14px;background:#0b1729;border-radius:13px;border:1px solid #1b3d66}.sent-song b,.sent-song span{display:block}.sent-song span{color:var(--muted);margin-top:4px}.tracking-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.tracking-grid>div{background:#0c1830;border:1px solid #203f6b;border-radius:13px;padding:13px}.tracking-grid small,.tracking-grid strong{display:block}.tracking-grid small{color:#8ba4c3;font-size:10px}.tracking-grid strong{font-size:24px;margin-top:4px}.prep-note{padding:11px;background:#2b220b;border:1px solid #745c1a;border-radius:11px;color:#f4d470}.client-links{text-align:center;margin-top:14px;font-size:11px;color:#51657f}.client-links a{text-decoration:none}.venue-choices{display:grid;gap:9px;margin-top:12px}.venue-choice{border:1px solid #284b7c;background:#0b172a;color:white;border-radius:14px;padding:14px;display:grid;grid-template-columns:40px 1fr;column-gap:10px;text-align:left;cursor:pointer}.venue-choice span{grid-row:1/3;font-size:28px}.venue-choice b{font-size:17px}.venue-choice small{color:var(--muted)}.admin-results{max-height:360px}.result{border:1px solid #293f69;border-radius:12px;padding:11px;margin-top:8px;background:#0a1323}.result strong,.result small{display:block}.result small{color:#9eb2cc}
.public-body{overflow-x:hidden;background:radial-gradient(circle at 50% -10%,#2b1058 0,transparent 35%),radial-gradient(circle at 90% 10%,#003b72 0,transparent 30%),#050712}.public-picker{min-height:100vh;display:grid;place-items:center;padding:25px}.public-picker .card{width:min(600px,100%)}.public-stage{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;padding:24px 32px}.public-header{display:flex;justify-content:space-between;align-items:center}.public-brand{font-size:22px}.public-brand small{font-size:10px}.public-clock{font-size:28px;font-weight:900;color:#80ddff}.on-air{position:relative;text-align:center;padding:28px 30px 32px;border:1px solid #7b38ff;border-radius:28px;background:linear-gradient(120deg,#190f43dd,#081a38e8);box-shadow:0 0 60px #9b35ff35 inset,0 0 35px #1c8cff22;overflow:hidden}.on-air:before{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent,#ff3bd6aa,transparent);height:2px;animation:sweep 4s linear infinite}.on-air-label{font-weight:1000;color:#ff66d5;letter-spacing:3px;font-size:15px}.on-air-label i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3a74;box-shadow:0 0 15px #ff3a74;margin-right:6px}.on-air-name{font-size:clamp(48px,7.6vw,105px);line-height:1;font-weight:1000;margin-top:13px;text-transform:uppercase;text-shadow:0 0 32px #4b9cff55}.on-air-song{font-size:clamp(20px,2.7vw,38px);margin-top:11px;color:#dfe9ff}.equalizer{height:26px;display:flex;align-items:end;justify-content:center;gap:5px;margin-top:16px}.equalizer i{width:5px;border-radius:5px;background:linear-gradient(#ff3dcf,#26c8ff);animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(2n){animation-delay:.25s}.equalizer i:nth-child(3n){animation-delay:.5s}.equalizer i:nth-child(4n){animation-delay:.75s}.coming{width:min(1350px,100%);margin:0 auto}.coming-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:10px}.coming-title b{font-size:clamp(24px,2.8vw,38px);letter-spacing:1px}.coming-title small{color:#7f9abc;letter-spacing:1px}.public-list{display:grid;gap:8px}.public-row{display:grid;grid-template-columns:58px 1fr 130px 105px;align-items:center;gap:14px;padding:12px 17px;border:1px solid #1b4777;background:#09162ad9;border-radius:14px;min-height:66px}.public-row.first{border-color:#6c8fff;background:linear-gradient(90deg,#10265a,#0a1830);box-shadow:0 0 20px #4d74ff22}.public-pos{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#102b53;color:#74caff;font-size:20px;font-weight:1000}.public-person b,.public-person span{display:block}.public-person b{font-size:clamp(19px,2vw,28px)}.public-person span{color:#9eb4d0;font-size:clamp(12px,1.2vw,16px);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-state{text-align:right}.pub-status{font-size:10px;font-weight:1000;border-radius:999px;padding:5px 8px}.pub-status.ready{background:#123c2a;color:#5beb9b}.pub-status.prep{background:#4b390b;color:#ffd55f}.public-wait{text-align:right}.public-wait strong{font-size:30px}.public-wait span{font-size:12px;color:#87a0bf;margin-left:3px}.public-empty{text-align:center;padding:30px;color:#7890ad;border:1px dashed #25476d;border-radius:15px}.public-footer{display:flex;justify-content:center;gap:16px;color:#6f87a5;font-size:13px}.dot-sep{color:#c13fff}@keyframes eq{from{height:5px}to{height:25px}}@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.venue-switch{margin-left:0}.grid{grid-template-columns:1fr}.side{position:static}.nav{flex-direction:row;overflow:auto}.now{grid-template-columns:1fr}.request-grid,.split,.form-grid{grid-template-columns:1fr}.statusbar{width:100%;justify-content:flex-start}.hero{align-items:flex-start;flex-direction:column}.user-card{grid-template-columns:44px 1fr}.user-card>.toolbar{grid-column:1/-1}.public-stage{padding:14px}.public-row{grid-template-columns:44px 1fr 82px}.public-state{display:none}}
@media(max-width:650px){.shell{padding:8px}.topbar{position:static}.brand{width:100%}.venue-switch{width:100%}.statusbar{display:none}.tracking-grid{grid-template-columns:1fr 1fr}.client-wrap{padding:12px 10px}.client-logo{padding:14px 8px}.client-logo .mic{font-size:46px}.client-logo h1{font-size:24px}.create-venue{grid-template-columns:1fr}.venue-card{align-items:flex-start;flex-wrap:wrap}.venue-card .toolbar{width:100%}.public-row{grid-template-columns:38px 1fr 68px;padding:9px}.public-pos{width:34px;height:34px}.public-wait strong{font-size:21px}.public-header{align-items:flex-start}.public-clock{font-size:20px}.on-air{padding:20px 12px}.public-footer{flex-direction:column;gap:2px;text-align:center}.dot-sep{display:none}.request-grid{grid-template-columns:1fr}.table{min-width:760px}}

/* 0.3.0 · módulos visuales: QR, estadísticas y pantalla pública V2 */
.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.qr-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid #234b7b;border-radius:18px;background:linear-gradient(145deg,#0b172a,#0a1020)}.qr-card h3{margin:0}.qr-card .input,.qr-card .toolbar{grid-column:1/-1}.qr-canvas{width:170px;height:170px;max-width:100%;background:white;border-radius:14px;padding:8px;box-shadow:0 0 25px #00b7ff22}.stats-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.stats-metrics>div{padding:16px;border:1px solid #24476f;border-radius:15px;background:linear-gradient(145deg,#0b172a,#0a1222)}.stats-metrics small,.stats-metrics strong{display:block}.stats-metrics small{color:#87a4c6;font-size:10px;letter-spacing:1px}.stats-metrics strong{font-size:30px;margin-top:5px;color:#dff7ff}.stats-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stats-columns>div{border:1px solid #1d3d65;border-radius:15px;padding:14px;background:#081321}.rank-list{display:grid;gap:7px}.rank-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:9px 10px;border-radius:10px;background:#0d1b2e}.rank-num{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#17345e;color:#79d6ff;font-weight:900}.rank-row strong{color:#6ce6ff;font-size:17px}

.public-v2{gap:16px;background:radial-gradient(circle at 15% 5%,#2d1159 0,transparent 28%),radial-gradient(circle at 88% 8%,#06386d 0,transparent 30%),linear-gradient(180deg,#040610,#060a14)}.public-head-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.public-head-stats span{padding:8px 11px;border:1px solid #244c79;border-radius:999px;background:#081529;color:#8db1d6;font-size:11px;font-weight:800;letter-spacing:.7px}.public-head-stats span b{color:#fff;font-size:15px}.public-head-stats strong{font-size:30px;color:#79dcff;margin-left:7px}.on-air-v2{padding:34px 30px 38px;border-radius:30px;background:radial-gradient(circle at 50% 20%,#24347a55 0,transparent 45%),linear-gradient(120deg,#20104fe8,#071a39ee);border:1px solid #8f43ff;box-shadow:0 0 90px #8f43ff25 inset,0 0 35px #168cff1f}.on-air-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#34133a;border:1px solid #82366e;color:#ff82db;font-size:12px;font-weight:1000;letter-spacing:1.8px}.on-air-badge i{width:8px;height:8px;border-radius:50%;background:#ff3569;box-shadow:0 0 16px #ff3569}.now-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.16}.now-decoration span{position:absolute;font-size:80px}.now-decoration span:nth-child(1){left:7%;top:18%;transform:rotate(-18deg)}.now-decoration span:nth-child(2){right:8%;top:12%;transform:rotate(14deg)}.now-decoration span:nth-child(3){right:18%;bottom:5%;transform:rotate(-8deg)}.coming-v2{padding:0 4px}.coming-title>div:first-child{display:flex;align-items:center;gap:12px}.coming-title>div:first-child>div{display:flex;flex-direction:column}.coming-title>div:first-child small{color:#7c9cbe;font-size:10px;letter-spacing:1.5px}.section-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#122a56,#311751);font-size:24px}.public-list-v2{grid-template-columns:1fr}.public-list-v2 .public-row{min-height:76px;padding:14px 18px;border-color:#203e66;background:linear-gradient(90deg,#081629f2,#0b1324e8)}.public-list-v2 .public-row.first{min-height:84px;border-color:#6d76ff;background:linear-gradient(90deg,#172759,#151334);box-shadow:0 0 28px #6857ff24}.public-list-v2 .public-pos{width:46px;height:46px;border-radius:14px;background:linear-gradient(145deg,#15325f,#16264a)}.public-list-v2 .first .public-pos{background:linear-gradient(145deg,#6735df,#247bd7);color:white}.public-list-v2 .public-person b{font-size:clamp(22px,2.2vw,32px)}.public-list-v2 .public-person span{font-size:clamp(13px,1.35vw,18px)}.public-list-v2 .public-wait{display:flex;align-items:baseline;justify-content:flex-end;gap:5px}.public-list-v2 .public-wait strong{font-size:34px;color:#e9f8ff}.public-list-v2 .public-wait span{font-size:10px;letter-spacing:1px}.public-footer-v2{display:grid;grid-template-columns:1fr 110px auto;gap:18px;align-items:center;padding:12px 16px;border:1px solid #15375d;border-radius:18px;background:#071221cc}.public-call{display:flex;flex-direction:column;gap:3px}.public-call b{font-size:18px;color:#dff7ff}.public-call span{color:#7f9aba}.public-qr{width:100px;height:100px;background:white;border-radius:10px;padding:5px}.public-link{font-size:14px;color:#70d6ff;text-align:right;max-width:360px;overflow-wrap:anywhere}.public-empty{display:flex;flex-direction:column;gap:7px}.public-empty b{font-size:25px}.public-empty span{font-size:15px}

/* panel principal más visual */
#tab-queue .now{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr)}#tab-queue .hero{min-height:170px;background:radial-gradient(circle at 20% 0,#43205c66 0,transparent 45%),linear-gradient(125deg,#111847,#071a31);border-color:#9a46ff}#tab-queue .hero .name{font-size:clamp(34px,4vw,58px);text-transform:uppercase}#tab-queue .hero .song{font-size:clamp(17px,1.6vw,24px)}#tab-queue .next{display:flex;flex-direction:column;justify-content:center;min-height:170px;background:linear-gradient(145deg,#0d203b,#0b1327);border-color:#24588d}#tab-queue .next strong{font-size:clamp(24px,2.4vw,36px)}

@media(max-width:900px){.qr-grid,.stats-columns{grid-template-columns:1fr}.stats-metrics{grid-template-columns:1fr 1fr}.public-footer-v2{grid-template-columns:1fr 90px}.public-link{grid-column:1/-1;text-align:center}.public-qr{width:84px;height:84px}#tab-queue .now{grid-template-columns:1fr}}
@media(max-width:560px){.qr-card{grid-template-columns:1fr}.qr-canvas{justify-self:center}.stats-metrics{grid-template-columns:1fr 1fr}.public-head-stats span{display:none}.public-head-stats strong{font-size:22px}.public-footer-v2{grid-template-columns:1fr}.public-qr{justify-self:center}.public-link{text-align:center}.public-list-v2 .public-row{grid-template-columns:38px 1fr 64px}.public-list-v2 .public-state{display:none}.public-list-v2 .public-wait strong{font-size:24px}}