/* The approved artwork is the cabinet; all active regions are real HTML controls. */
.referenceRadio{container-type:inline-size;width:100%;aspect-ratio:1672/941;max-width:1672px!important;filter:none!important;box-shadow:none!important}.referenceRadio>.carryHandle,.referenceRadio>.antenna,.referenceRadio>.radioBody,.referenceRadio>.radioFeet{display:none!important}.referenceSurface{position:absolute;inset:0;isolation:isolate;font-family:system-ui;color:#e8f5e6}.referenceCabinet{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:-2}.referenceSurface button,.referenceSurface select,.referenceSurface input{box-sizing:border-box;font-family:system-ui;outline-offset:2px}.referenceSurface button:focus-visible,.referenceSurface input:focus-visible,.referenceSurface select:focus-visible{outline:2px solid #d9ff79}.referenceSurface button{cursor:pointer;min-height:0!important}.referenceSurface .refStation{position:absolute;left:31%;top:22.95%;width:38.15%;height:13.3%;box-sizing:border-box;margin:0!important;padding:.5cqw .9cqw!important;border:0!important;border-radius:.3cqw!important;background:radial-gradient(ellipse at 50% 0,#285a2b66,transparent 75%),linear-gradient(110deg,#072211,#021607)!important;box-shadow:inset 0 .15cqw .8cqw #000b!important;overflow:hidden}.refStation .tunerLabels{height:2cqw!important;min-height:0!important;margin:0!important;font:.62cqw monospace!important;letter-spacing:.1em}.refStation .tunerLabels>span:first-child{color:#b8ef79}.refStation #retroSignal{display:none}.refStation #retroFavorite{position:absolute;right:.7cqw;top:.45cqw;font-size:.8cqw!important;padding:.3cqw .6cqw!important;min-height:0!important;height:2cqw;background:#173b23!important;border:1px solid #a5c5a0!important;border-radius:.4cqw}.refStation .retroDisplay{min-height:0!important;height:6.2cqw;padding:0!important;gap:1cqw}.refStation .stationAvatar{width:5.5cqw!important;height:4.4cqw!important;flex-basis:5.5cqw!important;background:#f1f4e8;border:1px solid #d6e3ca;border-radius:.2cqw;display:flex!important}.refStation .stationAvatar img{max-height:100%;max-width:100%;object-fit:contain}.refStation .retroText{gap:.25cqw;min-width:0}.refStation .displayEyebrow{display:none!important}.refStation .retroText #retroChannel{font:800 2.15cqw/1.1 system-ui!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#effce6!important}.refStation .retroText #retroTrack{font:.92cqw/1.3 monospace!important;min-height:0;max-height:2.5cqw;margin:0;color:#bbdd9e;overflow:hidden}.referenceSurface .refSearch{display:contents!important}.refSearch>label{position:absolute;font-size:0!important;margin:0!important;padding:0!important}.refSearch>label:first-child{left:30.85%;top:39.7%;width:9.45%;height:3.9%}.refSearch>label:nth-child(2){left:41.05%;top:39.7%;width:13.1%;height:3.9%}.refSearch select,.refSearch input{width:100%;height:100%;font:.86cqw system-ui!important;min-height:0!important;padding:.4cqw .65cqw!important;background:linear-gradient(#1a303a,#0c202b)!important;border:1px solid #65919a!important;border-radius:.3cqw;color:#e7f0ec}.refSearch>button{position:absolute;left:52.15%;top:39.9%;height:3.3%;width:1.75%;font-size:1cqw!important;padding:0!important;background:transparent!important;color:#9db9bc!important;border:0!important}.refSearch input{padding-right:1.9cqw!important}.referenceSurface #quickFavorites,.referenceSurface #quickRecent{position:absolute;top:38.5%;height:4.35%;padding:.3cqw!important;background:linear-gradient(#213640,#10212a);border:1px solid #79a5ad;border-radius:.3cqw;font-size:.8cqw!important;color:#e9f5f5;white-space:nowrap}.referenceSurface #quickFavorites{left:54.75%;width:7%}.referenceSurface #quickRecent{left:62.35%;width:7%}.referenceSurface #retroPrev,.referenceSurface #retroNext,.referenceSurface #retroInfo,.referenceSurface #retroMute,.referenceSurface #retroPower,.referenceSurface #referenceMenu,.referenceSurface #referenceVolume{position:absolute;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:.6cqw;padding:0!important;color:transparent!important;font-size:0!important}.referenceSurface #retroPrev{left:30.6%;top:46.3%;width:5.2%;height:6.8%}.referenceSurface #retroNext{left:43.95%;top:46.3%;width:5.1%;height:6.8%}.referenceSurface #retroInfo{left:61.8%;top:45.9%;width:3.5%;height:5.9%}.referenceSurface #referenceMenu{left:66.25%;top:45.9%;width:3.6%;height:6%}.referenceSurface #retroMute{left:53.6%;top:46.9%;width:5.1%;height:7%;opacity:0}.referenceSurface #referenceVolume{left:53.6%;top:46.6%;width:5.2%;height:7.2%;border-radius:50%;z-index:2}.referenceSurface #retroPower{left:5.35%;top:79.4%;width:4.6%;height:8.2%;border-radius:50%}.referenceSurface #retroPower i{display:none}.referenceSurface #playSelected{position:absolute;left:37.7%;top:46.65%;width:4.3%;height:7.6%;padding:0!important;border-radius:50%;border:.2cqw solid #acd898;background:radial-gradient(ellipse at 35% 20%,#416844,#0e2317 70%);box-shadow:0 0 .5cqw #9eff7b66;color:transparent!important;font-size:0!important}.referenceSurface #playSelected:after{content:'▶';font-size:1.7cqw;color:#d9ffb3;text-shadow:0 0 .7cqw #93ff74}.referenceSurface #playSelected[data-running=true]:after{content:'■'}.referenceSurface .refVolume{position:absolute;left:51.25%;top:54.1%;width:9.9%;height:1.3%;margin:0!important;max-width:none;font-size:0;display:flex!important;gap:0!important;opacity:.65}.refVolume input{width:100%;min-height:0!important;height:100%;margin:0;accent-color:#c5ecad}.referenceSurface .refEQScreen{position:absolute;left:34.9%;top:59.65%;width:30.3%;height:8%;box-sizing:border-box;margin:0;padding:.3cqw .6cqw!important;border:0!important;border-radius:.2cqw!important;background:linear-gradient(#031018,#06121c)!important;box-shadow:inset 0 .15cqw .5cqw #000!important}.refEQScreen .eqScreenTop,.refEQScreen .eqFrequencyScale,.refEQScreen .vuRow{display:none}.refEQScreen .eqSpectrum{height:100%!important;margin:0!important;gap:.2cqw;background:repeating-linear-gradient(to top,#48637019 0 1px,transparent 1px .7cqw)}.refEQScreen .eqSpectrum i{background:#70fb6a;box-shadow:0 0 .3cqw #8cff6122}.referenceSurface .refSliders{position:absolute;left:34.65%;top:69.1%;width:31.8%;height:6.1%;margin:0!important;display:grid!important;grid-template-columns:repeat(5,1fr);gap:0!important}.refSliders label{display:flex!important;position:relative;align-items:center;justify-content:center;background:none!important;padding:0!important;border:0!important;box-shadow:none!important;min-width:0}.refSliders .eqName,.refSliders .eqFrequency,.refSliders output{display:none!important}.refSliders input{writing-mode:vertical-lr;direction:rtl;appearance:none;-webkit-appearance:none;width:2cqw!important;height:100%!important;min-height:0!important;background:transparent!important;border:0;margin:0!important;padding:0!important;cursor:ns-resize;opacity:.95}.refSliders input::-webkit-slider-runnable-track{width:.5cqw;height:100%;background:#06100e;border:1px solid #476440;box-shadow:inset 0 0 .2cqw #000}.refSliders input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:1cqw;height:1.5cqw;border:1px solid #acd99c;border-radius:.2cqw;background:linear-gradient(90deg,#17351e,#c1ffa6 40%,#6a9963 70%,#132c18);box-shadow:0 0 .45cqw #bbff9877}.refSliders input::-moz-range-track{width:.5cqw;height:100%;background:#102719}.refSliders input::-moz-range-thumb{width:1cqw;height:1.5cqw;background:#adf892}.referenceSurface .refStationKeys{position:absolute;left:14.4%;top:81.5%;width:71.4%;height:6.25%;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));gap:1.35%!important;margin:0!important}.refStationKeys button{display:flex;align-items:center;gap:.6cqw;min-width:0;min-height:0!important;padding:.5cqw .65cqw!important;background:linear-gradient(#273537,#0c1414 50%,#172323);border:1px solid #8c9a91;border-top-color:#d6e0d8;border-radius:.4cqw;box-shadow:0 .2cqw #020806;font:600 .85cqw system-ui!important;color:#eef4ed;overflow:hidden}.refStationKeys button small{font:700 1.5cqw system-ui!important;color:#e2ffd1;text-shadow:0 0 .4cqw #a6ff88;min-width:1.2cqw}.refStationKeys button span{line-height:1.15;white-space:normal;overflow:hidden}.refStationKeys button.selected{background:linear-gradient(#29432b,#102014);border-color:#caff9b;box-shadow:0 0 .5cqw #a1fa8366,0 .2cqw #061008;color:#f4ffe6}.referenceSurface #retroFullscreen{position:absolute;left:92%;top:8%;width:3%;height:5%;min-height:0!important;padding:0;font:1.4cqw system-ui;background:#14252c99;border:1px solid #617983;color:#e8f9fa;border-radius:.3cqw}.refCone{position:absolute;width:23.56%;aspect-ratio:1;border-radius:50%;pointer-events:none;background-image:url('/radio/titanium-material.png');background-size:424.365% auto;background-position:6.26% 60.3%;top:35.07%;transform-origin:center;will-change:transform}.refConeLeft{left:4.79%}.refConeRight{left:71.77%;background-position:93.9% 60.3%}.isPlaying .refCone{filter:drop-shadow(0 0 .25cqw #5bd6ff55)}#referenceSettings{box-sizing:border-box;width:min(760px,94vw);max-height:85dvh;overflow:auto;background:#112633;color:#e5f4fb;border:1px solid #819fa9;border-radius:14px;padding:20px;box-shadow:0 25px 80px #000b}#referenceSettings::backdrop{background:#020a12d9;backdrop-filter:blur(5px)}.refSettingsHeader{display:flex;justify-content:space-between;align-items:center;gap:15px}.refSettingsHeader h2{margin:0;font-size:22px}.refSettingsHeader button{min-height:42px;min-width:42px}.refSettingsBody{display:grid;gap:16px;margin-top:20px}.refSettingsBody .optionsContent{display:block!important;padding:0}.refSettingsBody .listeningTools{display:flex;flex-wrap:wrap}.refSettingsBody .presetViews{display:flex;flex-wrap:wrap}.refSettingsBody .eqTitle{display:flex;flex-wrap:wrap;gap:10px}.refSettingsBody #openStationPicker,.refSettingsBody #retroMore{min-height:44px}.refSettingsBody #browseSummary,.refSettingsBody #eqStatus{font-size:12px!important;color:#bcd1dc}.refSettingsBody .presetEditor{margin-top:12px}.referenceRadio>.radioBody .moreOptions{display:none!important}.radioStage{padding-top:0!important}.referenceRadio .eqSpectrum i:nth-child(-n+6){background:#27e7ff}.referenceRadio .eqSpectrum i:nth-child(n+7):nth-child(-n+12){background:#53ff90}.referenceRadio .eqSpectrum i:nth-child(n+13):nth-child(-n+18){background:#e5ff43}.referenceRadio .eqSpectrum i:nth-child(n+19):nth-child(-n+24){background:#ffb54b}.referenceRadio .eqSpectrum i:nth-child(n+25):nth-child(-n+28){background:#ff58a4}.referenceRadio .eqSpectrum i:nth-child(n+29){background:#b375ff}
@media(max-width:900px){.referenceRadio{max-width:100%!important}.referenceSurface{position:relative;min-height:calc(56.28vw + 430px);display:flex;flex-direction:column;gap:12px;padding-top:56.28cqw}.referenceCabinet{height:56.28cqw;object-fit:contain;object-position:top}.referenceSurface .refStation{top:12.91cqw;height:7.49cqw}.refCone{top:19.73cqw}.referenceSurface .refSearch{display:flex!important;flex-wrap:wrap;gap:10px;padding:12px;background:#102a37;border:1px solid #587f90;border-radius:8px}.refSearch>label{position:static!important;width:calc(50% - 5px)!important;height:auto!important;font:12px system-ui!important}.refSearch input,.refSearch select{min-height:46px!important;font-size:15px!important}.refSearch>button{position:static!important;width:100%!important;height:44px!important;background:#b8ec87!important;color:#152512!important;font-size:18px!important}.referenceSurface #quickFavorites,.referenceSurface #quickRecent,.referenceSurface #retroPrev,.referenceSurface #retroNext,.referenceSurface #retroInfo,.referenceSurface #playSelected,.referenceSurface #referenceMenu,.referenceSurface .refVolume,.referenceSurface .refStationKeys{position:static!important;width:auto!important;height:auto!important;min-height:44px!important;font-size:14px!important}.referenceSurface #quickFavorites,.referenceSurface #quickRecent{padding:10px!important}.referenceSurface #playSelected{border-radius:6px;min-height:50px!important;color:#e4ffd1!important;font-size:15px!important}.referenceSurface #playSelected:after{display:none}.referenceSurface #retroPrev,.referenceSurface #retroNext,.referenceSurface #retroInfo,.referenceSurface #referenceMenu{background:#294653!important;color:#edf8fd!important;font-size:18px!important;min-height:44px!important}.referenceSurface #retroPrev:after{content:'◀ Forrige'}.referenceSurface #retroNext:after{content:'Næste ▶'}.referenceSurface #retroInfo:after{content:'ⓘ Kanalinfo'}.referenceSurface #referenceMenu:after{content:'⚙ Indstillinger'}.referenceSurface #retroPrev,.referenceSurface #retroNext,.referenceSurface #retroInfo,.referenceSurface #referenceMenu{font-size:0!important}.referenceSurface #retroPrev:after,.referenceSurface #retroNext:after,.referenceSurface #retroInfo:after,.referenceSurface #referenceMenu:after{font-size:15px}.referenceSurface #referenceVolume{display:none}.referenceSurface #retroPower,.referenceSurface #retroMute{display:none}.referenceSurface .refVolume{font-size:12px;min-height:44px;opacity:1;gap:10px!important}.refVolume input{min-height:44px!important}.referenceSurface .refStationKeys{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.refStationKeys button{min-height:50px!important;font-size:12px!important;padding:8px!important}.refStationKeys button small{font-size:16px!important}.referenceSurface .refEQScreen{top:33.56cqw;height:4.5cqw}.referenceSurface .refSliders{top:38.88cqw;height:3.43cqw}.referenceSurface #retroFullscreen{font-size:2cqw}.referenceRadio{aspect-ratio:auto}.referenceSurface .refStationKeys{margin-bottom:12px!important}main,.retroMode main{padding:10px}.referenceSurface .refStation .retroText #retroChannel{font-size:2.15cqw!important}.refSearch label{color:#dcecf4}.referenceSurface .refVolume{display:flex!important;max-width:100%;color:#d9eaf4}.referenceSurface .refStation .retroDisplay{height:6.2cqw!important}.referenceSurface .refSliders input{height:100%!important;min-height:0!important}.referenceSurface .refEQScreen .eqSpectrum{height:100%!important}}
@media(prefers-reduced-motion:reduce){.refCone{transform:none!important;will-change:auto}}
.refVU{position:absolute;top:61.8%;height:6.9%;width:.85%;background:#06100f;overflow:hidden;pointer-events:none}.refVULeft{left:31.82%}.refVURight{left:67.55%}.refVU>div{position:absolute;left:0;bottom:0;width:3.88cqw;height:.85cqw;transform:rotate(-90deg);transform-origin:left bottom;background:#0b1915}.refVU i{display:block;width:0;height:100%;background:linear-gradient(90deg,#29e1db,#56ff61 45%,#e1ff31 75%,#ff6246);box-shadow:0 0 .2cqw #8aff5e44}.dialogVolumeLabel{display:grid;gap:9px;font-size:14px}.dialogVolumeLabel input{width:100%;min-height:44px;accent-color:#c9ff8e}@media(max-width:900px){.refVU{top:34.78cqw;height:3.88cqw}.referenceSurface .refStation #retroLogoFallback{font-size:2cqw}.referenceSurface .refSliders{z-index:3}.refSettingsBody .presetViews button{min-height:44px}}
.referenceSurface .refSliders{left:32.35%;width:35.2%}.refSliders label:before{content:'';position:absolute;width:1.7cqw;height:100%;left:50%;top:0;transform:translateX(-50%);background:linear-gradient(90deg,#111b1c,#07100e 45%,#26382a 50%,#07100e 55%,#111b1c);border-radius:.15cqw}.refSliders input{position:relative;z-index:1}
.referenceSurface .refSliders label{height:3.43cqw!important;min-height:0!important;max-height:3.43cqw!important;overflow:hidden}.referenceSurface .refSliders input{height:3.43cqw!important;max-height:3.43cqw!important;min-height:0!important;flex:none!important}.refSliders label:before{height:3.43cqw!important}.refSearch select,.refSearch input{line-height:normal!important;letter-spacing:normal!important;text-indent:0!important}
@media(min-width:901px){.refSearch>label{display:block!important;gap:0!important;line-height:0!important;height:2.195cqw!important}.refSearch select,.refSearch input{height:2.195cqw!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;line-height:normal!important}.referenceSurface .refStation .retroText #retroTrack{white-space:nowrap;max-height:1.3cqw!important;text-overflow:ellipsis;overflow:hidden}}