:root{color-scheme:dark;--navy:#071224;--panel:#0c1c34;--blue:#59b9ff;--text:#f5f8ff;--muted:#9ab0c8}*{box-sizing:border-box}html{min-height:100%;background:#06101f}body{margin:0;color:var(--text);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 50% -10%,#214979 0%,#0b1b34 38%,#06101f 80%);min-height:100vh}.shell{width:min(100%,460px);margin:auto;padding:20px 16px max(28px,env(safe-area-inset-bottom))}.header{display:flex;align-items:center;gap:11px;padding:5px 2px 20px}.brand-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#3ca6f7,#25457e);box-shadow:0 0 22px #3ca6f744;font-size:27px}.eyebrow{letter-spacing:2.3px;color:#9cb5d5;font-size:9px;font-weight:800}h1{font-size:17px;letter-spacing:1px;margin:2px 0;font-weight:900}h1 span{color:#7acbff}.spark{margin-left:auto;color:#77c5ff;font-size:22px}.hero{position:relative;overflow:hidden;border:1px solid #5276a066;border-radius:27px;padding:20px 17px 19px;background:linear-gradient(160deg,#122d51 0%,#0a1930 50%,#09162b 100%);box-shadow:0 18px 55px #0007, inset 0 1px #ffffff18}.hero-glow{pointer-events:none;position:absolute;top:15%;left:10%;width:80%;height:45%;border-radius:50%;background:#1585db18;filter:blur(35px)}.topline{display:flex;align-items:center;justify-content:space-between;gap:8px}.chip{border:1px solid #86b6d34f;background:#0d2845;color:#d6ebfa;border-radius:99px;font-size:10px;font-weight:800;padding:9px 10px;letter-spacing:.35px;white-space:nowrap}.chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ffbf68;margin-right:4px}.chip.onair{color:#d6ffe6;border-color:#3ceaa066;background:#0b453b}.chip.onair i{background:#40ff9a;box-shadow:0 0 10px #40ff9a}.time{font-variant-numeric:tabular-nums;font-weight:800;color:#d3e9ff;font-size:13px}.kicker{text-align:center;color:#80cbff;font-size:10px;font-weight:800;letter-spacing:2px;margin:30px 0 8px}h2{text-align:center;font-size:clamp(30px,8vw,40px);line-height:1.13;letter-spacing:-1.3px;margin:0;font-weight:850}h2 em{font-style:normal;color:#84d2ff}.subhead{text-align:center;color:#adc4da;font-size:13px;margin:12px 0 23px}.stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(55px,.65fr) minmax(0,1fr);align-items:center;gap:7px;margin:4px 0 22px;min-height:170px}.speaker{width:100%;aspect-ratio:.73;max-height:205px;border-radius:17px;background:linear-gradient(145deg,#283b53,#070e19 36%,#172c42 90%);border:3px solid #344a62;box-shadow:inset 0 0 0 3px #070e1c,0 12px 24px #0009,0 0 24px #2296e522;padding:10px 7px}.speaker-inner{height:100%;border-radius:10px;background:linear-gradient(120deg,#060b14,#15283e 55%,#050a13);display:flex;flex-direction:column;align-items:center;justify-content:space-around}.tweeter{width:28%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#344963 0 26%,#070e1c 30% 60%,#419edb 63% 67%,#06101b 73%);box-shadow:0 0 12px #27aaff44}.woofer{width:90%;aspect-ratio:1;border-radius:50%;padding:7%;background:radial-gradient(circle,#040b15 0 53%,#65bfff 56% 59%,#0a1c32 62% 72%,#040911 75%);box-shadow:0 0 18px #1599ff70,inset 0 0 10px #000}.cone{height:100%;border-radius:50%;background:radial-gradient(circle,#182d43 0 22%,#0a111d 40%,#304a65 60%,#050a13 78%);display:grid;place-items:center;will-change:transform}.cap{width:35%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#46617b,#081323 65%);box-shadow:0 2px 8px #000}.console{text-align:center;min-width:0}.equalizer{height:50px;display:flex;align-items:center;justify-content:center;gap:4px}.equalizer b{height:15px;width:4px;border-radius:5px;background:linear-gradient(#8deaff,#198fe7);box-shadow:0 0 8px #32b5ff77}.equalizer b:nth-child(2),.equalizer b:nth-child(6){height:27px}.equalizer b:nth-child(3),.equalizer b:nth-child(5){height:36px}.equalizer b:nth-child(4){height:44px}.signal{font-size:10px;font-weight:900;letter-spacing:3px;color:#8dd4ff;margin-top:12px}.wave{font-size:39px;color:#64bdff;line-height:1.1}.stage.playing .cone{animation:bass .31s ease-in-out infinite alternate}.stage.playing .speaker:last-child .cone{animation-delay:-.13s}.stage.playing .equalizer b{animation:levels .52s ease-in-out infinite alternate}.stage.playing .equalizer b:nth-child(2n){animation-delay:-.3s}.stage.playing .equalizer b:nth-child(3n){animation-delay:-.15s}@keyframes bass{from{transform:scale(.96)}to{transform:scale(1.045)}}@keyframes levels{from{transform:scaleY(.45)}to{transform:scaleY(1.1)}}.player{display:flex;align-items:center;gap:13px;padding:12px;border-radius:18px;background:#071529;border:1px solid #40648855}.play{width:60px;height:60px;flex:none;border:0;border-radius:50%;color:#06223a;background:linear-gradient(145deg,#a1e5ff,#3ca9f5);font-size:23px;cursor:pointer;box-shadow:0 0 23px #43b9ff55}.play:active{transform:scale(.97)}.play-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.play-copy strong{font-size:14px;letter-spacing:.3px}.play-copy span{font-size:11px;color:#a6bfd5}.mute{background:none;border:0;color:white;font-size:22px;padding:8px;cursor:pointer}.volume{display:flex;align-items:center;gap:12px;padding:18px 3px 0}.volume span{font-size:10px;color:#b2c9dd;letter-spacing:1.2px;font-weight:800}.volume input{flex:1;min-width:0;accent-color:#75caff}.volume output{font-size:12px;color:#c6e3f7;font-variant-numeric:tabular-nums;width:34px;text-align:right}.message{margin:9px 0 0;min-height:14px;text-align:center;color:#ffc98e;font-size:12px}.message:empty{display:none}.info{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.info-card{background:#0d1d33;border:1px solid #3c597455;border-radius:17px;padding:14px 11px;display:flex;gap:9px;align-items:flex-start;min-width:0}.info-icon{color:#85d2ff;font-size:25px;line-height:1}.info-card div:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}.info-card small{font-size:9px;letter-spacing:.7px;color:#a3bbd1;font-weight:800}.info-card strong{font-size:12px;line-height:1.3}.info-card span{font-size:10px;color:#91a9bf}.whatsapp{display:flex;align-items:center;gap:13px;text-decoration:none;color:#fff;background:linear-gradient(120deg,#0c3b35,#124c43);border:1px solid #45b89877;border-radius:17px;padding:16px 14px}.wa-icon{font-size:23px;color:#72e6b4}.whatsapp span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.whatsapp strong{font-size:14px}.whatsapp small{color:#b6e2d2;font-size:11px;line-height:1.35}.arrow{font-size:23px;color:#98efcb}footer{text-align:center;padding:24px 0 4px;color:#90b3d0;font-size:12px;line-height:2}footer span{font-size:10px;color:#7893aa}@media(max-width:355px){.shell{padding-left:10px;padding-right:10px}.hero{padding:16px 12px}.stage{min-height:140px}.speaker{padding:6px 4px}.info-card{padding:11px 7px;gap:6px}.info-icon{font-size:19px}.info-card strong{font-size:11px}.chip{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}