.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.custom-playlist-button{display:block;margin:12px auto 0;padding:6px 15px;border:1px solid #aaa78b55;border-radius:3px;background:linear-gradient(#4e5045,#2d3127);box-shadow:inset 0 1px #ffffff18,0 2px 2px #0005;color:#d8d4bd;font-size:8px;letter-spacing:.13em;min-height:28px}.custom-playlist-button.selected{color:#efc17a;border-color:#d0aa5b99;background:#252c1f}.temporary-note{font-size:9px;line-height:1.6;color:#aeb49e;margin:8px 0 5px}
#reveal{left:50%;bottom:25px;transform:translateX(-50%);border-radius:6px;background:linear-gradient(#282620df,#131511ec);box-shadow:inset 0 1px #c6b99840,0 6px 24px #0006;color:#cabb9b;padding:12px 22px;font-size:10px;letter-spacing:.09em}
.stereo-panel{left:50%;bottom:24px;width:600px;max-height:calc(100dvh - 85px);transform:translateX(-50%);padding:0;background:#171914f5;border:1px solid #8c857455;border-radius:9px;box-shadow:0 18px 70px #0009;animation:none;transition:opacity .35s,transform .45s;overflow:auto}
.stereo-panel.radio-collapsed{opacity:0;transform:translate(-50%,calc(100% + 50px));pointer-events:none}
.stereo-face{background:repeating-linear-gradient(0deg,#ffffff04 0 1px,transparent 1px 3px),linear-gradient(105deg,#615f54,#34362f 17%,#52534a 49%,#32352e 84%,#606155);padding:10px 17px 16px;border:3px solid #b6b1a061;border-bottom-color:#10120c;box-shadow:inset 0 1px 1px #ffffed70,inset 0 -3px 6px #0008;border-radius:8px 8px 0 0}
.stereo-brand{display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.17em;color:#dad7c6;min-height:22px;padding-left:5px;text-shadow:0 1px #000}.stereo-brand b{font-weight:400;color:#aaa997;margin-left:9px;font-size:7px}.stereo-brand>span:nth-child(2){margin-left:auto;font-size:7px}.stereo-brand .icon-button{width:23px;height:22px;font-size:19px;margin-right:-6px;color:#d0cdbb}
.stereo-hardware{display:grid;grid-template-columns:62px minmax(0,1fr) 62px;gap:15px;align-items:center;margin:10px 0 14px}.knob-wrap{display:grid;justify-items:center;gap:9px}.knob-wrap>span{font-size:7px;letter-spacing:.15em;color:#d0cfbe}.stereo-knob{position:relative;width:53px;height:53px;border-radius:50%;border:3px solid #9b9b8b;background:repeating-conic-gradient(#171a16 0deg 4deg,#42473c 5deg 7deg);box-shadow:0 3px 3px #000b,0 0 0 2px #20241d,0 0 0 3px #d1d0b941,inset 0 2px 1px #fff5;display:grid;place-items:center}.stereo-knob:before{content:'';width:36px;height:36px;border-radius:50%;background:radial-gradient(ellipse at 38% 30%,#43463b,#191c17 72%);box-shadow:inset 0 1px 2px #cecfad55}.stereo-knob i{position:absolute;width:2px;height:11px;background:#d8c9a5;top:8px;transform:rotate(-25deg);transform-origin:center 19px}.tune-knob i{transform:rotate(35deg)}
.tuner{border:3px solid #151912;border-radius:3px;padding:9px 12px 8px;background:linear-gradient(110deg,#14180ee8,#22251bcf),linear-gradient(#ac843d,#6b5932);box-shadow:inset 0 2px 5px #000b,0 1px #d0cbb366;color:#d5b96b;text-shadow:0 0 7px #c99b3033}.frequency-labels{display:flex;justify-content:space-between;font:9px Georgia,serif;color:#c4b481}.frequency-scale{height:23px;position:relative;margin:5px 0 4px;border-bottom:1px solid #c9b27160;background:repeating-linear-gradient(90deg,transparent 0 calc(2.5% - 1px),#c1ad7477 calc(2.5% - 1px) 2.5%);background-size:100% 7px;background-repeat:no-repeat}.frequency-scale:after{content:'';position:absolute;left:0;right:0;top:0;height:13px;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 1px),#cbb97ca6 calc(20% - 1px) 20%)}#tuner-needle{position:absolute;z-index:1;top:-17px;width:2px;height:43px;background:#ea8d37;box-shadow:0 0 8px #eaa54975;transition:left .55s cubic-bezier(.2,.7,.2,1)}.tuner-readout{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:.12em;margin-top:6px}.tuner-readout b{font-weight:400}#stereo-led{display:inline-block;width:4px;height:4px;border-radius:50%;background:#7c4f26;margin-left:4px}#stereo-led.playing{background:#e7a354;box-shadow:0 0 5px #ef9d44}
.station-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:0 5px}.preset{border:1px solid #868773;border-bottom:3px solid #0e100c;border-radius:3px;background:linear-gradient(#4d5044,#2a2e25 45%,#1d211a 48%,#303529);box-shadow:0 2px 3px #0006,inset 0 1px #e1e2c735;min-height:32px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;letter-spacing:.05em;color:#d5d6c5}.preset small{font-size:7px;color:#a2a793}.preset[aria-pressed=true]{background:linear-gradient(#151b12,#333c26);border-color:#b7a47266;border-bottom-width:1px;box-shadow:inset 0 2px 5px #0009;color:#ebc179;transform:translateY(2px)}
.radio-content{padding:8px 17px 5px}.song-strip{display:flex;align-items:center;gap:13px;padding:4px 0 8px}.song-strip>div{flex:1;min-width:0;text-align:center}.song-strip p{margin:0}.song-strip #track-title{font-size:11px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-strip #track-artist{font-size:9px;margin-top:3px}.song-strip>button{width:32px;height:30px;background:#292f22;border:1px solid #9eab7330;border-radius:3px;color:#c9cfb4;font-size:11px}.radio-content iframe{width:100%;height:80px;border:0;border-radius:7px;display:block}#spotify-embed{min-height:80px;background:#11150f;border-radius:7px}.radio-status-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:8px 0}.radio-status-row .status{margin:0;font-size:9px;line-height:1.5}.radio-status-row>a{font-size:9px;white-space:nowrap;color:#b4bca6}.playlist-picker,.journey-settings{padding-top:9px;margin-top:9px}.playlist-picker summary,.journey-settings>summary{font-size:10px}.playlist-picker form{display:flex;gap:8px;margin-top:10px}.playlist-picker input{min-width:0;flex:1;background:#10150e;border:1px solid #596347;color:#d6ddc9;border-radius:4px;padding:10px;font:10px inherit}.playlist-picker .secondary-button{width:auto;margin:0;padding:10px 14px}.journey-settings .atmosphere-heading{margin-top:14px}.stereo-panel .panel-foot{margin-top:11px;padding-top:3px}.stereo-panel .range-row{font-size:11px}.stereo-panel .toggle-row{font-size:11px;min-height:25px}
@media(max-width:650px){.stereo-panel{width:calc(100% - 20px);left:50%;bottom:14px;max-height:calc(100dvh - 55px)}.stereo-face{padding:8px 9px 13px}.stereo-hardware{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-top:9px}.stereo-knob{width:39px;height:39px;border-width:2px}.stereo-knob:before{width:27px;height:27px}.stereo-knob i{top:5px;height:8px;transform-origin:center 15px}.knob-wrap>span{font-size:6px}.tuner{padding:8px 8px 6px}.tuner-readout{font-size:8px;letter-spacing:.05em}.frequency-labels{font-size:8px}.station-presets{gap:4px;padding:0}.preset{font-size:7px;gap:3px;padding:0;min-height:32px}.preset small{display:none}.radio-content{padding:8px 11px 5px}.stereo-brand{font-size:7px;letter-spacing:.09em}.stereo-brand b{font-size:6px;margin-left:4px}#reveal{left:50%;bottom:20px;max-width:calc(100% - 40px);font-size:9px;padding:11px 18px}footer{opacity:0!important;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.stereo-panel,#tuner-needle{transition:none}}

#settings-reveal{position:fixed;z-index:4;right:24px;bottom:26px;padding:12px 17px;border:1px solid #c6b99855;border-radius:6px;background:#1b211aeb;color:#d8ccb3;font-size:11px;box-shadow:0 4px 20px #0005}.settings-panel{left:auto;right:24px;bottom:78px;width:360px;z-index:6;animation:none}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings-heading h2{font-size:14px;font-weight:500;margin:0}.settings-panel .atmosphere-heading{margin-top:16px}.ui-hidden #settings-reveal{opacity:.15}#settings-reveal:hover,#settings-reveal:focus-visible{opacity:1}@media(max-width:650px){#settings-reveal{right:12px;bottom:19px;padding:12px;font-size:10px}#reveal{left:12px;transform:none;max-width:calc(100% - 120px)}.settings-panel{left:12px;right:12px;bottom:70px;width:auto;max-height:calc(100dvh - 90px)}}

footer.chrome{right:145px}

#ambient-controls .range-row{position:relative;margin:24px 0}.audio-state{position:absolute;left:0;top:15px;font-size:8px;color:#a6b49a}

@media(max-width:650px){.preset{font-size:6px;letter-spacing:0}}

.settings-reset{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.settings-reset .text-button{color:#d7bd91;text-decoration:underline;text-underline-offset:3px}#reset-status{font-size:9px;color:#a6b49a}

#reveal{width:290px;padding:10px 12px;gap:12px;border:2px solid #a5a18c88;border-bottom-color:#171b12;border-radius:5px;background:repeating-linear-gradient(0deg,#ffffff05 0 1px,transparent 1px 3px),linear-gradient(110deg,#616055,#363a30 45%,#55584b);box-shadow:inset 0 1px #e0ddbf70,0 6px 25px #0008;transition:opacity .5s,filter .2s}.mini-knob{width:28px;height:28px;flex:none;border-radius:50%;border:2px solid #9b9b8b;background:repeating-conic-gradient(#171a16 0deg 5deg,#42473c 6deg 9deg);box-shadow:0 2px 4px #0009;position:relative}.mini-knob:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#2c3027;border-top:2px solid #d8c9a5}.mini-face{display:grid;gap:4px;flex:1;min-width:0;background:#171e11;border:2px solid #11160d;border-radius:2px;padding:6px 8px;text-align:left;box-shadow:inset 0 2px 4px #0009}.mini-brand{font-size:6px;letter-spacing:.13em;color:#b4b696}.mini-dial{position:relative;height:7px;background:repeating-linear-gradient(90deg,#ac9b6277 0 1px,transparent 1px 8px);border-bottom:1px solid #a99a5e55}.mini-dial i{position:absolute;top:-2px;height:11px;width:2px;background:#eaa75b;box-shadow:0 0 4px #df963d;transition:left .5s}#reveal-label{font-size:9px;color:#e1bd78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-open{font-size:6px;letter-spacing:.08em;color:#c2c6aa;display:flex;align-items:center;gap:5px}.mini-open>span:last-child{margin-left:auto;font-size:11px}#mini-led{width:4px;height:4px;border-radius:50%;background:#70552f}#mini-led.playing{background:#f0b75b;box-shadow:0 0 5px #f0b75b}.idle #reveal{opacity:.7}.radio-volume-note{font-size:9px;color:#aeb49e;line-height:1.6;margin:7px 0 10px}@media(max-width:650px){#reveal{width:260px;padding:8px;gap:8px;max-width:calc(100% - 112px)}.mini-knob{width:23px;height:23px}.mini-face{padding:5px}.mini-brand{font-size:5px}.mini-open{font-size:5px}#reveal-label{font-size:8px}}