:root{color-scheme:dark;--accent:#c061cb;--text:#f4f0f5;--muted:#b8aebc;--border:rgba(255,255,255,.19);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#000}
*{box-sizing:border-box}body{margin:0;min-height:100svh}body.full{position:relative;background-color:#000;background-image:linear-gradient(#000a,#000c),url('/facade-assets/background.be689dbd733deef27b5c48f89c51c9418e9deb35b482243fe79fca39e12006e5.webp');background-position:center;background-size:cover,contain;background-attachment:fixed;background-repeat:no-repeat}button,input,select{font:inherit}button,select,summary,a{touch-action:manipulation}button,select{color:inherit;background:#ffffff09;border:1px solid var(--border);border-radius:7px}button{cursor:pointer;padding:.55rem .9rem}button:hover,summary:hover{background:#ffffff14}button:disabled,button[aria-disabled=true]{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:#e5a7eb}h1,h2,p{margin:0}h1{font-size:1.35rem;font-weight:600}h2{font-size:1.25rem;line-height:1.35;overflow-wrap:anywhere}input[type=range]{accent-color:var(--accent);min-width:40px;width:105px;cursor:pointer}input[type=search]{width:100%;min-width:0;background:#121015;color:var(--text);border:1px solid var(--border);border-radius:7px;padding:.65rem .8rem}select{padding:.5rem .6rem;max-width:170px;min-width:0}select option{background:#151218}.primary{background:var(--accent);border-color:transparent;color:#fff}.primary:hover{background:#aa4fb5}.public-page{width:100%;margin:0}.full .public-page{min-height:100svh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:52px 20px}.full .player-card{width:min(560px,100%);min-width:0}.full .actions{flex-wrap:wrap}.player-card{background:rgba(10,9,12,.64);border:1px solid var(--border);border-radius:10px;box-shadow:0 24px 80px #0007;backdrop-filter:blur(6px);padding:22px}.station-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:14px;border-bottom:1px solid var(--border);margin-bottom:20px}.badge{color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.badge.online:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#91d69b;margin-right:8px}.now-playing{display:flex;align-items:center;gap:22px}.album-art{object-fit:cover;flex:0 0 auto;border-radius:6px;background:#171219}.now-playing-details{flex:1;min-width:0}.eyebrow{color:var(--accent);font-size:.68rem;letter-spacing:.12em;font-weight:600;margin-bottom:5px}#song-artist{margin-top:4px;color:#d9d0dd;overflow-wrap:anywhere}.album{color:var(--muted);font-size:.82rem;margin-top:2px}.timeline{margin-top:12px;display:flex;align-items:center;gap:12px;font-size:.7rem;color:var(--muted)}progress{height:3px;flex:1;min-width:20px;border:0;border-radius:2px;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#ffffff20}progress::-webkit-progress-value{background:var(--accent)}#time{white-space:nowrap}.radio-controls{display:flex;gap:12px;align-items:center;margin-top:20px}.play{width:48px;height:48px;border-radius:50%;padding:0;font-size:1.1rem;flex-shrink:0}.icon{border:0;font-size:1.2rem;padding:.4rem}.volume-label,.stream-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#stream{margin-left:auto}.status{font-size:.78rem;min-height:1.5em;margin:10px 0 16px;color:var(--muted)}.actions{display:flex;justify-content:center;gap:6px;border-top:1px solid var(--border);padding-top:14px}.actions>button,.actions summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:inherit;font-weight:500;line-height:1.25;border:0;font-size:.82rem;padding:.5rem .8rem;border-radius:6px;color:#dcd2e1;background:transparent;white-space:nowrap}.action-icon{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.playlist{position:relative}.playlist summary{list-style:none;cursor:pointer}.playlist summary::-webkit-details-marker{display:none}.playlist-menu{position:absolute;bottom:calc(100% + 8px);right:0;z-index:2;width:165px;background:#211b25;border:1px solid var(--border);border-radius:8px;box-shadow:0 5px 20px #0008;padding:5px}.playlist-menu a{display:block;padding:9px;text-decoration:none;font-size:.8rem}.playlist-menu a:hover{background:#ffffff0b}footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.7rem;margin-top:18px;padding:0 5px}.full>footer{position:absolute;left:0;right:0;bottom:0;margin:0;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.full .full-player{display:none}dialog{background:#1b161e;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:24px;width:min(630px,calc(100% - 24px));max-height:85svh;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#000a;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.dialog-heading button{font-size:1.3rem;border:0;padding:.15rem .6rem}.hint{color:var(--muted);font-size:.85rem;margin-bottom:15px}#search-form{display:flex;gap:8px}#request-state,#history-state{font-size:.83rem;color:var(--muted);margin:12px 0}.song-list{padding:0;list-style:none;margin:0}.song-list li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff12}.song-list img{width:43px;height:43px;object-fit:cover;border-radius:4px}.song-info{flex:1;min-width:0}.song-info strong,.song-info span{display:block;overflow-wrap:anywhere}.song-info strong{font-size:.87rem;font-weight:500}.song-info span,.song-list time{font-size:.75rem;color:var(--muted)}.song-list button{font-size:.78rem;flex-shrink:0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:.8rem}.pagination button{font-size:.8rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.embed{min-height:0;background:transparent}.embed .public-page{width:100%;margin:0;padding:10px}.embed .station-heading{display:none}.embed .player-card{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:0}.embed .album-art{width:64px;height:64px}.embed .now-playing{gap:14px}.embed h2{font-size:1rem}.embed .eyebrow{font-size:.57rem}.embed #song-artist{font-size:.8rem;margin:0}.embed .album{display:none}.embed .timeline{margin-top:5px}.embed .radio-controls{margin-top:10px;gap:8px}.embed .play{width:34px;height:34px;font-size:.9rem}.embed .actions{padding:0;margin-left:auto;border:0;gap:0}.embed .actions>button,.embed .actions summary{font-size:.75rem;padding:.3rem .45rem}.embed .status{margin:4px 0;font-size:.65rem}.embed footer{margin:0;padding:0 10px 10px;font-size:.63rem}.compact .now-playing{float:left;width:100%;padding-right:0}.compact .album-art{width:54px;height:54px}.compact .timeline{max-width:320px}.compact .radio-controls{clear:both;padding-top:7px;margin-top:0}.compact #stream{display:none}.compact .status,.compact footer,.compact .album{display:none}.compact .actions{position:absolute;right:8px;bottom:6px}.compact .player-card{position:relative;padding-bottom:28px}.compact #volume{width:90px}
@media(max-width:480px){.full .public-page{padding:48px 16px}.player-card{padding:19px}.album-art{width:82px;height:82px}.now-playing{gap:15px}.actions{gap:0;justify-content:space-between}.actions>button,.actions summary{padding:.45rem .5rem;font-size:.76rem}.radio-controls{gap:6px}#volume{width:75px}#stream{max-width:140px;font-size:.78rem}.timeline{font-size:.6rem}.compact .actions span{font-size:.68rem}dialog{padding:17px}.song-list time{display:none}}
.compact .eyebrow{font-size:.55rem;line-height:1;margin-bottom:2px}.compact h2{font-size:.95rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact #song-artist{font-size:.75rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact .timeline{margin-top:3px;font-size:.6rem;line-height:1.1}.compact .radio-controls .icon{height:34px;padding:0 .4rem}
html:has(body.embed){background:transparent;color-scheme:dark}

.feedback-layer{position:sticky;top:0;height:0;z-index:3}.request-toast{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#38202b;border:1px solid #eb9da8;border-radius:8px;box-shadow:0 8px 28px #000b;max-height:70svh;overflow:auto;font-size:.9rem;cursor:pointer}.request-toast[hidden],#request-result[hidden]{display:none}.request-toast.success{background:#17372a;border-color:#91d69b}.request-toast span{flex:1;overflow-wrap:anywhere}.request-toast button{flex-shrink:0;border:0;padding:0 .35rem;font-size:1.2rem;line-height:1.3}#request-result{font-size:.83rem;margin:0;color:var(--text);overflow-wrap:anywhere}#request-result:not(:empty){margin:12px 0}
