:root{--ink:#203c4c;--muted:#4f6b78;--paper:#f9f7ef;--blue:#dce9eb;--line:#b9ced2;--gold:#eec673;--accent:#386b83;--screen:#e7eff0;color-scheme:light;font-family:"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:var(--blue)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 7% 42%,#f5f8ee88,transparent 55%),radial-gradient(ellipse at 100% 0%,#b7d0dc55,transparent 50%);min-height:100vh}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #96691c;outline-offset:4px}button{touch-action:manipulation}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.page-shell{max-width:1200px;margin:auto;padding:0 48px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:31px 0 25px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:13px;font-family:Georgia,serif;font-weight:700;font-size:29px;letter-spacing:-1px}.fm{font-size:21px;font-style:italic;font-weight:400;letter-spacing:-.5px}.brand small{display:block;font:9px "Trebuchet MS",sans-serif;letter-spacing:1.7px;margin-top:7px}.brand-icon{display:grid;place-items:center;width:49px;height:49px;background:var(--ink);color:var(--paper);border-radius:13px;transform:rotate(-5deg)}.brand-icon svg{width:35px;height:35px;stroke-width:1.8}.station-status{font-size:12px;display:flex;align-items:center;gap:9px;color:var(--muted)}.signal-light,.tiny-dot,.host-dot{display:inline-block;border-radius:50%;background:#7e9992}.signal-light{width:7px;height:7px;box-shadow:0 0 0 4px #b9ced23d}.signal-light.playing{background:#4d826d;box-shadow:0 0 0 4px #4d826d1f}.listening-room{display:grid;grid-template-columns:1.17fr 1fr;gap:68px;align-items:center;padding:57px 0 43px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 22px}.little-star{font-size:19px;margin-right:7px;vertical-align:-2px;color:#9b753d}h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(45px,5.3vw,66px);line-height:1.08;letter-spacing:-2.4px;margin:0 0 22px}h1 em{color:var(--accent);font-weight:400}.intro{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 29px}.radio{background:var(--paper);border:1px solid #a8c1c7;border-radius:18px;padding:18px 23px 13px;box-shadow:0 5px 0 #aec4c866,0 15px 25px #2846520a;scroll-margin-top:30px}.radio-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.3px;font-weight:700;margin:0 0 16px}.radio-top>span:first-child{display:flex;align-items:center;gap:8px}.tiny-dot{width:5px;height:5px;background:#b7833f}.radio-model{color:#667e88;font-size:8px;letter-spacing:1.2px}.display{border:1px solid #c0d2d5;border-radius:9px;background:var(--screen);box-shadow:inset 0 2px 7px #203c4c09;padding:15px 17px 12px}.display-heading{display:flex;justify-content:space-between;align-items:center;font-family:Consolas,monospace;font-size:9px;letter-spacing:1.4px;color:#456777}.display h2{font-size:21px;line-height:1.25;font-weight:700;letter-spacing:-.6px;margin:13px 0 5px;overflow-wrap:anywhere}.display p{font-size:11px;margin:0;color:var(--muted)}.equalizer{display:flex;gap:3px;align-items:center;height:15px}.equalizer i{background:#517e8f;display:block;width:3px;height:4px;border-radius:1px}.equalizer i:nth-child(2){height:9px}.equalizer i:nth-child(3){height:14px}.equalizer i:nth-child(4){height:7px}.equalizer.active i{animation:wave .7s ease-in-out infinite alternate}.equalizer.active i:nth-child(2){animation-delay:-.4s}.equalizer.active i:nth-child(3){animation-delay:-.6s}.equalizer.active i:nth-child(4){animation-delay:-.2s}.equalizer.active i:nth-child(5){animation-delay:-.5s}@keyframes wave{from{height:3px}to{height:15px}}.seek-row{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:9px;font-family:Consolas,monospace;color:var(--muted);font-variant-numeric:tabular-nums}.seek-row span{min-width:27px}input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;margin:0;height:24px;cursor:pointer;--progress:0%}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--accent) var(--progress),#b5cacf var(--progress));border-radius:5px}input[type=range]::-moz-range-track{height:3px;background:#b5cacf;border-radius:5px}input[type=range]::-moz-range-progress{height:3px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;background:var(--accent);border-radius:50%;margin-top:-3px;border:0}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--accent);border:0;border-radius:50%}input[type=range]:disabled{cursor:default;opacity:.5}#seek{width:100%;min-width:0}.controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.transport,.extra-controls{display:flex;align-items:center;gap:6px}.icon-button{width:32px;height:36px;display:grid;place-items:center;color:#496675;border:0;background:transparent;border-radius:7px;transition:background .15s}.icon-button:hover{background:#dce8e9}.icon-button svg{width:18px;height:18px}.icon-button[aria-pressed=true]{color:#203c4c;background:#dce8e9}.play-button{width:49px;height:49px;border-radius:50%;background:var(--ink);color:var(--paper);border:0;display:grid;place-items:center;box-shadow:0 3px 0 #0c293533;transition:background .2s,transform .2s}.play-button:hover{background:#386b83;transform:translateY(-1px)}.play-button svg{width:23px;height:23px}.control-divider{width:1px;height:18px;background:#d2dcdb;margin:0 3px}#volume{width:47px;--progress:70%}.player-message{min-height:14px;font-size:9px;line-height:1.5;text-align:center;color:#58707a;margin:12px 0 0}.player-message.error{color:#944520}.under-player{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);margin:19px 0 0}.under-player svg{width:13px;height:13px;color:#94743e}.host{margin:0;min-width:0;align-self:center}.portrait-wrap{position:relative;border-radius:18px;overflow:hidden;padding:7px;background:var(--paper);border:1px solid #b6cbcd;box-shadow:0 10px 25px #203c4c0e;transform:rotate(1.7deg)}.portrait-wrap img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px}.portrait-sticker{position:absolute;top:22px;right:21px;background:#f6dc96;color:#493f28;font-size:8px;letter-spacing:1.2px;font-weight:700;display:flex;align-items:center;gap:6px;padding:9px 12px;border-radius:5px;transform:rotate(4deg);box-shadow:0 2px 5px #203c4c22}.portrait-sticker svg{width:11px;height:11px}.host-label{position:absolute;bottom:22px;left:22px;right:22px;background:#f9f7eef0;border:1px solid #ffffff55;display:flex;align-items:center;gap:10px;padding:13px 15px;border-radius:10px;backdrop-filter:blur(8px)}.host-dot{width:7px;height:7px;background:#bc9254}.host-label small{font-size:7px;letter-spacing:1.4px;display:block;margin-bottom:5px}.host-label strong{font-family:Georgia,serif;font-size:24px;font-weight:400}.smile{margin-left:auto;font-size:32px;color:#9e793d;font-family:Georgia,serif}.host figcaption{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin:-5px 20px 0 -17px;background:var(--paper);border:1px solid #c4d3d1;border-radius:4px 14px 14px 14px;padding:15px 19px;box-shadow:0 4px 0 #b9ced266;transform:rotate(-2deg)}.quote-mark{font-family:Georgia,serif;color:#a78b51;font-size:45px;line-height:1;margin:0 0 -13px}.host figcaption p{font:italic 16px/1.5 Georgia,serif;margin:0;flex:1;min-height:48px}.host figcaption button{border:0;background:transparent;width:34px;height:34px;color:#98753f;display:grid;place-items:center;border-radius:50%}.host figcaption button:hover{background:#f2e8cb}.host figcaption button svg{width:18px;height:18px}.record-shelf{border-top:1px solid var(--line);padding:26px 0 28px}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px}.shelf-heading .eyebrow{font-size:8px;margin-bottom:9px;letter-spacing:1.5px;color:var(--muted)}.shelf-heading h2{font:400 27px Georgia,serif;margin:0;display:flex;align-items:center;gap:13px;flex-wrap:wrap}.shelf-heading h2 span{font:10px "Trebuchet MS",sans-serif;border:1px solid #a9c3c9;border-radius:20px;padding:5px 9px;color:var(--muted)}.bring-record{display:flex;align-items:center;gap:7px;font-size:11px;padding:10px 13px;background:transparent;border:1px solid #a5bec4;border-radius:8px;color:var(--ink)}.bring-record:hover{background:var(--paper)}.bring-record svg{width:14px;height:14px}.playlist{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:265px;overflow:auto}.track-button{width:100%;display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid transparent;border-radius:9px;text-align:left;background:#ffffff26;color:var(--ink)}.track-button:hover{background:#f9f7ef88}.track-button.selected{background:#f9f7efc9;border-color:#c1d0cf}.track-number{font:10px Consolas,monospace;min-width:17px;color:#5e7882}.record-icon{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle at center,#294856 0 2px,#365461 2px 3px);box-shadow:0 1px 2px #203c4c33}.record-icon::after{content:"";width:11px;height:11px;border-radius:50%;background:var(--gold);border:4px solid var(--gold);box-shadow:inset 0 0 0 1px #6e5e3b}.track-info{flex:1;min-width:0}.track-info strong{display:block;font-size:12px;font-weight:700;overflow-wrap:anywhere}.track-info small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.track-length{font:10px Consolas,monospace;color:var(--muted)}.track-play{width:18px;height:18px;flex-shrink:0}.local-note{font-size:10px;color:var(--muted);margin:13px 0 0}.empty-shelf{font-size:13px;color:var(--muted);padding:18px;background:#f9f7ef99;border-radius:8px}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:20px 0 25px;color:var(--muted);font-size:9px}.footer-star{color:#997945;padding:0 5px}.skip-link{position:absolute;top:-60px;left:15px;background:var(--paper);padding:12px;z-index:10;border-radius:5px}.skip-link:focus{top:15px}.noscript{padding:20px;text-align:center}
@media(min-width:1300px){.listening-room{gap:80px;padding-top:65px;padding-bottom:50px}.portrait-wrap img{max-height:495px}}
@media(max-width:1000px){.page-shell{padding:0 32px}.listening-room{gap:35px}.radio{padding-left:17px;padding-right:17px}.extra-controls{gap:2px}.host-label small{font-size:6px}.host figcaption{margin-left:-10px;padding:13px}.host figcaption p{font-size:14px}.desktop-break{display:none}h1{font-size:54px}}
@media(max-width:760px){.page-shell{padding:0 23px;max-width:560px}.masthead{padding:22px 0 20px}.brand{font-size:25px}.brand small{font-size:7px;letter-spacing:1.3px}.brand-icon{width:41px;height:41px}.brand-icon svg{width:29px;height:29px}.station-status{font-size:10px;gap:6px}.listening-room{grid-template-columns:1fr;gap:35px;padding:35px 0 33px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:17px}h1{font-size:clamp(43px,10vw,59px);letter-spacing:-1.9px;margin-bottom:17px}.intro{font-size:13px;margin-bottom:24px}.radio{padding:17px 18px 13px}.controls{gap:5px}.extra-controls{gap:4px}.under-player{font-size:9px}.host{margin:0 22px 0 17px}.portrait-wrap img{aspect-ratio:5/4;object-position:center 32%}.host-label{bottom:17px;left:17px;right:17px;padding:10px 13px}.host-label small{font-size:7px}.host-label strong{font-size:23px}.host figcaption{margin-left:-17px;margin-right:5px;padding:13px 16px}.host figcaption p{font-size:15px;min-height:45px}.record-shelf{padding-top:22px}.shelf-heading h2{font-size:24px;gap:8px}.shelf-heading .eyebrow{font-size:7px;max-width:220px;line-height:1.7;margin-bottom:6px}.bring-record{font-size:10px;white-space:nowrap;padding:10px}.track-button{gap:10px;padding:12px 10px}footer{flex-direction:column;gap:8px;font-size:8px;padding-bottom:22px}}
@media(max-width:380px){.page-shell{padding:0 17px}.brand small{font-size:6px}.station-status{max-width:85px;line-height:1.4}.extra-controls{gap:0}.icon-button{width:29px}#volume{width:34px}.radio-model{font-size:7px}.shelf-heading h2 span{font-size:8px}.bring-record{font-size:9px;padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}