:root{--bg:#060a24;--panel:#101231;--cream:#fff4ff;--accent:#dc82ff;--equalizer:#c7a2ff;--volume-color:#b18cff;--border:#3e365e;--muted:#c1bddb;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--bg);color:var(--cream);font-family:"Nunito Sans",Arial,sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--equalizer);outline-offset:4px}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}.icon{width:24px;height:24px;flex:none;vertical-align:middle}.page-shell{max-width:1800px;margin:auto;overflow:clip}.header{height:80px;position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #332d54;background:#060a24e8}.brand{display:flex;align-items:center;gap:14px;font-size:47px;line-height:1;font-weight:1000;letter-spacing:-2px}.brand-mark{width:68px;height:55px}.fm{color:var(--accent);font-size:36px;letter-spacing:-1.5px}.header nav{display:flex;gap:34px;align-items:center;font-size:18px;font-weight:700}.header nav a,.nav-button{padding:25px 0}.header nav .selected{display:flex;gap:12px;align-items:center;color:var(--accent);position:relative}.header nav .selected:after{content:"";position:absolute;bottom:13px;left:27px;right:0;height:3px;border-radius:3px;background:var(--accent)}.nav-button{border:0;background:none}.nav-button:hover,.hosts-link:hover{color:var(--accent)}.status-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none;background:var(--accent);box-shadow:0 0 15px #dc82ff24;animation:live-dot 2.6s ease-in-out infinite}.account{display:flex;gap:12px;align-items:center}.avatar-login{width:43px;height:43px;border-radius:50%;border:1px solid #332b54;background:#10102d;display:grid;place-items:center}.avatar-login .icon{width:21px}.login-button{border:0;background:var(--accent);color:#211035;padding:12px 25px;border-radius:11px;font-weight:900;display:flex;align-items:center;gap:14px;box-shadow:0 3px 0 #6c318f}.login-button:hover,.music-request:hover{background:#e8a4ff;transform:translateY(-2px)}main{padding:0 38px 116px}.hero{position:relative;min-height:566px;isolation:isolate;overflow:clip}.copy{position:relative;width:min(630px,44vw);z-index:5;padding-top:24px;padding-bottom:16px}.live-pill{border:1px solid #736285;display:inline-flex;gap:10px;align-items:center;padding:4px 13px;border-radius:22px;color:var(--accent);font-size:14px;letter-spacing:.6px;font-weight:900;background:#10102de3}.live-pill .status-dot{width:15px;height:15px}h1{font-size:clamp(58px,4.75vw,84px);font-weight:1000;line-height:.95;letter-spacing:-3px;margin:14px 0 11px}.second-line{white-space:nowrap}.accent{color:var(--accent)}.tagline{font-size:22px;font-weight:800;margin:0 0 20px;line-height:1.25}.radio-panel{padding:18px;border:1px solid var(--border);background:linear-gradient(135deg,#11132ff5,#060a24f7);border-radius:15px;box-shadow:0 14px 34px #03041b33}.player-core{display:grid;grid-template-columns:154px minmax(0,1fr);gap:20px;align-items:start}.host-portrait{height:174px;border-radius:9px;position:relative;overflow:hidden;background:var(--accent);display:flex;align-items:flex-start;justify-content:center;box-shadow:inset 0 0 25px #a532de3b}.host-portrait img{width:160px;height:275px;flex:none;image-rendering:pixelated;transform:translateY(-24px)}.portrait-dot{position:absolute;right:9px;bottom:9px;height:9px;width:9px;border-radius:50%;background:var(--equalizer);box-shadow:0 0 0 3px #372352a6}.host-info h2{font-size:35px;line-height:1.05;font-weight:1000;letter-spacing:-1px;margin:0 0 5px}.show-name{color:var(--equalizer);font-size:19px;font-weight:900;line-height:1.16;margin:0 0 5px}.listener-count{display:flex;align-items:center;gap:6px;font-size:15px;line-height:1.2;margin:0}.listener-count .icon{width:21px;height:21px;fill:var(--cream);stroke-width:1.5}.audio-controls{display:flex;align-items:center;gap:14px;margin-top:8px}.play-button{display:grid;place-items:center;width:65px;height:65px;flex:none;border-radius:50%;border:1px solid #f0baff;background:var(--accent);color:#22103a;box-shadow:0 4px 0 #603478,0 0 22px #dc82ff23}.play-button .icon{height:34px;width:34px}.play-button:hover{transform:scale(1.06);box-shadow:0 4px 0 #603478,0 0 30px #dc82ff50}.audio-display{min-width:0;flex:1}.equalizer{height:54px;display:flex;align-items:end;gap:3px;min-width:0;flex:1;overflow:hidden}.equalizer i{display:block;width:6px;flex:1;max-width:8px;min-width:2px;height:var(--h);background:repeating-linear-gradient(to top,var(--equalizer) 0 3px,transparent 3px 5px);transform-origin:center bottom;animation:equalize var(--speed) ease-in-out infinite alternate;animation-delay:calc(var(--i)*-93ms);filter:drop-shadow(0 0 2px #c7a2ff22)}.volume-control{display:flex;gap:12px;align-items:center;margin-top:5px;height:18px}.mute-button{padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;flex:none}.mute-button .icon{height:20px;width:20px}.volume-slider{width:100%;min-width:0;height:7px;margin:0;appearance:none;-webkit-appearance:none;border-radius:6px;background:linear-gradient(to right,var(--volume-color) 0 var(--volume,65%),#453760 var(--volume,65%) 100%);cursor:pointer}.volume-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;background:var(--volume-color);border-radius:50%;border:0}.volume-slider::-moz-range-thumb{width:15px;height:15px;background:var(--volume-color);border-radius:50%;border:0}.player-actions{display:flex;gap:9px;margin-top:16px;height:48px}.music-request{border:0;border-radius:8px;background:var(--accent);color:#221039;font-size:17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:10px 19px;white-space:nowrap}.music-request .icon{height:25px;width:25px}.visit-room{border:1px solid #8872a6;box-shadow:inset 0 0 0 2px #19153b;background:#13142ee3;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;font-size:15px;font-weight:800;flex:1;white-space:nowrap}.visit-room:hover{border-color:var(--volume-color);background:#302449;box-shadow:0 0 18px #b18cff30}.like-button{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #725b88;border-radius:8px;background:#13142e;color:var(--cream);padding:8px 9px;white-space:nowrap;min-width:70px;font-weight:700;font-size:14px}.filled-heart{stroke:var(--accent);fill:var(--accent);height:26px;width:26px}.like-button:hover,.like-button[aria-pressed=true]{border-color:var(--accent);background:#3b224b}.like-button.pop .filled-heart{animation:heart-pop .4s ease-out}.recado-line{display:flex;align-items:center;gap:9px;color:#bdb5d6;font-size:13px;height:24px;margin-top:12px;max-width:610px;overflow:hidden}.recado-line .icon{height:16px;width:16px;color:var(--volume-color)}.recado-line b{color:#e3d8f3}.recado-line span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-stage{position:absolute;right:-44px;top:-183px;width:clamp(800px,61vw,1070px);aspect-ratio:1;z-index:1;isolation:isolate}.scene-background{width:100%;display:block;user-select:none;pointer-events:none}.room-stage:after{position:absolute;content:"";inset:0;background:linear-gradient(90deg,#060a24 0,transparent 8%);pointer-events:none;z-index:8}.character{position:absolute;width:8.3%;aspect-ratio:64/110;padding:0;background:none;border:0;z-index:3;filter:drop-shadow(0 2px 1px #0005);transition:filter .2s}.character img{width:100%;height:100%;display:block;image-rendering:pixelated}.character:hover,.character:focus-visible{filter:drop-shadow(0 0 6px #c7a2ff99)}.dj{left:56%;bottom:49%;width:8.5%}.guest{z-index:6}.guest-one{left:34%;bottom:26%;--delay:-.2s}.guest-two{left:44%;bottom:21%;--delay:-.7s}.guest-three{left:51%;bottom:34%;--delay:-.4s}.guest img{animation:groove 1.2s steps(2,end) infinite;animation-delay:var(--delay)}.desk-mask{position:absolute;inset:0;width:100%;z-index:4;clip-path:polygon(38% 43.6%,73% 48.4%,72% 65.1%,37% 55.2%);pointer-events:none}.room-badge{position:absolute;right:3px;top:20px;z-index:6;flex:none;height:36px;font-size:12px;letter-spacing:.6px;padding:5px 12px;border-color:#725687;box-shadow:0 4px 14px #00101866;background:#12102ee8}.room-badge .icon{width:18px;height:18px;fill:var(--cream);stroke-width:1}.ambient{position:absolute;pointer-events:none;z-index:2}.floor-glow{inset:0;background:#d58cff;mix-blend-mode:screen;opacity:.045;clip-path:polygon(20% 63%,38% 55%,60% 69%,43% 82%);animation:floor-beat 2.4s ease-in-out infinite}.disco-glow{left:65%;top:18%;width:11%;height:11%;border-radius:50%;background:radial-gradient(circle,#efc6ff25,transparent 68%);mix-blend-mode:screen;animation:disco-drift 6s ease-in-out infinite}.lamp{width:8%;height:8%;border-radius:50%;background:radial-gradient(circle,#ffb75136,transparent 70%);mix-blend-mode:screen;animation:warm-light 3s ease-in-out infinite alternate}.lamp-one{left:18%;top:39%}.lamp-two{left:88%;top:71%;animation-delay:-1.7s}.record{position:absolute;width:5.5%;height:2.8%;border-radius:50%;z-index:5;pointer-events:none;opacity:.35;transform:rotate(25deg);overflow:hidden}.record i{display:block;width:100%;height:100%;border:2px dashed #e1aeff;animation:spin 3s linear infinite;border-radius:50%}.record-one{left:43.7%;top:44.5%}.record-two{left:53.5%;top:50.7%}.scene-chat{position:absolute;z-index:9;display:block;background:var(--cream);color:#221f3b;font:900 13px "Nunito Sans",sans-serif;padding:6px 11px;border:2px solid #211938;box-shadow:3px 3px #060a24;white-space:nowrap;animation:chat-float 4s ease-in-out infinite}.scene-chat:after{content:"";position:absolute;bottom:-7px;left:12px;width:8px;height:8px;background:var(--cream);border-right:2px solid #211938;border-bottom:2px solid #211938;transform:skewY(30deg)}.chat-one{left:33%;bottom:41%}.chat-two{left:56%;bottom:47%;font-size:21px;line-height:1;color:var(--accent);animation-delay:-2s}.reactions-layer{position:absolute;inset:0;pointer-events:none;z-index:10}.flying-heart{position:absolute;color:var(--accent);font-size:28px;left:var(--x);top:var(--y);animation:reaction-rise 2.4s ease-out forwards;text-shadow:2px 2px #060a24}.room-stage.room-focus{animation:room-highlight 1.2s ease-out}.schedule-section{position:relative;z-index:6;padding-top:8px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading h2{font-size:33px;line-height:1.15;font-weight:1000;letter-spacing:-1px;margin:0}.hosts-link{display:flex;gap:6px;align-items:center;border:0;background:none;color:var(--volume-color);font-size:14px;font-weight:800}.hosts-link .icon{width:18px;height:18px}.schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.program-card{display:grid;grid-template-columns:47% 53%;text-align:left;padding:0;border-radius:12px;overflow:hidden;border:1px solid #62507a;background:#10142f;min-width:0;height:176px;position:relative;box-shadow:0 6px 22px #00131b26}.program-card:hover{transform:translateY(-4px);border-color:var(--volume-color);box-shadow:0 10px 28px #00131b70}.program-card.on-air{border:2px solid var(--accent);box-shadow:0 0 0 2px #dc82ff11,0 0 22px #dc82ff1b}.program-info{padding:15px 9px 14px 16px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;z-index:2}.program-main{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px}.program-avatar{height:79px;border-radius:7px;overflow:hidden;display:flex;justify-content:center;background:#b18cff}.program-avatar img{width:64px;height:110px;image-rendering:pixelated;flex:none;transform:translateY(-7px)}.program-avatar.electronic{background:var(--accent)}.program-avatar.resenha{background:#aa78e3}.program-card time{font-weight:1000;font-size:24px;line-height:1.1;color:var(--accent)}.program-card h3{font-weight:900;font-size:18px;line-height:1.15;margin:3px 0 7px;letter-spacing:-.25px}.program-card p{color:#d3c1ea;font-size:13px;margin:0}.program-meta{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.program-meta .icon{width:21px;height:21px;fill:var(--cream);stroke-width:1.4}.mini-live{display:flex;align-items:center;gap:5px;margin-left:4px;color:var(--accent);border:1px solid var(--accent);border-radius:6px;padding:3px 5px;font-size:10px;line-height:1;font-weight:900}.mini-live .status-dot{width:9px;height:9px}.program-scene{height:100%;position:relative;overflow:hidden;background:#10142f;isolation:isolate}.thumb-room{width:144%;height:144%;max-width:none;object-fit:cover;position:absolute;left:-22%;top:-22%;transition:transform .6s}.program-card:hover .thumb-room{transform:scale(1.05)}.program-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10142f1a,transparent 35%,#10142f00);pointer-events:none}.thumb-avatar{position:absolute;width:17%;height:auto;image-rendering:pixelated;z-index:2}.pop-host{left:48%;bottom:14%}.electronic-host{left:58%;bottom:49%}.resenha-host{left:37%;bottom:16%}.card-arrow{position:absolute;right:6px;bottom:12px;z-index:3;width:23px;height:23px;filter:drop-shadow(0 1px 3px #000)}.preview-caption{font-size:10px;color:#8980a8;text-align:right;margin:12px 0 0}.sticky-player{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;gap:24px;align-items:center;background:#060a24f7;border-top:1px solid #45365f;min-height:99px;padding:12px 40px;box-shadow:0 -8px 32px #04031b33;backdrop-filter:blur(6px)}.sticky-host{display:flex;gap:15px;align-items:center;min-width:315px}.sticky-avatar{width:59px;height:73px;background:var(--accent);border-radius:6px;overflow:hidden;flex:none;display:flex;justify-content:center}.sticky-avatar img{width:64px;height:110px;image-rendering:pixelated;flex:none;transform:translateY(-6px)}.sticky-host strong{font-size:23px;font-weight:1000;letter-spacing:-.5px}.sticky-host p{font-size:15px;margin:0;color:#e0d1f2}.sticky-listeners{display:flex;align-items:center;gap:7px;font-size:15px;white-space:nowrap}.sticky-listeners .icon{fill:var(--cream);stroke-width:1.4}.sticky-player .play-button{width:62px;height:62px}.sticky-player .equalizer{height:57px;max-width:320px}.sticky-volume{display:flex;align-items:center;gap:15px;flex:1;min-width:120px;max-width:260px}.sticky-volume .icon{width:26px;height:26px}.footer-like{padding:10px;border:0;background:none;font-size:16px;gap:13px;margin-left:auto}.footer-like .icon{width:31px;height:31px}.collapse-player{background:none;border:0;padding:10px;display:grid;place-items:center}.collapse-player .icon{width:25px;height:25px;transition:transform .2s}.sticky-player.collapsed{min-height:62px;padding-top:6px;padding-bottom:6px}.sticky-player.collapsed .sticky-avatar{height:47px}.sticky-player.collapsed .sticky-listeners,.sticky-player.collapsed .equalizer,.sticky-player.collapsed .sticky-volume{display:none}.sticky-player.collapsed .play-button{width:43px;height:43px}.sticky-player.collapsed .collapse-player .icon{transform:rotate(180deg)}.sticky-player.collapsed .sticky-host strong{font-size:18px}.sticky-player.collapsed .sticky-host p{font-size:12px}.toast{position:fixed;left:50%;bottom:118px;z-index:70;transform:translate(-50%,12px);background:#2c2546;border:1px solid var(--equalizer);padding:11px 20px;border-radius:10px;font-size:14px;font-weight:800;opacity:0;pointer-events:none;max-width:90vw;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #76628e;border-radius:18px;padding:30px;width:min(520px,calc(100vw - 30px));max-height:90vh;overflow:auto;color:var(--cream);background:#151335;box-shadow:0 20px 90px #00101899}dialog::backdrop{background:#00131ccd;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:13px;right:13px;background:#302746;border:0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.dialog-close .icon{width:18px;height:18px}.dialog-eyebrow{font-size:11px;letter-spacing:1.2px;color:var(--accent);font-weight:900}dialog h2{font-size:32px;font-weight:1000;letter-spacing:-1px;margin:12px 0 8px}dialog p{color:#cfc2e1;margin:0 0 20px;line-height:1.5}form{display:grid;gap:14px}form label{display:grid;gap:5px;font-weight:800;font-size:13px}input:not([type=range]),textarea{width:100%;color:var(--cream);border:1px solid #605277;background:#10102b;border-radius:7px;padding:10px 12px;font-size:15px;resize:vertical}textarea{min-height:73px}form small{color:#a89abb;font-size:11px;text-align:center}.dialog-scene{width:100%;aspect-ratio:1;position:relative;overflow:hidden;border-radius:12px;background:#060a24}.dialog-scene>img:first-child{width:100%;display:block}.dialog-host{position:absolute;width:10%;height:auto;left:55%;bottom:49%;image-rendering:pixelated}.dialog-hostname{margin-top:14px!important;font-weight:900;color:var(--cream)!important}.host-list{display:grid;gap:10px;margin-top:20px}.host-list button{display:flex;gap:15px;align-items:center;border:1px solid #605277;background:#11102b;border-radius:10px;padding:12px;text-align:left}.host-list img{height:64px;width:40px;object-fit:cover;object-position:top;image-rendering:pixelated}.host-list span{flex:1}.host-list b,.host-list small{display:block}.host-list b{font-size:18px}.host-list small{font-size:13px;color:var(--muted)}
body[data-playing=false] .equalizer i,body[data-playing=false] .floor-glow,body[data-playing=false] .record i,body[data-playing=false] .guest img{animation-play-state:paused}
@keyframes equalize{from{transform:scaleY(.35)}to{transform:scaleY(1.3)}}@keyframes live-dot{50%{box-shadow:0 0 0 4px #dc82ff15}}@keyframes floor-beat{50%{opacity:.14}}@keyframes disco-drift{50%{transform:translate(8px,3px);opacity:.55}}@keyframes warm-light{to{opacity:.5;transform:scale(1.1)}}@keyframes groove{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes chat-float{50%{transform:translateY(-4px)}}@keyframes reaction-rise{to{transform:translate(8px,-110px);opacity:0}}@keyframes heart-pop{40%{transform:scale(1.35)}}@keyframes room-highlight{35%{filter:drop-shadow(0 0 10px #b18cff)}}.recado-switch{animation:recado-in .4s ease-out}@keyframes recado-in{from{opacity:0;transform:translateY(6px)}}
@media(min-width:1700px){.copy{width:670px}.hero{min-height:610px}.player-core{grid-template-columns:165px 1fr}.room-stage{top:-180px}}
@media(max-width:1400px){.brand{font-size:41px}.brand-mark{width:61px}.fm{font-size:32px}.header nav{gap:25px}.header{padding:0 30px}main{padding-right:30px;padding-left:30px}.copy{width:46vw}.room-stage{right:-69px;top:-145px;width:880px}.hero{min-height:545px}h1{font-size:67px}.tagline{font-size:20px}.player-core{grid-template-columns:135px minmax(0,1fr);gap:17px}.host-portrait{height:161px}.host-portrait img{width:145px;height:auto}.show-name{font-size:17px}.host-info h2{font-size:32px}.radio-panel{padding:15px}.play-button{width:57px;height:57px}.music-request{font-size:15px;padding:10px 13px}.visit-room{font-size:13px;padding:8px 10px;gap:7px}.like-button{min-width:62px;padding:7px}.program-info{padding-left:12px}.program-main{grid-template-columns:50px minmax(0,1fr);gap:9px}.program-avatar{height:70px}.program-card h3{font-size:16px}.program-card time{font-size:22px}.program-meta{font-size:10px;gap:4px}.mini-live{font-size:9px;padding:3px}.sticky-player{gap:19px;padding:12px 30px}.sticky-host{min-width:280px}.sticky-host strong{font-size:20px}.sticky-listeners{display:none}.sticky-volume{max-width:200px}.section-heading h2{font-size:30px}}
@media(max-width:1100px){.header{padding:0 24px}.header nav{gap:20px;font-size:16px}.brand{font-size:35px}.fm{font-size:27px}.brand-mark{width:50px;height:43px}.avatar-login{display:none}.hero{min-height:540px}.room-stage{right:-155px;width:790px;top:-95px}.copy{width:54vw}h1{font-size:58px}.tagline{font-size:18px}.schedule{gap:12px}.program-card{grid-template-columns:58% 42%;height:166px}.program-meta{flex-wrap:wrap}.mini-live{margin-left:0}.sticky-host{min-width:255px}.sticky-host strong{font-size:18px}.sticky-player .equalizer{max-width:210px}.sticky-volume{max-width:180px;min-width:110px}.sticky-player{gap:15px}.preview-caption{margin-top:14px}.section-heading h2{font-size:28px}}
@media(max-width:800px){.header{height:68px;padding:0 20px}.header nav{display:none}.brand{font-size:32px;gap:9px}.fm{font-size:25px}.brand-mark{width:46px;height:38px}.login-button{padding:9px 14px;gap:8px;font-size:14px}.login-button .icon{width:19px;height:19px}main{padding:0 20px 105px}.hero{min-height:0;height:auto;overflow:visible;display:flex;flex-direction:column}.copy{width:100%;padding-top:24px}.live-pill{font-size:12px}h1{font-size:clamp(42px,7.9vw,66px);letter-spacing:-2px;line-height:.99;margin:16px 0 12px}.second-line{white-space:normal}.tagline{font-size:18px;margin-bottom:21px}.radio-panel{padding:16px}.player-core{grid-template-columns:110px minmax(0,1fr);gap:15px}.host-portrait{height:150px}.host-portrait img{width:137px;height:auto;transform:translateY(-18px)}.host-info h2{font-size:31px}.show-name{font-size:17px}.listener-count{font-size:13px}.audio-controls{gap:12px}.play-button{width:54px;height:54px}.equalizer{gap:2px;height:45px}.equalizer i{min-width:2px}.equalizer i:nth-child(n+30){display:none}.volume-control{gap:7px}.player-actions{height:auto;flex-wrap:wrap;gap:9px}.music-request{flex:1;min-height:45px}.player-actions .visit-room{order:3;flex-basis:100%;min-height:43px}.like-button{min-width:74px}.recado-line{font-size:12px;margin-top:13px}.room-stage{position:relative;top:auto;right:auto;width:calc(100% + 40px);margin:4px -20px 0;align-self:center}.room-stage:after{display:none}.room-badge{top:auto;bottom:8px;right:3px;min-height:35px;height:35px}.character{width:9.5%}.dj{width:9.5%}.guest-one{bottom:26%}.scene-chat{font-size:11px;padding:4px 8px}.chat-two{font-size:17px}.schedule-section{padding-top:24px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:27px;max-width:290px}.hosts-link{font-size:0;padding:0}.hosts-link .icon{font-size:initial;width:26px;height:26px}.schedule{grid-template-columns:1fr;gap:14px}.program-card{grid-template-columns:46% 54%;height:169px}.program-main{grid-template-columns:57px minmax(0,1fr);gap:11px}.program-avatar{height:78px}.program-info{padding:15px 12px}.program-card time{font-size:23px}.program-card h3{font-size:18px}.program-meta{font-size:12px;flex-wrap:nowrap}.mini-live{font-size:9px;margin-left:3px}.sticky-player{min-height:76px;padding:10px 16px;gap:12px}.sticky-host{min-width:0;flex:1;gap:10px}.sticky-avatar{width:44px;height:56px}.sticky-avatar img{width:55px;height:auto;transform:translateY(-5px)}.sticky-host strong{font-size:15px;letter-spacing:-.2px}.sticky-host p{font-size:12px}.sticky-player .play-button{width:45px;height:45px}.sticky-player .play-button .icon{width:25px;height:25px}.sticky-player .equalizer,.sticky-volume,.sticky-listeners,.footer-like{display:none}.collapse-player{padding:3px}.collapse-player .icon{width:20px}.preview-caption{font-size:9px;text-align:center;margin-top:20px}.sticky-player.collapsed .sticky-host strong{font-size:14px}.toast{bottom:92px;font-size:12px;padding:10px 12px}}
@media(max-width:420px){.program-card{grid-template-columns:54% 46%}.program-card h3{overflow-wrap:anywhere}.brand{font-size:29px;letter-spacing:-1.5px}.brand-mark{width:40px;height:34px}.fm{font-size:23px}.login-button{padding:9px 11px}.player-core{grid-template-columns:88px minmax(0,1fr);gap:12px}.host-portrait{height:145px}.host-portrait img{width:126px;height:auto}.host-info h2{font-size:28px}.show-name{font-size:15px}.audio-controls{gap:9px}.audio-controls .play-button{width:47px;height:47px}.equalizer{gap:1px}.equalizer i:nth-child(n+24){display:none}.volume-control .icon{width:17px;height:17px}.program-main{grid-template-columns:49px minmax(0,1fr);gap:8px}.program-card h3{font-size:16px}.program-info{padding:13px 9px}.program-meta{font-size:10px}.program-meta .icon{width:18px}.mini-live{font-size:8px;padding:3px}.section-heading h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flying-heart{display:none}}


/* Supplied Rádio Tabblet identity: original logo and icon are preserved. */
.header{height:112px;background:#060a24;border-color:#352c55}
.brand{position:relative;display:block;width:270px;height:104px;overflow:hidden;flex:none;letter-spacing:0}
.brand-logo{position:absolute;left:0;top:-22px;width:270px;height:auto;max-width:none;display:block}
.host-portrait{background:linear-gradient(145deg,#a54dff,#e58fff)}
.login-button,.music-request,.play-button{background:#df8aff;color:#250e39}
.program-card.on-air{box-shadow:0 0 0 1px #c675f8,0 0 24px #b23df718}
.program-card:first-child .program-avatar{background:#b39bfa}
.room-stage{filter:drop-shadow(0 0 28px #762cb015)}
.brand:focus-visible{outline-offset:-4px}
@media(max-width:1400px){.header{height:108px}.brand{width:240px;height:100px}.brand-logo{width:240px;top:-17px}}
@media(max-width:1100px){.brand{width:220px;height:94px}.brand-logo{width:220px;top:-14px}.header{height:100px}.header nav{gap:22px}}
@media(max-width:800px){.header{height:96px}.brand{width:200px;height:88px}.brand-logo{width:200px;top:-12px}.login-button{background:#df8aff}.sticky-host strong{font-size:14px}.room-stage{filter:none}}
@media(max-width:420px){.header{padding:0 15px}.brand{width:190px;height:86px}.brand-logo{width:190px;top:-10px}.login-button{padding:9px 12px}.sticky-host strong{font-size:13px}}
.public-empty-schedule{grid-column:1/-1;border:1px dashed #49315e;border-radius:12px;padding:26px;color:#c3b5d4;margin:0;font-size:15px}.program-room{position:relative;overflow:hidden}.room-thumbnail{width:144%;height:144%;object-fit:cover;position:absolute;left:-22%;top:-22%;image-rendering:pixelated}.thumbnail-host{position:absolute;left:46%;bottom:16%;width:18%;height:auto;image-rendering:pixelated}.program-host{color:#c5b2df;font-size:12px}.host-list-item{display:flex;gap:14px;align-items:center;background:transparent;border:0;color:inherit;text-align:left;padding:12px;width:100%}.host-list-item img{width:46px;image-rendering:pixelated}.host-list-item span{display:flex;flex-direction:column;gap:4px}.host-list-item small{color:#b3a5cb}.host-list-item:hover{background:#2d203e}

.group-credit{font-size:11px;color:#968ca9;line-height:1.6}.group-credit a{color:#b4a7c6;text-decoration:underline;text-underline-offset:3px}.group-credit a:hover{color:var(--accent)}
.header nav{gap:20px}.header nav a{white-space:nowrap}.portal-home a{color:#deabea}.portal-home .portal-card h2{font-size:19px;line-height:1.35}.portal-home .portal-card h2 a{color:#fff}.portal-home .hosts-link{margin-top:auto;font-size:13px}.fansite-footer{padding-left:0;padding-right:0;margin-bottom:35px}.portal-home .dialog-eyebrow{font-size:10px;letter-spacing:1.5px}.header .brand{flex-shrink:0}@media(max-width:900px){.header{flex-wrap:wrap;row-gap:16px}.header nav{order:3;flex-basis:100%;justify-content:center;gap:19px}.header .account{margin-left:auto}}@media(max-width:560px){.header nav{gap:16px;flex-wrap:wrap}.header nav a{font-size:12px}.portal-home .portal-grid{grid-template-columns:1fr}}

/* Show the full supplied logo at every viewport width. */
.header .brand{height:calc(100% - 8px);overflow:visible;display:flex;align-items:center;justify-content:center;align-self:center}
.header .brand-logo{position:static;top:auto;width:100%;height:100%;max-width:100%;object-fit:contain;display:block}
.autoplay-note{color:#c9c2e5;font-size:12px;padding:8px 15px;text-align:center}
.autoplay-note[hidden]{display:none}

/* Render native Habbo pixels at an integer scale; clip only the transparent canvas margin. */
.sticky-player .sticky-avatar{width:64px;height:76px;align-items:center;justify-content:center}
.sticky-player .sticky-avatar img{width:108px;height:124px;padding:0;max-width:none;object-fit:contain;object-position:center;transform:none;image-rendering:pixelated}
@media(max-width:850px){.sticky-player .sticky-avatar{width:44px;height:56px}.sticky-player .sticky-avatar img{width:54px;height:62px}}
.sticky-player.collapsed{min-height:61px}
.sticky-player.collapsed .sticky-avatar{width:44px;height:48px}
.sticky-player.collapsed .sticky-avatar img{width:54px;height:62px}

/* Keep the original pixel grid: a 54 × 62 image is displayed at exactly 2×. */
.sticky-player .sticky-avatar{flex:none;width:64px;height:76px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.sticky-player .sticky-avatar img{flex:none;width:108px;height:124px;max-width:none;padding:0;transform:none;image-rendering:pixelated}
.sticky-player.collapsed .sticky-avatar{width:44px;height:48px}
.sticky-player.collapsed .sticky-avatar img{width:54px;height:62px}
.station-choice{display:grid;gap:7px;margin-bottom:18px}
.station-choice label{font-size:12px;font-weight:800;color:var(--muted,#bcb2ce)}
.station-choice select{width:100%;min-width:0;background:#151127;color:#f6edff;border:1px solid #65517d;border-radius:9px;padding:10px 12px;font:inherit;font-size:14px}
.station-choice select:disabled{opacity:1;color:#dfa4ff}
.station-choice p{margin:0;color:#bfb4ce;font-size:11px;line-height:1.5}
@media(max-width:850px){.sticky-player{min-height:96px}.app{padding-bottom:120px}.sticky-player.collapsed{min-height:61px}}
