/* Radio Planet — Studio Edition. A self-contained design system, no external fonts. */
:root {
  color-scheme: light;
  --bg:#f6f5f0; --surface:#fffefa; --surface-2:#eeeee8; --text:#262d29;
  --muted:#686f68; --muted-soft:#858a82; --line:#e3e5dc; --accent:#f77150;
  --accent-soft:#ffe9df; --mint:#d3e9da; --lilac:#e2d9f1; --dark:#232e29;
  --focus:#805036; --sidebar-width:210px; --radius:18px;
  --shadow:0 8px 30px rgba(37,46,35,.045); --hero-bg:#f8d3bd;
  --font: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
:root[data-theme="dark"] {
  color-scheme:dark; --bg:#171d1a; --surface:#202924; --surface-2:#2a342d;
  --text:#f2f2e7; --muted:#b1b9ab; --muted-soft:#a0aa9b; --line:#374337;
  --accent:#ff9676; --accent-soft:#46362d; --mint:#334c3d; --lilac:#423b50;
  --focus:#ffb697; --shadow:0 8px 30px #00000016;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:not-allowed;opacity:.42}button,a,select,input{touch-action:manipulation}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:var(--accent);color:#232e29}[hidden]{display:none!important}svg.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle;overflow:visible}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;left:12px;top:-80px;padding:12px 18px;background:var(--surface);border:2px solid var(--accent);border-radius:8px}.skip-link:focus{top:12px}.accent-dot{color:var(--accent)}
/* Left navigation */
.app-sidebar{position:fixed;inset:0 auto 80px 0;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--line);z-index:50;display:flex;flex-direction:column;padding:30px 16px 18px;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;gap:11px;align-items:center;padding:0 10px;font-size:24px;line-height:.95;font-weight:800;letter-spacing:-1px}.brand-mark{width:42px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--accent);color:#262d29;transform:rotate(-5deg)}.brand-mark .icon{width:26px;height:26px}.brand-second{display:block}.brand-dot{color:var(--accent)}.sidebar-caption{font-size:8.5px;letter-spacing:1.6px;color:var(--muted);font-weight:700;margin:45px 12px 13px}.primary-nav{display:grid;gap:7px}.nav-link{display:flex;align-items:center;width:100%;gap:12px;padding:13px 13px;border-radius:10px;text-align:left;color:var(--muted);font-size:13px;transition:background .2s,color .2s}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.is-current{background:var(--dark);color:#f8f9ed;font-weight:600}.nav-link.is-current .icon{color:#d6edb1}.nav-live{width:6px;height:6px;border-radius:50%;background:#d6edb1;margin-left:auto}.sidebar-divider{height:1px;background:var(--line);margin:25px 12px 0}.sidebar-divider+.sidebar-caption{margin-top:24px}.nav-count{margin-left:auto;min-width:21px;height:21px;border-radius:6px;background:var(--surface-2);display:grid;place-items:center;font-size:10px}.nav-link.is-current .nav-count{background:#ffffff20;color:white}.sidebar-note{position:relative;isolation:isolate;background:var(--mint);border-radius:13px;padding:19px 15px;margin:40px 4px 30px;overflow:hidden;min-height:190px}.note-symbol{display:block;margin-bottom:14px}.note-symbol .icon{width:28px;height:28px}.sidebar-note strong{font-size:19px;line-height:1.2;letter-spacing:-.6px;display:block}.sidebar-note p{font-size:10px;color:var(--muted);margin:10px 0 12px;line-height:1.7}.sidebar-note a{font-size:10px;font-weight:700;display:flex;align-items:center;gap:6px}.sidebar-note a .icon{width:14px;height:14px}.note-orbit{position:absolute;z-index:-1;width:140px;height:140px;border:1px solid currentColor;opacity:.15;right:-69px;top:-28px;border-radius:50%}.note-orbit:after{content:"";position:absolute;inset:15px;border-radius:50%;border:1px solid currentColor}.sidebar-bottom{margin-top:auto;padding:0 10px}.service-state{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}.service-state i,.live-label i,.on-air i,.dock-live i{width:6px;height:6px;background:#72b98a;border-radius:50%;display:inline-block;flex-shrink:0}.sidebar-bottom small{display:block;color:var(--muted);font-size:9px;margin:5px 0 18px}.quiet-button{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:9px;padding:0}.quiet-button .icon{width:13px;height:13px}
/* Header and shared controls */
.app-main{margin-left:var(--sidebar-width);min-width:0}.topbar{height:83px;padding:0 30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;background:var(--bg);position:sticky;top:0;z-index:30}.topbar-heading{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.breadcrumb{font-size:9px;font-weight:500;letter-spacing:1px;color:var(--muted);white-space:nowrap}.breadcrumb>span{color:var(--muted-soft);margin:0 10px}.breadcrumb strong{font-size:9px;color:var(--text);font-weight:600}.topbar-search{width:min(330px,36%);display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:30px;background:var(--surface);padding:3px 8px 3px 14px;height:41px}.topbar-search>.icon{width:17px;height:17px;color:var(--muted)}.topbar-search input{width:100%;min-width:0;background:none;border:0;color:var(--text);font-size:11px;outline:0}.topbar-search:focus-within{outline:2px solid var(--focus);outline-offset:2px}.topbar-search input:focus-visible{outline:0}.topbar-search input::-webkit-search-cancel-button{display:none}.topbar-search input::placeholder{color:var(--muted)}.topbar-search .icon-button{width:27px;height:27px}.topbar-search .icon-button .icon{width:13px;height:13px}.topbar-actions{display:flex;align-items:center;gap:20px}.date-label{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:8px;transition:background .2s,transform .2s,color .2s}.icon-button:hover:not(:disabled){background:var(--surface-2)}.theme-toggle{border:1px solid var(--line);border-radius:50%;width:36px;height:36px}.theme-toggle .icon{width:17px;height:17px}.mobile-menu{display:none}.page-shell{max-width:1650px;padding:29px 30px 102px;margin:0 auto}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:15px}.eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.6px;color:var(--muted);margin-bottom:7px}.welcome-row h1{font-weight:650;font-size:27px;letter-spacing:-1.05px;line-height:1.25}.live-label{display:flex;gap:7px;align-items:center;font-size:8.5px;font-weight:600;letter-spacing:1.3px;white-space:nowrap;padding:8px 11px;background:var(--surface);border:1px solid var(--line);border-radius:30px}.live-label i{box-shadow:0 0 0 3px #72b98a19}.primary-button{display:inline-flex;gap:22px;align-items:center;justify-content:center;background:#26352c;color:#fffdf4;min-height:44px;padding:13px 19px;border-radius:9px;font-size:11px;font-weight:600;transition:transform .2s,background .2s}.primary-button .icon{width:17px;height:17px}.primary-button:hover{background:#101c15;transform:translateY(-2px)}.text-button{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;padding:8px 0;white-space:nowrap}.text-button .icon{width:15px;height:15px}.text-button:hover{color:var(--focus)}.muted-button{color:var(--muted)}.round-button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.round-button .icon{width:15px;height:15px}.rail-controls{display:flex;align-items:center;gap:8px}.section-note{font-size:10px;color:var(--muted);margin-right:9px}.section-block{margin-top:29px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.section-heading h2{font-size:21px;line-height:1.3;letter-spacing:-.65px;font-weight:650}.section-heading .eyebrow{font-size:8px;margin-bottom:5px}
/* The editorial carousel */
.top-layout{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px;align-items:stretch}.hero-carousel{container-type:inline-size;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--hero-bg);color:#253229;min-height:412px;transition:background .5s}.hero-carousel[data-slide="1"]{--hero-bg:#c5e5d5}.hero-carousel[data-slide="2"]{--hero-bg:#dbd1ef}.hero-viewport{height:calc(100% - 54px);min-height:358px;overflow:hidden}.hero-track{height:100%;min-height:358px;display:flex;transition:transform .65s cubic-bezier(.22,.68,.13,1);will-change:transform}.hero-slide{position:relative;flex:0 0 100%;width:100%;min-width:0;overflow:hidden;display:flex;align-items:center;padding:30px 30px 25px;min-height:358px}.hero-copy{position:relative;z-index:2;width:66%;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero-kicker{font-size:7px;font-weight:700;letter-spacing:1.5px;display:flex;gap:7px;align-items:center;white-space:nowrap}.tiny-dot{display:inline-block;background:#334337;width:5px;height:5px;border-radius:50%}.hero-copy h2{font-size:clamp(34px,6.8cqi,61px);line-height:1.045;letter-spacing:-2.7px;font-weight:750;margin:23px 0 17px}.headline-underline{position:relative;white-space:nowrap}.headline-underline:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:7px;border-top:2px solid currentColor;border-radius:50%;transform:rotate(-2deg);opacity:.65}.hero-copy p{font-size:11px;line-height:1.9;color:#4b584d;margin-bottom:21px;max-width:34ch}.hero-footer{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 29px;position:absolute;bottom:0;left:0;right:0;border-top:1px solid #26352c16}.slide-counter{display:flex;gap:8px;font-size:11px;font-variant-numeric:tabular-nums}.slide-counter b{font-weight:700}.slide-counter>span{opacity:.55}.slider-dots{display:flex;gap:6px;align-items:center;position:absolute;left:50%;transform:translateX(-50%)}.slider-dot{width:26px;height:26px;position:relative;padding:0}.slider-dot:after{content:"";display:block;position:absolute;left:8px;top:10px;width:5px;height:5px;background:currentColor;border-radius:10px;opacity:.3;transition:width .3s,opacity .3s}.slider-dot.active:after{opacity:1;width:22px;left:0}.slider-controls{display:flex;gap:3px;align-items:center}.slider-controls .icon-button{width:28px;height:28px;border-radius:50%}.slider-controls .icon-button:hover{background:#ffffff4d}.slider-controls .icon{width:14px;height:14px}.hero-art{position:absolute;width:300px;height:306px;right:8px;top:32px;z-index:1;pointer-events:none;transform-origin:right center}.art-ring{position:absolute;border:1px solid #34403628;border-radius:50%;width:294px;height:294px;left:8px;top:4px;transform:rotate(-20deg)}.art-ring--two{width:224px;height:224px;left:44px;top:38px;border-style:dashed}.art-star{position:absolute;right:0;top:-7px;font-size:61px;line-height:1;color:#344036;animation:star-turn 32s linear infinite}.art-caption{position:absolute;bottom:2px;left:46px;font-size:6.5px;letter-spacing:2.4px;font-weight:600}.retro-radio{position:absolute;left:12px;top:80px;width:264px;height:176px;border:2px solid #26352b;border-radius:18px;background:#f1f1d8;box-shadow:8px 9px 0 #29392d,15px 24px 25px #35442d22;transform:rotate(-9deg);padding:15px;animation:radio-float 7s ease-in-out infinite}.radio-topline{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.5px}.radio-topline b{font-size:15px;letter-spacing:-.7px}.radio-body{display:grid;grid-template-columns:100px 1fr;gap:13px;margin-top:9px;align-items:center}.radio-speaker{width:100px;height:100px;border-radius:50%;border:4px solid #647462;background:repeating-radial-gradient(circle at center,#3a483a 0 1px,#253528 1px 3px);box-shadow:0 0 0 2px #223126,3px 3px 0 #c7cfb5;display:grid;place-items:center}.radio-speaker span{width:61px;height:61px;border-radius:50%;border:1px solid #6d7865;background:radial-gradient(circle at 37% 30%,#53624b,#233226 65%);box-shadow:0 0 0 4px #243127}.radio-screen{height:62px;background:#c7d4ac;border:2px solid #344433;box-shadow:inset 2px 2px 0 #26372932;border-radius:6px;padding:5px 7px;position:relative}.radio-screen>span{font-size:6px;letter-spacing:2px}.radio-screen>strong{font-size:15px;letter-spacing:1.5px;display:block;line-height:1.2;font-family:monospace}.radio-signal{position:absolute;bottom:6px;right:8px;display:flex;gap:3px;height:8px;align-items:flex-end}.radio-signal i{width:3px;background:#394c31;height:100%;animation:signal .9s ease-in-out infinite alternate}.radio-signal i:nth-child(2n){height:50%;animation-delay:.2s}.radio-signal i:nth-child(3n){height:70%;animation-delay:.4s}.radio-knobs{display:flex;gap:10px;justify-content:flex-end;margin:8px 0 0}.radio-knobs i{width:24px;height:24px;border-radius:50%;background:linear-gradient(120deg,#74816b,#3b4d39);border:2px solid #26352b;box-shadow:1px 2px 0 #223227;position:relative}.radio-knobs i:after{position:absolute;content:"";width:1px;height:6px;top:2px;left:9px;background:#f3ebd8}.radio-scale{display:flex;position:absolute;bottom:6px;left:23px;right:20px;justify-content:space-between;align-items:center}.radio-scale i{width:45px;height:2px;background:#54654b}.radio-scale span{font-size:5px;letter-spacing:1px}.radio-antenna{position:absolute;top:6px;left:62px;width:4px;height:115px;background:#4f5c46;transform:rotate(-30deg);border-radius:10px}.radio-antenna:before{content:"";width:8px;height:8px;position:absolute;top:0;left:-2px;background:#2c3d2e;border-radius:50%}.radio-handle{width:125px;height:47px;border:7px solid #3a4c35;border-bottom:0;border-radius:22px 22px 0 0;position:absolute;top:44px;left:83px;transform:rotate(-9deg)}.art-sticker{position:absolute;z-index:3;right:0;bottom:20px;width:77px;height:77px;border-radius:50%;background:#d8e9a6;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:17px;font-weight:750;border:1px solid #344036;transform:rotate(12deg);box-shadow:2px 3px 0 #34403622}.art-sticker small{font-size:6px;letter-spacing:1px;margin-top:2px}.graphic-globe{position:absolute;width:223px;height:223px;border:2px solid #294936;border-radius:50%;overflow:hidden;left:37px;top:47px;background:radial-gradient(circle at 30% 25%,#e8f0b8,#b8d481 85%);box-shadow:10px 10px 0 #26352c10;transform:rotate(-16deg)}.globe-longitude{position:absolute;height:100%;width:70%;border:1px solid #3b664b80;border-radius:50%;left:15%}.globe-longitude.l2{width:29%;left:35.5%}.globe-latitude{position:absolute;width:120%;left:-10%;height:45%;border:1px solid #3b664b80;border-radius:50%}.l3{top:-15%}.l4{top:27%}.l5{top:68%}.globe-node{position:absolute;width:9px;height:9px;background:#ef765a;border:1px solid #223d2b;border-radius:50%;box-shadow:0 0 0 6px #ef765a20}.n1{top:55px;left:67px}.n2{bottom:64px;left:137px}.n3{bottom:30px;left:62px}.destination-sticker{position:absolute;font-size:12px;font-weight:700;background:#f5f5dd;border:1px solid #344b38;border-radius:8px;padding:8px 13px;box-shadow:3px 3px 0 #344b38}.ds-one{top:52px;left:13px;transform:rotate(-10deg)}.ds-two{right:3px;top:143px;transform:rotate(9deg);background:#f9d1b6}.ds-three{bottom:32px;left:25px;transform:rotate(-5deg);font-size:16px}.globe-art .art-star{top:15px;right:11px;font-size:47px}.sound-disc{width:232px;height:232px;position:absolute;left:35px;top:48px;border-radius:50%;background:repeating-radial-gradient(circle,#353535 0 2px,#222b27 2px 4px);border:1px solid #213127;display:grid;place-items:center;box-shadow:8px 10px 0 #26352c17;transform:rotate(-13deg)}.sound-disc>span{width:94px;height:94px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f7ad8d;border-radius:50%;font-size:21px;line-height:.9;font-weight:500;letter-spacing:-1px}.sound-wave{position:absolute;bottom:53px;left:12px;display:flex;align-items:center;justify-content:center;gap:5px;background:#d7eab580;padding:15px 18px;border-radius:12px;transform:rotate(-8deg);backdrop-filter:blur(12px);border:1px solid #f8ffee69}.sound-wave i{display:block;width:5px;height:var(--height);background:#dbedb2;border-radius:6px;animation:signal 1s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.16s)}.sound-label{position:absolute;left:51px;top:46px;padding:8px 13px;background:#faf4df;border:1px solid #273b2c;border-radius:40px;font-size:8px;font-weight:700;letter-spacing:1px;transform:rotate(-10deg)}
@container(max-width:740px){.hero-art{transform:scale(.84);right:6px}.hero-copy{width:67%}.hero-copy h2{letter-spacing:-2.3px}.hero-kicker{font-size:6.5px;letter-spacing:1.1px}.hero-slide{padding-left:27px}.hero-copy p{font-size:10.5px}}
@container(max-width:585px){.hero-art{transform:scale(.68);right:-6px;top:65px}.hero-copy h2{font-size:41px}.hero-copy{width:75%}.hero-copy p{max-width:28ch}.hero-kicker{font-size:6px;letter-spacing:.8px}}
/* Radio deck */
.player-panel{background:#233027;color:#eff1df;padding:17px 18px 15px;border-radius:var(--radius);position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column;align-items:stretch}.player-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.on-air{font-size:7px;letter-spacing:1.4px;display:flex;align-items:center;gap:7px;color:#e1e7d5}.on-air i{background:#cce6a3}.player-panel .icon-button{color:#d9e5c7;width:27px;height:27px}.player-panel .icon-button .icon{width:16px;height:16px}.player-panel .icon-button:hover:not(:disabled){background:#ffffff15}.turntable{height:148px;position:relative;flex-shrink:0;margin:6px 0 11px;background:radial-gradient(ellipse at center,#344a34,transparent 66%)}.turntable-corner{position:absolute;left:3px;top:15px;color:#71816c;font-size:7px;letter-spacing:1px}.vinyl{position:absolute;left:50%;margin-left:-71px;top:1px;width:142px;height:142px;border-radius:50%;background:repeating-radial-gradient(circle,#1e291e 0 1px,#33422d 1px 2px,#202e22 2px 4px);border:2px solid #1d2a1f;box-shadow:0 8px 20px #00000050;display:grid;place-items:center;animation:vinyl-spin 18s linear infinite;animation-play-state:paused}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#e9ecb11a 45deg,transparent 85deg,transparent 190deg,#e9ecb11a 230deg,transparent 280deg);pointer-events:none}.player-cover{width:58px;height:58px;border-radius:50%;background:#d5e6a8;color:#263b2a;display:grid;place-items:center;overflow:hidden;z-index:1;box-shadow:0 0 0 8px #1c271c}.player-cover img{width:100%;height:100%;object-fit:contain;background:#fcfcef;padding:5px}.player-cover span{font-size:20px;letter-spacing:-1px;font-weight:700}.tonearm{position:absolute;right:24px;top:8px;height:85px;width:24px;border-top:5px solid #c3cea7;border-right:5px solid #c3cea7;transform:rotate(19deg);transform-origin:80% 0;border-radius:0 9px 0 0;transition:transform .8s}.tonearm:after{content:"";position:absolute;bottom:-13px;right:-8px;width:9px;height:25px;background:#ebdfb4;transform:rotate(30deg);border:1px solid #172418;border-radius:3px}.tonearm:before{content:"";position:absolute;right:-8px;top:-9px;width:11px;height:11px;background:#cbd6ab;border:2px solid #1e2a1d;border-radius:50%}.player-equalizer{position:absolute;bottom:9px;right:4px;display:flex;align-items:flex-end;gap:2px;height:17px}.player-equalizer i{width:2px;height:35%;background:#cce6a3;animation:signal .8s infinite alternate;animation-play-state:paused}.player-equalizer i:nth-child(2n){height:80%;animation-delay:.3s}.player-equalizer i:nth-child(3n){height:100%;animation-delay:.5s}.is-playing .vinyl,.is-playing .player-equalizer i{animation-play-state:running}.is-playing .tonearm{transform:rotate(40deg)}.now-playing-label{font-size:6.5px;letter-spacing:1.4px;color:#b4c1a5;margin-bottom:6px}.player-copy h2{font-size:16px;letter-spacing:-.3px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-copy>p:last-child{font-size:9px;color:#b5c2ac;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-badges{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 0}.player-pill{font-size:8px;color:#c5d2b9;background:#ffffff0a;border:1px solid #ffffff0e;border-radius:4px;padding:2px 5px}.player-badges:empty{margin:0}#audioPlayer{width:100%;height:34px;margin-top:13px;border-radius:25px;display:block;min-width:0;filter:sepia(.15);color-scheme:light}.player-status{font-size:8.5px;color:#bdcbb4;line-height:1.6;margin:10px 0 5px;min-height:26px}.player-homepage{font-size:8.5px;display:inline-flex;align-items:center;gap:5px;color:#d0dcbc;margin-top:auto;align-self:flex-start}.player-homepage .icon{width:10px;height:10px}.disabled-link{pointer-events:none;opacity:.4}.is-favorite .icon{fill:currentColor;color:var(--accent)}
/* Inline stats */
.session-strip{display:grid;grid-template-columns:1.35fr 1fr 1fr .8fr;padding:16px 3px 17px;border-bottom:1px solid var(--line);gap:16px}.session-strip>div{display:flex;align-items:center;gap:10px;border-right:1px solid var(--line)}.session-strip>div:last-child{border-right:0}.session-strip>.icon{color:var(--muted)}.session-strip .icon{width:20px;height:20px;color:var(--muted-soft)}.session-strip span{display:flex;gap:5px;flex-direction:column;font-size:8px;color:var(--muted);line-height:1.2}.session-strip strong{font-size:11px;font-weight:600;color:var(--text)}
/* Horizontal sliders */
.horizontal-rail{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:3px 0 6px;min-width:0}.horizontal-rail::-webkit-scrollbar{display:none}.horizontal-rail>*{scroll-snap-align:start;flex-shrink:0}.mini-station{width:calc((100% - 36px)/4);min-width:226px;display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;position:relative;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:16px 15px;transition:transform .2s,border-color .2s;min-height:106px;color:var(--text)}.mini-station:hover{transform:translateY(-2px);border-color:#99ae90}.mini-station__logo{width:44px;height:44px;border-radius:12px;background:var(--mint);display:grid;place-items:center;font-size:16px;font-weight:750;overflow:hidden}.mini-station:nth-child(3n+2) .mini-station__logo{background:var(--accent-soft)}.mini-station:nth-child(3n+3) .mini-station__logo{background:var(--lilac)}.mini-station__logo img{width:100%;height:100%;object-fit:contain;padding:5px;background:#fffefa}.mini-station__text{min-width:0;padding-right:10px}.mini-station__rank{font-size:7px;color:var(--muted);letter-spacing:.9px;display:block;margin-bottom:4px}.mini-station__title{font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-station__meta{font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-station__play{position:absolute;right:12px;bottom:11px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;color:var(--text);background:var(--surface-2)}.mini-station__play .icon{width:14px;height:14px}.mini-station.is-active{border-color:var(--accent);background:var(--accent-soft)}.rail-loading{color:var(--muted);font-size:11px;border:1px dashed var(--line);border-radius:12px;width:100%;padding:30px 20px}.country-rail{gap:10px}.country-chip{width:calc((100% - 50px)/6);min-width:159px;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:10px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);padding:16px 12px;border-radius:12px;position:relative;transition:background .2s,transform .2s,border-color .2s}.country-chip:hover{transform:translateY(-2px);border-color:#aab29e}.country-chip.active{background:var(--mint);border-color:#91ae8a}.country-flag{font-size:22px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--surface-2);grid-row:span 2}.country-name{font-size:11px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-chip__count{font-size:9px;color:var(--muted);white-space:nowrap;margin-top:2px}.country-rail .country-chip:nth-child(3n+1) .country-flag{background:var(--accent-soft)}.country-rail .country-chip:nth-child(3n+2) .country-flag{background:var(--lilac)}.country-rail .country-chip:nth-child(3n) .country-flag{background:var(--mint)}
/* Search and filters */
.control-panel{margin-top:25px;border:1px solid var(--line);padding:24px 23px 0;background:var(--surface);border-radius:16px;min-width:0}.control-panel .section-heading{margin-bottom:23px}.mode-switch{display:flex;gap:2px;padding:4px;border:1px solid var(--line);background:var(--bg);border-radius:9px;flex-shrink:0}.mode-switch__button{padding:7px 12px;border-radius:6px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:500;color:var(--muted)}.mode-switch__button .icon{width:14px;height:14px}.mode-switch__button.active{background:var(--dark);color:#f3f4df}.controls-grid{display:grid;grid-template-columns:1.15fr 1.3fr 1.1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field__label{font-size:9px;font-weight:600;color:var(--muted)}.field__control{width:100%;min-width:0;color:var(--text);border:1px solid var(--line);border-radius:8px;height:41px;padding:0 12px;font-size:10px;background:var(--bg)}.field__control::placeholder{color:var(--muted)}.input-wrap{position:relative}.input-wrap>.icon{position:absolute;width:14px;height:14px;top:13px;left:11px;color:var(--muted)}.input-wrap input{padding-left:33px}select.field__control{padding-right:27px;cursor:pointer}.languages-block{display:flex;gap:20px;align-items:center;padding:19px 0 18px;min-width:0}.language-label{display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:9px;font-weight:600}.language-label>.icon{width:15px;height:15px}.language-arrows{display:none}.chips-wrap{gap:6px;flex:1;padding:2px 0}.chip{display:flex;gap:7px;align-items:center;border:1px solid var(--line);background:var(--bg);border-radius:30px;font-size:9px;padding:7px 12px;min-height:31px;transition:background .2s}.chip .country-chip__count{font-size:8px;margin-top:0}.chip.active{background:var(--mint);border-color:#aac7a2;color:var(--text)}.chip:hover{background:var(--surface-2)}.filter-footer{padding:13px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;justify-content:space-between}.info-banner{font-size:9px;color:var(--muted);line-height:1.7;display:flex;gap:7px;align-items:flex-start}.info-banner:before{content:"";width:5px;height:5px;border-radius:50%;background:#a9af9d;flex-shrink:0;margin-top:5px}.info-banner[data-kind="success"]:before{background:#72b18a}.info-banner[data-kind="error"]{color:#b5422f}.info-banner[data-kind="error"]:before{background:#d95d43}[data-theme="dark"] .info-banner[data-kind="error"]{color:#ffa78f}.action-row{display:flex;gap:17px;flex-shrink:0}.action-row .text-button{font-size:9px}.action-row .text-button .icon{width:12px;height:12px}
/* Station cards */
.stations-description{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.7}.list-actions{display:flex;gap:14px;align-items:center;flex-shrink:0}.section-badge{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.section-badge:before{content:"";width:5px;height:5px;background:#81a478;border-radius:50%}.view-switch{display:flex;border:1px solid var(--line);background:var(--surface);padding:2px;border-radius:8px}.view-switch .icon-button{width:29px;height:28px;border-radius:5px}.view-switch .icon-button.active{background:var(--surface-2)}.view-switch .icon{width:15px;height:15px}.stations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;min-width:0}.station-card{position:relative;display:flex;flex-direction:column;gap:15px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:card-enter .4s both;animation-delay:calc(var(--card-index,0)*20ms)}.station-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#b0bca6}.station-card.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.station-card__top{display:grid;grid-template-columns:43px minmax(0,1fr) 25px;align-items:center;gap:10px}.station-card__logo{width:43px;height:43px;background:var(--mint);border:1px solid #26352c08;display:grid;place-items:center;overflow:hidden;border-radius:11px;font-size:16px;font-weight:700}.station-card:nth-child(3n+2) .station-card__logo{background:var(--lilac)}.station-card:nth-child(3n+3) .station-card__logo{background:var(--accent-soft)}.station-card__logo img{width:100%;height:100%;object-fit:contain;padding:5px;background:#fffefa}.station-card__headings{min-width:0}.station-card__title{font-size:13px;font-weight:650;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.station-card__sub{font-size:9px;color:var(--muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-button{align-self:start;width:26px;height:26px;color:var(--muted-soft)}.favorite-button .icon{width:16px;height:16px}.station-card__tags{display:flex;gap:5px;flex-wrap:wrap}.tag-pill{padding:3px 7px;background:var(--surface-2);color:var(--muted);border-radius:5px;font-size:8px;max-width:100%;overflow-wrap:anywhere}.station-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 10px;margin-top:auto;font-size:8px;color:var(--muted)}.meta-pill{display:flex;align-items:center;gap:4px;max-width:100%;overflow-wrap:anywhere}.meta-pill .icon{width:10px;height:10px}.station-card__actions{display:flex;gap:9px;align-items:center;padding-top:11px;border-top:1px solid var(--line)}.station-card__health{font-size:7.5px;color:var(--muted);display:flex;align-items:center;gap:4px;margin-right:auto;white-space:nowrap}.station-card__health:before{content:"";width:4px;height:4px;background:#a1ad97;border-radius:50%}.station-card__health.ok:before{background:#79a87e}.station-card__health.warn:before{background:#cc963e}.station-link{width:24px;height:30px;display:grid;place-items:center;color:var(--muted)}.station-link .icon{width:12px;height:12px}.play-button{display:flex;align-items:center;justify-content:center;gap:4px;background:var(--dark);color:#fbfbee;border-radius:7px;padding:8px 11px;font-size:9px;min-height:32px;font-weight:500;transition:background .2s}.play-button .icon{width:14px;height:14px}.play-button:hover{background:#435c45}.station-card.is-active .play-button{background:var(--accent);color:#25382a}.load-more-wrap{display:flex;align-items:center;justify-content:space-between;margin-top:21px}.load-sentinel{display:flex;align-items:center;justify-content:center;gap:12px;min-height:39px;border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 15px;font-size:10px;color:var(--muted)}.load-sentinel .icon{width:13px;height:13px}.load-sentinel:not(:disabled):hover{border-color:var(--focus);color:var(--text)}.load-sentinel.is-loading:after{content:"";width:11px;height:11px;border:2px solid var(--line);border-top-color:var(--text);border-radius:50%;animation:vinyl-spin 1s linear infinite}.empty-state,.error-state{grid-column:1/-1;padding:35px 25px;text-align:center;border:1px dashed var(--line);border-radius:13px;font-size:12px;color:var(--muted);line-height:1.8;background:var(--surface);width:100%}.error-state{color:#b44b3b;border-color:#c77666}[data-theme="dark"] .error-state{color:#ffb29e}.collection-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);padding:11px 16px;border-radius:10px;background:var(--accent-soft);margin-bottom:17px;font-size:11px}.collection-banner>span{display:flex;align-items:center;gap:8px}.collection-banner .icon{width:16px;height:16px}.stations-grid.is-list{grid-template-columns:1fr}.stations-grid.is-list .station-card{display:grid;grid-template-columns:minmax(210px,1.4fr) minmax(140px,1fr) minmax(170px,1fr) auto;align-items:center;gap:20px;padding:13px 17px}.stations-grid.is-list .station-card__top{grid-template-columns:43px minmax(0,1fr) 26px}.stations-grid.is-list .station-card__meta{margin-top:0}.stations-grid.is-list .station-card__actions{border:0;padding-top:0;min-width:175px}.skeleton-card{min-height:208px;overflow:hidden;pointer-events:none}.skeleton-top{display:grid;grid-template-columns:43px 1fr;gap:10px}.skeleton-block{background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:shimmer 1.7s linear infinite;border-radius:5px;min-height:12px}.skeleton-logo{width:43px;height:43px;border-radius:11px}.skeleton-lines{display:grid;gap:8px}.skeleton-block--lg{width:75%;height:13px}.skeleton-block--md{width:50%;height:10px}.skeleton-block--pill{width:55px;height:20px}.skeleton-row,.skeleton-tags,.skeleton-actions{display:flex;gap:7px}.skeleton-actions{margin-top:auto}
/* World strip and footer */
.world-footer{margin-top:37px;padding:21px 23px;background:var(--mint);border-radius:14px;overflow:hidden}.world-footer-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.world-footer-heading>span:first-child{display:flex;gap:10px;align-items:center;font-size:14px;letter-spacing:-.3px}.world-footer-heading>span:last-child{font-size:7px;letter-spacing:1.4px;color:var(--muted)}.ticker__viewport{overflow:hidden;margin:19px -23px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.ticker__track{display:flex;gap:18px;align-items:center;width:max-content;animation:ticker-move 70s linear infinite;padding-bottom:10px}.ticker__viewport:hover .ticker__track,.ticker__viewport:focus-within .ticker__track{animation-play-state:paused}.ticker-item{display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;padding:6px 8px}.ticker-item>span:last-child{font-size:8px;color:var(--muted)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:17px;margin-top:10px;border-top:1px solid #4c704d24}.metric-card{display:flex;flex-direction:column;gap:2px}.metric-card strong{font-size:17px;font-weight:600;letter-spacing:-.5px}.metric-card>span{font-size:9px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;color:var(--muted);padding:23px 0 4px}.footer-separator{margin:0 8px}
/* Persistent player */
.playback-dock{position:fixed;inset:auto 0 0 0;z-index:70;min-height:80px;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -4px 22px #202b2010;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:30px;padding:12px 25px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.dock-station{display:flex;align-items:center;gap:11px;min-width:0}.dock-cover{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--mint);flex-shrink:0;font-weight:700;overflow:hidden}.dock-cover img{width:100%;height:100%;object-fit:contain;padding:4px;background:#fffefa}.dock-cover>.icon{width:22px;height:22px}.dock-info{min-width:0}.dock-info strong{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-info>span{display:block;font-size:9px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock-station>.icon-button{margin-left:8px}.dock-station>.icon-button .icon{width:17px;height:17px}.dock-controls{display:flex;align-items:center;gap:15px}.dock-controls>.icon-button{width:26px;height:32px}.dock-controls>.icon-button .icon{width:17px;height:17px}.dock-play{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#25332a;box-shadow:0 3px 0 #26352c08;transition:transform .2s}.dock-play:disabled{background:var(--surface-2);opacity:1;color:var(--muted-soft)}.dock-play:hover:not(:disabled){transform:scale(1.06)}.dock-play .icon{width:22px;height:22px}.dock-tools{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}.dock-live{display:flex;gap:5px;align-items:center;font-size:7px;font-weight:600;letter-spacing:1px;white-space:nowrap;margin-right:13px;color:var(--muted)}.dock-live i{background:var(--muted-soft);width:5px;height:5px}.is-playing-dock .dock-live i{background:#76ab78;box-shadow:0 0 0 3px #76ab7815}.dock-tools .icon-button{width:27px;height:30px}.dock-tools .icon{width:17px;height:17px}#volumeSlider{width:85px;height:4px;border-radius:4px;accent-color:var(--text);cursor:pointer}#volumeValue{min-width:32px;font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#26372b;color:#f7f4e5;padding:12px 21px;border-radius:9px;z-index:100;font-size:12px;box-shadow:0 5px 20px #0002;max-width:calc(100% - 32px);text-align:center}.noscript-note{position:fixed;bottom:90px;left:20px;right:20px;background:#fff0d6;color:#483728;border:1px solid #c3945b;padding:20px;z-index:90}
/* Motion respects both OS and in-app preferences. Decorative effects do not represent audio analysis. */
@keyframes radio-float{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-6px) rotate(-7deg)}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@keyframes signal{0%{transform:scaleY(.4)}100%{transform:scaleY(1)}}@keyframes ticker-move{to{transform:translateX(-50%)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes card-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
body.motion-reduced *,body.motion-reduced *:before,body.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html:has(body.motion-reduced){scroll-behavior:auto}.hero-slide[inert] *{animation-play-state:paused!important}body.page-hidden *{animation-play-state:paused!important}.menu-backdrop{position:fixed;inset:0;z-index:45;background:#14241980}
/* Responsive layout */
@media(min-width:1700px){.hero-copy h2{font-size:68px}.hero-art{right:45px;transform:scale(1.12)}.hero-slide{padding-left:40px}.hero-carousel{min-height:440px}.hero-track,.hero-slide{min-height:386px}.hero-viewport{min-height:386px}.turntable{height:169px}.vinyl{top:14px}.tonearm{top:20px}}
@media(max-width:1240px) and (min-width:901px){:root{--sidebar-width:82px}.app-sidebar{padding:28px 11px 16px;align-items:center}.brand{padding:0}.brand>span:last-child,.sidebar-caption,.sidebar-divider,.sidebar-note,.sidebar-bottom small,.quiet-button span,.nav-link>span,.service-state{display:none}.primary-nav{margin-top:38px;width:100%;gap:12px}.nav-link{padding:14px;justify-content:center}.app-sidebar>.nav-link{margin-top:22px}.sidebar-bottom{padding:0;display:grid;place-items:center}.quiet-button .icon{width:20px;height:20px}.topbar{gap:18px}.date-label{display:none}}
@media(max-width:1050px){.top-layout{grid-template-columns:minmax(0,1fr) 261px;gap:16px}.player-panel{padding:17px 15px}.page-shell{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.hero-art{right:0}.hero-slide{padding-left:23px}.hero-footer{padding:0 23px}.mini-station{min-width:221px}.country-chip{min-width:157px}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-label{font-size:8px}.filter-footer{align-items:flex-start}.stations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stations-grid.is-list .station-card{grid-template-columns:1.4fr 1fr auto}.stations-grid.is-list .station-card__tags{display:none}.stations-grid.is-list .station-card__actions{min-width:140px}.dock-live{display:none}.section-note{font-size:9px}.turntable{height:139px}.tonearm{right:15px}}
@media(max-width:900px){:root{--sidebar-width:0px}.app-sidebar{width:225px;transform:translateX(-100%);transition:transform .25s ease;box-shadow:5px 0 35px #0002}.app-sidebar.is-open{transform:translateX(0)}.mobile-menu{display:inline-flex;width:29px;height:31px}.topbar{height:68px;padding:0 20px;gap:15px}.breadcrumb{font-size:8px;letter-spacing:.7px}.breadcrumb strong{font-size:8px}.breadcrumb>span{margin:0 6px}.date-label{display:none}.topbar-search{width:40%;height:38px}.page-shell{padding:24px 20px 108px}.welcome-row h1{font-size:25px}.hero-copy h2{font-size:41px;letter-spacing:-2px}.hero-kicker{font-size:6px;letter-spacing:.8px}.hero-art{transform:scale(.62);top:76px;right:-10px}.hero-copy{width:76%}.hero-copy p{font-size:10px;max-width:25ch}.top-layout{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.hero-carousel{min-height:410px}.hero-slide,.hero-track{min-height:356px}.hero-viewport{min-height:356px}.player-copy h2{font-size:15px}.dock-tools{gap:4px}.playback-dock{gap:14px;padding:11px 18px;min-height:75px}.dock-info strong{font-size:10px}.dock-station>.icon-button{margin-left:0}.dock-controls{gap:9px}.dock-tools output{display:none}#volumeSlider{width:65px}.session-strip>div{gap:7px}.session-strip strong{font-size:10px}.section-heading h2{font-size:20px}}
@media(max-width:760px){.topbar-heading{flex:0 0 auto}.breadcrumb{display:none}.topbar-search{flex:1;width:auto}.topbar-actions{margin-left:auto}.welcome-row{align-items:flex-start;margin-bottom:18px}.welcome-row h1{font-size:24px}.welcome-row .eyebrow{font-size:8px;letter-spacing:1px}.live-label{font-size:7px;padding:7px 9px;letter-spacing:.5px}.top-layout{grid-template-columns:1fr}.hero-carousel{min-height:363px}.hero-viewport,.hero-track,.hero-slide{min-height:309px}.hero-copy{width:67%}.hero-copy h2{font-size:clamp(38px,7.1cqi,54px);line-height:1.04}.hero-copy p{font-size:10px;max-width:30ch}.hero-kicker{font-size:7px}.hero-art{transform:scale(.81);right:9px;top:17px}.hero-copy{padding-bottom:8px}.player-panel{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);column-gap:16px;row-gap:3px;padding:16px 17px}.player-panel__head{grid-column:2/4;grid-row:1;justify-content:space-between}.turntable{grid-column:1;grid-row:1/6;width:108px;height:110px;margin:0;align-self:center}.vinyl{width:100px;height:100px;left:4px;top:5px;margin-left:0}.player-cover{width:39px;height:39px;box-shadow:0 0 0 5px #1c271c}.player-cover span{font-size:15px}.tonearm{right:3px;top:10px;height:60px;width:17px;border-width:3px}.tonearm:after{right:-6px;width:7px;height:19px;bottom:-9px}.tonearm:before{top:-7px;right:-6px;width:9px;height:9px}.turntable-corner{display:none}.player-equalizer{bottom:3px;right:0}.player-copy{grid-column:2;grid-row:2/4;align-self:center}.player-copy .now-playing-label{display:none}.player-copy h2{font-size:13px}.player-copy>p:last-child{font-size:9px}.player-badges{grid-column:2;grid-row:4;margin:5px 0 0}.player-badges .player-pill:nth-child(n+3){display:none}#audioPlayer{grid-column:3;grid-row:2/4;margin:4px 0 0;height:31px}.player-status{grid-column:3;grid-row:4/6;font-size:8px;margin-top:5px;min-height:25px}.player-homepage{grid-column:2;grid-row:5;margin-top:5px;font-size:8px}.section-note{display:none}.session-strip{gap:12px;padding:16px 0}.session-strip .icon{display:none}.control-panel{padding:19px 17px 0}.language-label{width:100%;font-size:9px}.languages-block{flex-direction:column;align-items:stretch;gap:9px;padding:16px 0}.language-arrows{display:flex;margin-left:auto}.language-arrows .icon-button{width:24px;height:24px}.language-arrows .icon{width:13px;height:13px}.filter-footer{gap:12px}.info-banner{font-size:8px}.action-row{gap:12px}.stations-grid.is-list .station-card{grid-template-columns:1fr auto}.stations-grid.is-list .station-card__meta{grid-column:1}.stations-grid.is-list .station-card__actions{grid-column:2;grid-row:1/3;min-width:100px}.stations-grid.is-list .station-card__health,.stations-grid.is-list .station-link{display:none}.world-footer-heading>span:last-child{display:none}.world-footer{padding:18px}.metric-card strong{font-size:14px}.metric-card span{font-size:8px}.site-footer{align-items:flex-start;line-height:1.8;font-size:8px;gap:20px}.dock-info>span{font-size:8px}.dock-station{gap:8px}.dock-cover{width:37px;height:37px}.dock-station>.icon-button{display:none}.dock-play{width:37px;height:37px}.dock-controls>.icon-button{width:20px}.dock-tools #volumeSlider{width:54px}.playback-dock{gap:11px;grid-template-columns:minmax(0,1fr) auto auto;padding:10px 14px;min-height:70px}.dock-tools .icon-button{width:25px}.app-sidebar{bottom:70px}.site-footer>span{flex:1}.toast{bottom:85px}}
@media(max-width:520px){html{scroll-padding-top:82px}.page-shell{padding:22px 15px 100px}.topbar{padding:0 15px;height:65px;gap:10px}.theme-toggle{width:33px;height:33px}.welcome-row h1{font-size:22px;letter-spacing:-.8px}.welcome-row .live-label{display:none}.welcome-row .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-carousel{min-height:432px;border-radius:14px}.hero-viewport,.hero-slide,.hero-track{min-height:380px}.hero-slide{padding:24px 23px 131px;align-items:flex-start}.hero-copy{width:100%}.hero-copy h2{font-size:43px;letter-spacing:-2px;margin:21px 0 15px}.hero-copy p{font-size:10px;line-height:1.75;max-width:26ch}.hero-kicker{font-size:6.5px;letter-spacing:1.1px}.hero-copy .primary-button{font-size:10px;min-height:39px;padding:11px 13px;gap:9px;margin-top:0}.hero-copy .primary-button .icon{width:14px;height:14px}.hero-art{transform:scale(.54);right:8px;top:115px;transform-origin:right bottom}.hero-art .art-caption{display:none}.hero-art .art-star{font-size:47px;right:7px;top:15px}.hero-art .art-ring{opacity:.5}.radio-art .art-sticker{right:-3px;bottom:30px}.hero-footer{height:52px;padding:0 23px}.hero-copy h2 .headline-underline:after{bottom:-4px}.globe-art,.sound-art{top:116px;right:5px}.hero-slide--mint .hero-copy h2,.hero-slide--lilac .hero-copy h2{font-size:41px}.player-panel{grid-template-columns:70px minmax(0,1fr);gap:4px 13px;padding:13px 15px;border-radius:14px}.turntable{width:70px;height:75px;grid-row:1/4;transform:scale(.72);transform-origin:left center;align-self:center;overflow:visible}.vinyl{left:0}.tonearm{right:-31px}.player-equalizer{right:-32px}.player-panel__head{grid-column:2;grid-row:1}.on-air{font-size:6px;letter-spacing:1px}.player-panel__head .icon-button{width:24px;height:23px}.player-copy{grid-column:2;grid-row:2}.player-copy h2{font-size:13px}.player-copy>p:last-child{font-size:8px}.player-badges{grid-column:2;grid-row:3;align-self:start;margin:1px 0 4px}.player-badges:empty{height:0}#audioPlayer{grid-column:1/3;grid-row:4;margin-top:9px}.player-status{grid-column:1/3;grid-row:5;margin-top:8px;margin-bottom:2px;min-height:0}.player-homepage{grid-column:1/3;grid-row:6;margin-top:1px}.session-strip{grid-template-columns:1.2fr 1fr 1fr;gap:10px}.session-strip>div:nth-child(4){display:none}.session-strip>div:nth-child(3){border:0}.session-strip span{font-size:7px;gap:6px}.session-strip strong{font-size:10px}.section-block{margin-top:25px}.section-heading{gap:8px;margin-bottom:14px;align-items:center}.section-heading h2{font-size:18px;letter-spacing:-.6px}.section-heading .eyebrow{font-size:6.5px;letter-spacing:1.2px}.section-heading .rail-controls{gap:5px}.round-button{width:29px;height:29px}.rail-controls .text-button{font-size:9px;margin-right:3px}.destinations-section .rail-controls .text-button{display:none}.mini-station{min-width:233px;padding:15px 14px;min-height:102px}.mini-station__title{font-size:12px}.country-chip{min-width:167px}.country-rail{gap:9px}.control-panel{padding:18px 14px 0;margin-top:21px}.control-panel .section-heading{flex-direction:column;align-items:flex-start;gap:13px;margin-bottom:17px}.control-panel .section-heading h2{font-size:20px}.mode-switch{align-self:stretch}.mode-switch__button{flex:1;justify-content:center;font-size:10px}.controls-grid{gap:13px 10px}.field__label{font-size:8px}.field__control{font-size:10px;height:40px;padding-left:9px}.input-wrap input{padding-left:29px}.input-wrap>.icon{left:9px;width:13px;height:13px}.chip{font-size:9px;padding:7px 11px}.filter-footer{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.info-banner{font-size:9px}.action-row{width:100%;justify-content:space-between}.action-row .text-button{font-size:10px}.list-panel>.section-heading{align-items:flex-start}.list-panel>.section-heading h2{font-size:20px}.stations-description{font-size:9px;max-width:29ch}.list-actions{gap:7px}.list-actions .section-badge{display:none}.view-switch .icon-button{width:26px;height:27px}.stations-grid{grid-template-columns:1fr;gap:12px}.station-card{padding:17px;gap:13px}.station-card__top{grid-template-columns:46px minmax(0,1fr) 28px;gap:12px}.station-card__logo{width:46px;height:46px}.station-card__title{font-size:14px}.station-card__sub{font-size:10px}.station-card__tags .tag-pill{font-size:9px;padding:3px 8px}.station-card__meta{font-size:9px}.station-card__health{font-size:8px}.play-button{font-size:10px;min-height:35px;padding:9px 13px}.play-button .icon{width:15px;height:15px}.station-link{width:28px}.station-link .icon{width:14px;height:14px}.favorite-button .icon{width:18px;height:18px}.stations-grid.is-list .station-card{padding:13px 12px;gap:9px}.stations-grid.is-list .station-card__top{grid-template-columns:36px minmax(0,1fr) 23px;gap:8px}.stations-grid.is-list .station-card__logo{width:36px;height:36px}.stations-grid.is-list .station-card__title{font-size:12px}.stations-grid.is-list .station-card__actions{min-width:60px}.stations-grid.is-list .play-button{padding:9px;font-size:9px}.stations-grid.is-list .play-button .icon{display:none}.load-more-wrap{justify-content:center}.load-sentinel{font-size:10px;min-height:43px;width:100%}.world-footer{padding:17px 15px;margin-top:27px}.world-footer-heading>span:first-child{font-size:11px;gap:7px}.world-footer-heading .icon{width:17px;height:17px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-card strong{font-size:16px}.metric-card>span{font-size:8px}.site-footer{flex-direction:column;gap:7px;font-size:8px;padding-top:17px}.playback-dock{gap:7px;padding:10px 11px;min-height:70px;grid-template-columns:minmax(0,1fr) auto auto}.dock-info strong{font-size:10px}.dock-info>span{font-size:7.5px;max-width:25ch}.dock-cover{width:34px;height:34px;border-radius:8px}.dock-controls{gap:6px}.dock-controls #previousStation{display:none}.dock-controls>.icon-button{width:20px}.dock-controls>.icon-button .icon{width:16px;height:16px}.dock-play{width:36px;height:36px}.dock-tools{gap:1px}.dock-tools .icon-button{width:21px;height:30px}.dock-tools .icon{width:15px;height:15px}#volumeSlider{width:42px}.dock-station{gap:7px}.collection-banner{font-size:9px;flex-wrap:wrap;padding:10px 13px}.collection-banner .text-button{font-size:9px}}
@media(max-width:360px){.page-shell{padding-left:11px;padding-right:11px}.hero-copy h2{font-size:39px}.hero-copy p{max-width:23ch;font-size:9px}.hero-kicker{font-size:5.7px;letter-spacing:.7px}.hero-art{right:0;transform:scale(.48);top:113px}.hero-slide{padding-left:19px}.hero-copy .primary-button{font-size:9px;padding:10px 11px}.dock-cover{display:none}.dock-info strong{font-size:9px}.dock-info>span{font-size:7px}.section-heading h2{font-size:17px}.rail-controls{gap:3px}.controls-grid{grid-template-columns:1fr}.metrics-grid{gap:12px}.hero-slide--mint .hero-copy h2,.hero-slide--lilac .hero-copy h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sidebar-close{display:none;position:absolute;right:10px;top:10px}
@media(max-width:900px){.sidebar-close{display:flex;width:28px;height:28px}.app-sidebar .brand{margin-top:8px}}
/* Keep the complete radio artwork above the mobile carousel controls. */
@media(max-width:520px){.hero-art,.globe-art,.sound-art{top:63px}}
@media(max-width:360px){.hero-art,.globe-art,.sound-art{top:78px}}
/* Readable station metadata and form controls, including smaller laptop displays. */
.station-card__title{font-size:14px}.station-card__sub{font-size:10px}.station-card__meta{font-size:10px}.tag-pill{font-size:10px}.station-card__health{font-size:9px}.play-button{font-size:11px;min-height:35px}.field__control{font-size:12px}.field__label{font-size:10px}.chip{font-size:10px}.mini-station__title{font-size:13px}.country-name{font-size:12px}
@media(max-width:520px){.field__control{font-size:11px}.field__label{font-size:9px}.station-card__health{font-size:8.5px}.station-card__meta{font-size:10px}}

/* PULSE EDITION — new visual layer, shared radio catalogue and accessible controls. */
:root{--bg:#f5f3fb;--surface:#fff;--surface-2:#eeebf5;--text:#262136;--muted:#6c647e;--muted-soft:#857b98;--line:#e2ddeb;--accent:#7649df;--accent-soft:#ebe1ff;--mint:#e8edcb;--lilac:#e5d8fa;--dark:#30213f;--focus:#8050da;--halo:#9d74ed;--button-ink:#fff;--hero-bg:#ddcef6;--shadow:0 12px 35px #2315310b}
:root[data-theme="dark"]{--bg:#121023;--surface:#1b182e;--surface-2:#252037;--text:#f3effb;--muted:#b2a8c5;--muted-soft:#9386ac;--line:#373046;--accent:#d8ed9d;--accent-soft:#363d25;--mint:#343b2d;--lilac:#3d2e56;--dark:#3a2b52;--focus:#d8ed9d;--halo:#a77cfb;--button-ink:#192111;--shadow:0 15px 42px #0003}
:root[data-palette="ocean"]{--accent:#007a80;--accent-soft:#d9f5f0;--halo:#28c3c3;--mint:#d3eeeb;--lilac:#d7e6fb;--focus:#007a80;--hero-bg:#bfede5}
:root[data-theme="dark"][data-palette="ocean"]{--bg:#0b1c24;--surface:#122a33;--surface-2:#1c3641;--line:#2b4653;--text:#ebfaf8;--muted:#a4c2c7;--accent:#95eadb;--accent-soft:#203f3c;--halo:#4aafdb;--mint:#23443e;--lilac:#293f59;--dark:#204551;--focus:#95eadb}
:root[data-palette="sunset"]{--accent:#b84835;--accent-soft:#fbe2d6;--halo:#ea8a57;--mint:#f2e5c6;--lilac:#f5d5e8;--focus:#b84835;--hero-bg:#f7d4b5}
:root[data-theme="dark"][data-palette="sunset"]{--bg:#22151d;--surface:#32212c;--surface-2:#402b33;--line:#58404b;--text:#fff0e9;--muted:#d2b0b9;--accent:#ffb98c;--accent-soft:#51372e;--halo:#ec799a;--mint:#514133;--lilac:#50334b;--dark:#543643;--focus:#ffb98c}
body{isolation:isolate;background:var(--bg)}button,input,select,a{outline-offset:4px}.app-main{position:relative;z-index:1}.ambient-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;opacity:.24}.ambient-scene span{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(90px);background:radial-gradient(circle,var(--halo),transparent 65%);animation:ambient-drift 26s ease-in-out infinite alternate;left:20%;top:-220px}.ambient-scene span:nth-child(2){left:auto;right:-250px;top:23%;background:radial-gradient(circle,var(--accent),transparent 70%);animation-delay:-10s;animation-duration:35s}.ambient-scene span:nth-child(3){left:20%;top:80%;width:450px;height:450px;animation-delay:-18s}.reading-progress{height:2px;position:fixed;top:0;left:0;width:100%;transform:scaleX(var(--read-progress,0));transform-origin:left;background:var(--accent);z-index:99;pointer-events:none}
.app-sidebar{background:var(--surface);border-color:var(--line)}.brand-mark{background:var(--accent);color:var(--button-ink);border-radius:50% 50% 50% 13px;box-shadow:0 0 30px color-mix(in srgb,var(--accent) 15%,transparent)}.brand-dot{color:var(--accent)}.sidebar-caption{letter-spacing:2px}.nav-link.is-current{background:var(--accent-soft);color:var(--text);box-shadow:inset 3px 0 var(--accent)}.nav-link.is-current .icon,.nav-live{color:var(--accent)}.sidebar-note{background:var(--lilac);border:1px solid var(--line)}.topbar{background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(18px)}.topbar-actions{gap:9px}.topbar-search{background:var(--surface);height:43px}.welcome-row h1{font-size:30px;letter-spacing:-1.2px}.welcome-outline{color:var(--muted);font-weight:400}.welcome-row .eyebrow{color:var(--muted);font-size:9px}.live-label{letter-spacing:1px;background:var(--accent-soft)}.live-label i{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 12%,transparent)}
.pulse-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px;padding:17px 19px;background:var(--surface);border:1px solid var(--line);border-radius:15px}.pulse-signature{display:flex;gap:12px;align-items:center}.pulse-signature strong{font-size:12px;font-weight:600;display:block}.pulse-signature small{font-size:9px;display:block;color:var(--muted);margin-top:3px}.pulse-emblem{display:grid;place-items:center;width:38px;height:38px;background:var(--lilac);color:var(--text);border-radius:12px}.pulse-emblem .icon{animation:slow-star 28s linear infinite;width:23px;height:23px}.pulse-toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.pulse-action,.pulse-start{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;min-height:39px;border-radius:8px;padding:10px 12px;white-space:nowrap;position:relative;overflow:hidden}.pulse-action{border:1px solid var(--line);background:var(--surface-2)}.pulse-action:hover{border-color:var(--accent);background:var(--accent-soft)}.pulse-action .icon,.pulse-start .icon{width:15px;height:15px}.pulse-start{background:var(--accent);color:var(--button-ink)}.pulse-start:hover{background:var(--accent);filter:brightness(1.08);color:var(--button-ink)}.is-playing-dock .dock-play{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 10%,transparent)}.dock-play{background:var(--accent);color:var(--button-ink)}
.hero-carousel{border-radius:20px;background:#ddcef6;box-shadow:inset 0 0 0 1px #fff2;--hero-bg:#ddcef6}.hero-carousel[data-slide="0"]{background:#ddcef6}.hero-carousel[data-slide="1"]{background:#c9e8d2}.hero-carousel[data-slide="2"]{background:#f3cdac}.hero-carousel[data-slide="3"]{background:#d9e9a8}.hero-copy h2{font-weight:760}.hero-slide .primary-button{background:#292137;color:#fff9ed}.hero-copy p{color:#494153}.hero-kicker{color:#3e334f}.hero-slide--pulse .hero-copy h2{font-size:clamp(35px,6.7cqi,60px)}.radio-art .retro-radio{background:#f9f0db;box-shadow:8px 9px 0 #392d48,15px 24px 25px #44335c22}.radio-screen{background:#d4d0ee}.art-sticker{background:#dceda7}.sound-disc{animation:slow-star 45s linear infinite}.graphic-globe{animation:globe-breathe 8s ease-in-out infinite alternate}.destination-sticker{animation:label-drift 5s ease-in-out infinite alternate}.ds-two{animation-delay:-2s}.art-ring--two{animation:slow-star 50s linear infinite}.pulse-planet{position:absolute;left:45px;top:58px;width:220px;height:220px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#bea5ee,#79599d 47%,#43345e 87%);box-shadow:inset -14px -12px 30px #29203980,10px 15px 20px #2a23382c;animation:planet-float 7s ease-in-out infinite alternate}.pulse-planet:before,.pulse-planet:after{content:"";position:absolute;inset:15px;border:1px solid #fff4;border-radius:50%;transform:rotate(-30deg) scaleX(.5)}.pulse-planet:after{transform:rotate(30deg) scaleX(.5)}.pulse-planet span{text-align:center;font-size:47px;line-height:.8;font-weight:700;letter-spacing:-3px;color:#f9f1e8;transform:rotate(-10deg);z-index:1}.pulse-planet span small{display:block;letter-spacing:4px;font-size:9px;margin-top:15px}.pulse-orbit{position:absolute;width:300px;height:125px;left:2px;top:106px;border-radius:50%;border:1px solid #55466790;transform:rotate(-25deg);pointer-events:none}.pulse-orbit:after{content:"";position:absolute;right:35px;top:5px;width:13px;height:13px;background:#f38e71;box-shadow:0 0 0 5px #f38e7118;border-radius:50%}.po-two{transform:rotate(35deg);width:285px;left:10px;top:98px}.po-two:after{background:#66517e;right:165px;top:-6px;width:8px;height:8px}.pulse-art .art-sticker{background:#f3b19b}.slide-timeline{position:absolute;bottom:0;left:0;right:0;height:3px;background:#35264110}.slide-timeline i{display:block;height:100%;width:100%;background:#42344e70;transform:scaleX(0);transform-origin:left}.slide-timeline.is-running i{animation:slide-progress 7s linear forwards}.hero-slide:not([inert]) .hero-copy{animation:copy-enter .7s ease both}
.player-panel{background:linear-gradient(145deg,#30263f,#1d192c);border:1px solid #4c3e5b;box-shadow:0 10px 25px #0a061626}.player-copy h2{color:#f5ebfd}.player-panel .player-status{color:#cec0de}.player-panel .on-air,.player-panel .now-playing-label{color:#c8b8de}.player-panel .on-air i{background:#c8c0d4}.player-panel.is-playing .on-air i{background:#d8ed9d;box-shadow:0 0 12px #d8ed9d55;animation:on-air-pulse 2s infinite}.player-panel .player-homepage{color:#e2d5ef}.turntable{background:radial-gradient(ellipse,#644a7550,transparent 65%)}.vinyl{background:repeating-radial-gradient(circle,#19151f 0 1px,#403346 1px 2px,#231b2c 2px 4px);border-color:#151019}.player-cover{background:#d8ed9d;box-shadow:0 0 0 8px #181320}.player-pill{color:#d3c5df}.player-extra{display:flex;flex-wrap:wrap;gap:10px;padding:7px 0 9px}.player-extra button{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#d7c4e8;min-height:28px}.player-extra .icon{width:12px;height:12px}.player-extra button:hover{color:#d8ed9d}.service-state i{background:#d2ab63}.service-state[data-status="connected"] i{background:#93c994}.service-state[data-status="error"] i{background:#e59b89}
.moods-section{margin-top:30px}.mood-rail{gap:12px;padding:4px 0 10px}.mood-card{width:calc((100% - 48px)/5);min-width:175px;height:181px;position:relative;overflow:hidden;text-align:left;padding:18px;border-radius:14px;border:1px solid #ffffff20;color:#332d3f;background:#dcd1f0;transition:transform .25s,border-color .25s,box-shadow .25s;transform:perspective(600px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));isolation:isolate}.mood-card:nth-child(4n+2){background:#e1e9bd}.mood-card:nth-child(4n+3){background:#f1c3b4}.mood-card:nth-child(4n+4){background:#c9e3de}.mood-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,#fff8,transparent 70%);z-index:-1}.mood-card:hover{box-shadow:0 8px 22px #0002}.mood-card.active{box-shadow:inset 0 0 0 3px #3c304b}.mood-card .mood-index{font-size:8px;letter-spacing:1.4px;font-family:monospace;position:relative;z-index:2}.mood-card strong{position:absolute;left:17px;bottom:37px;font-size:22px;letter-spacing:-.7px;font-weight:650}.mood-card small{position:absolute;left:18px;bottom:19px;font-size:9px;opacity:.8}.mood-arrow{position:absolute;right:14px;bottom:18px;width:26px;height:26px;background:#ffffff55;border-radius:50%;display:grid;place-items:center}.mood-arrow .icon{width:13px;height:13px}.mood-art{position:absolute;right:-8px;top:12px;width:116px;height:98px;opacity:.8;transform:rotate(-15deg);pointer-events:none}.mood-disc .mood-art{width:109px;height:109px;border-radius:50%;background:repeating-radial-gradient(circle,#2c223b 0 2px,#59466b 2px 4px);display:grid;place-items:center;animation:slow-star 26s linear infinite}.mood-disc .mood-art:after{content:"";width:36px;height:36px;border-radius:50%;background:#e5c7c1;border:4px solid #2c223b}.mood-waves .mood-art i{position:absolute;inset:0;border:1px solid #4c6340;border-radius:50%;transform:scaleY(.3);animation:wave-rise 5s ease-in-out infinite}.mood-waves .mood-art i:nth-child(2){top:15px;animation-delay:-.5s}.mood-waves .mood-art i:nth-child(3){top:30px;animation-delay:-1s}.mood-waves .mood-art i:nth-child(4){top:45px;animation-delay:-1.5s}.mood-waves .mood-art i:nth-child(5){top:60px;animation-delay:-2s}.mood-bars .mood-art{display:flex;gap:5px;align-items:center;justify-content:center}.mood-bars .mood-art i{display:block;width:11px;height:85px;background:#834a61;border-radius:6px;animation:mood-bar 3s ease-in-out infinite alternate}.mood-bars .mood-art i:nth-child(2n){height:45px;animation-delay:-1s}.mood-bars .mood-art i:nth-child(3n){height:67px;animation-delay:-2s}.mood-sun .mood-art{border-radius:50%;width:94px;height:94px;right:9px;top:17px;background:repeating-conic-gradient(#578b7a 0deg 8deg,transparent 8deg 20deg);animation:slow-star 40s linear infinite}.mood-sun .mood-art:after{position:absolute;content:"";inset:21px;background:#dbeaa8;border-radius:50%}.mood-bolt .mood-art:before{content:"ϟ";font-size:131px;line-height:.75;font-weight:600;color:#8f639d;display:block;animation:label-drift 4s ease-in-out infinite alternate}.mood-rings .mood-art{border:1px solid #82658c;border-radius:50%;width:100px;height:100px;right:8px;top:10px}.mood-rings .mood-art i{position:absolute;inset:8px;border:1px solid #82658c;border-radius:50%;animation:globe-breathe 7s ease-in-out infinite}.mood-rings .mood-art i:nth-child(2){inset:16px}.mood-rings .mood-art i:nth-child(3){inset:24px}.mood-rings .mood-art i:nth-child(4){inset:32px}.mood-rings .mood-art i:nth-child(5){inset:40px;background:#82658c}
.catalogue-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:17px;border-top:1px solid var(--line);padding-top:15px}.catalogue-scope{display:flex;align-items:center;gap:10px;font-size:10px}.catalogue-scope>span{font-weight:600;color:var(--muted)}.catalogue-scope select{border:1px solid var(--line);border-radius:7px;min-height:36px;max-width:100%;background:var(--surface-2);color:var(--text);font-size:10px;padding:5px 9px}.genre-summary{font-size:9px;background:var(--accent-soft);padding:6px 10px;border-radius:20px}.scope-note{font-size:9px;color:var(--muted);margin-left:auto;flex:1;min-width:210px;text-align:right}.station-card{border-radius:16px;overflow:hidden}.station-card:hover{border-color:var(--halo);box-shadow:0 7px 24px color-mix(in srgb,var(--halo) 9%,transparent)}.station-card.is-active{background:linear-gradient(140deg,var(--surface),var(--accent-soft));border-color:var(--accent)}.station-card.is-active:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:var(--accent);border-radius:3px}.play-button{background:var(--accent-soft);color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 20%,var(--line))}.play-button:hover{background:var(--accent);color:var(--button-ink)}.station-card.is-active .play-button{background:var(--accent);color:var(--button-ink)}.country-chip.active,.chip.active{border-color:var(--accent);background:var(--accent-soft)}.mini-station:hover,.country-chip:hover{border-color:var(--halo)}.world-footer{background:var(--lilac);border:1px solid var(--line)}.metrics-grid{border-color:var(--line)}.playback-dock{background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(20px)}.toast{background:var(--text);color:var(--bg);z-index:200}.tap-ripple{position:absolute;pointer-events:none;width:90px;height:90px;background:currentColor;opacity:.14;border-radius:50%;transform:translate(-50%,-50%) scale(0);animation:tap-ripple .6s ease-out forwards;z-index:10}
/* Focus-trapped native dialogs: no unnecessary browser permissions. */
.pulse-dialog{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:24px;width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 36px);padding:0;overflow:auto;box-shadow:0 30px 100px #0008;scrollbar-width:thin;animation:dialog-enter .3s ease both}.pulse-dialog::backdrop{background:#070512b3;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:3}.dialog-heading h2{font-size:24px;letter-spacing:-.8px}.dialog-heading .eyebrow{font-size:8px;color:var(--muted)}.dialog-heading>button{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.dialog-heading>button .icon{width:17px;height:17px}.settings-body{padding:4px 28px 27px}.settings-section{padding:22px 0;border-bottom:1px solid var(--line)}.settings-section:last-child{border-bottom:0;padding-bottom:0}.settings-section h3{font-size:15px;letter-spacing:-.2px;margin-bottom:15px}.palette-options{display:flex;gap:11px;margin-bottom:15px}.palette-options button{flex:1;text-align:left;border:1px solid var(--line);border-radius:11px;display:flex;align-items:center;gap:9px;padding:12px;font-size:11px;min-height:50px}.palette-options button[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.palette-options button i{display:block;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#9872df 50%,#d8ed9d 50%)}.palette-options button[data-palette="ocean"] i{background:linear-gradient(135deg,#26819e 50%,#95eadb 50%)}.palette-options button[data-palette="sunset"] i{background:linear-gradient(135deg,#bf6b8c 50%,#ffb98c 50%)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:49px;font-size:12px}.setting-row input[type="checkbox"]{appearance:none;width:39px;height:22px;border-radius:20px;border:1px solid var(--line);background:var(--surface-2);position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}.setting-row input[type="checkbox"]:before{position:absolute;content:"";width:16px;height:16px;border-radius:50%;left:2px;top:2px;background:var(--muted);transition:transform .2s}.setting-row input:checked{background:var(--accent);border-color:var(--accent)}.setting-row input:checked:before{transform:translateX(17px);background:var(--button-ink)}.setting-row select{min-width:140px;background:var(--surface-2);color:var(--text);border:1px solid var(--line);padding:9px;border-radius:8px;font-size:11px}.setting-help,.settings-note{font-size:10px;color:var(--muted);line-height:1.8;margin-top:6px}.settings-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px}.settings-actions .pulse-action{font-size:11px}.diagnostic-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:10px 0 15px}.diagnostic-grid>div{padding:12px 14px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.diagnostic-grid dt{font-size:10px;color:var(--muted);margin-bottom:5px}.diagnostic-grid dd{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}#diagnosticMessage{font-size:11px;line-height:1.8;border-left:2px solid var(--accent);padding-left:12px;color:var(--muted)}.diagnostic-panel details{margin-top:17px;border:1px solid var(--line);border-radius:9px;padding:12px 14px;font-size:11px}.diagnostic-panel summary{cursor:pointer;color:var(--muted)}#connectionLog{padding-left:17px;color:var(--muted);font-family:monospace;font-size:10px;line-height:1.9;max-height:150px;overflow:auto;overflow-wrap:anywhere}.custom-station-form{display:grid;gap:12px}.custom-station-form label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.custom-station-form input{min-height:41px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--bg);padding:9px 12px;width:100%;min-width:0}.custom-station-form button{justify-self:start;font-size:11px}.custom-station-form p{font-size:11px;color:var(--muted)}
.immersive-dialog{width:min(940px,calc(100vw - 32px));background:#181124;color:#f4ecff;isolation:isolate;overflow:hidden auto;border-color:#4d3d62}.immersive-dialog .dialog-heading{background:transparent;border:0;padding:19px 24px;position:relative;color:#f4ecff}.immersive-dialog .dialog-heading>span{font-size:12px;letter-spacing:1.5px;display:flex;gap:9px;align-items:center}.immersive-dialog .dialog-heading>button{border-color:#fff3}.immersive-backdrop{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 30% 10%,#956dc946,transparent 60%),radial-gradient(ellipse at 80% 85%,#bed57c23,transparent 50%)}.immersive-stage{text-align:center;padding:6px 30px 33px;position:relative}.immersive-kicker{font-size:9px;letter-spacing:3px;color:#d0becf}.immersive-orbits{width:260px;height:235px;position:relative;margin:20px auto 0;display:grid;place-items:center}.immersive-orbit{position:absolute;inset:5px;border:1px solid #b8a0d033;border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.immersive-orbit:nth-child(2){transform:rotate(35deg) scaleY(.65);inset:-10px}.immersive-orbit:after{content:"";position:absolute;top:10px;right:30px;width:7px;height:7px;border-radius:50%;background:#d8ed9d;box-shadow:0 0 13px #d8ed9d50}.immersive-record{position:relative;width:207px;height:207px;border-radius:50%;background:repeating-radial-gradient(circle,#17131d 0 2px,#43364e 2px 3px,#201824 3px 5px);border:2px solid #100c19;box-shadow:0 12px 22px #0005;display:grid;place-items:center;animation:slow-star 22s linear infinite;animation-play-state:paused}.immersive-record:after{position:absolute;content:"";inset:0;border-radius:50%;background:conic-gradient(transparent,#d2c0e024 40deg,transparent 90deg,transparent 200deg,#d2c0e024 240deg,transparent 280deg)}#immersiveCover{width:77px;height:77px;border-radius:50%;background:#d8ed9d;color:#271b32;display:grid;place-items:center;font-size:27px;font-weight:750;overflow:hidden;box-shadow:0 0 0 9px #161019;z-index:1}#immersiveCover img{width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.immersive-stage h2{font-size:30px;letter-spacing:-1px;margin:17px auto 6px;max-width:95%;overflow-wrap:anywhere}.immersive-stage>p{font-size:12px;color:#baa8cf}.immersive-wave{height:63px;display:flex;gap:4px;align-items:center;justify-content:center;margin:16px auto 0;max-width:100%;overflow:hidden}.immersive-wave i{width:4px;flex:0 1 4px;border-radius:5px;background:linear-gradient(#d9bffd,#d8ed9d);height:var(--height);animation:immersive-wave 1.4s ease-in-out infinite alternate;animation-delay:calc(var(--bar)*-.19s);animation-play-state:paused;opacity:.7}.immersive-stage .decorative-note{font-size:8px;color:#a797b8;margin:8px 0 22px}.immersive-dialog.is-playing .immersive-record,.immersive-dialog.is-playing .immersive-wave i{animation-play-state:running}.immersive-controls{display:flex;align-items:center;justify-content:center;gap:21px}.immersive-controls .icon-button{width:41px;height:41px;border:1px solid #fff2;border-radius:50%;color:#eee4f9}.immersive-controls .dock-play{width:59px;height:59px;background:#d8ed9d;color:#21162e}.immersive-controls .dock-play .icon{width:29px;height:29px}.immersive-volume{display:flex;align-items:center;justify-content:center;gap:12px;margin:23px auto 12px;color:#c9b9da}.immersive-volume input{width:130px;height:4px;accent-color:#d8ed9d}.immersive-volume output{font-size:11px;min-width:40px}.immersive-volume .icon{width:18px;height:18px}#immersiveStatus{min-height:20px;font-size:11px;line-height:1.7}.immersive-stage>#immersiveSurprise{margin-top:12px;font-size:10px;color:#d8ed9d;background:transparent;border-color:#ffffff26}
@keyframes ambient-drift{to{transform:translate(80px,90px) scale(1.15)}}@keyframes slow-star{to{transform:rotate(360deg)}}@keyframes globe-breathe{to{transform:rotate(-8deg) scale(1.025)}}@keyframes label-drift{to{translate:0 -5px}}@keyframes planet-float{to{transform:translateY(-8px) rotate(5deg)}}@keyframes slide-progress{to{transform:scaleX(1)}}@keyframes copy-enter{from{opacity:.15;translate:0 9px}to{opacity:1;translate:0 0}}@keyframes on-air-pulse{50%{box-shadow:0 0 0 4px #d8ed9d12}}@keyframes wave-rise{50%{translate:0 -6px}}@keyframes mood-bar{to{transform:scaleY(.55)}}@keyframes tap-ripple{to{transform:translate(-50%,-50%) scale(3);opacity:0}}@keyframes dialog-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes immersive-wave{to{transform:scaleY(.2)}}
@media(max-width:1240px){.pulse-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.pulse-toolbar-actions{width:100%}.pulse-toolbar-actions>*{flex:1}.welcome-row h1{font-size:26px}.player-extra{gap:9px}.topbar-actions{gap:8px}}
@media(max-width:900px){.ambient-scene{opacity:.13}.pulse-toolbar{padding:15px}.pulse-signature small{font-size:9px}.mood-card{min-width:162px;height:170px}.mood-card strong{font-size:20px}.scope-note{text-align:left}.welcome-row h1{font-size:25px}.settings-dialog{max-height:calc(100dvh - 20px)}}
@media(max-width:760px){.player-extra{grid-column:1/-1;grid-row:6;margin-top:6px;padding-bottom:0;border-top:1px solid #ffffff13;justify-content:flex-end}.player-homepage{grid-row:5}.topbar-actions{gap:6px}.pulse-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.pulse-action,.pulse-start{font-size:10px;min-height:41px}.pulse-signature strong{font-size:13px}.mood-card{min-width:160px}.catalogue-toolbar{gap:9px}.scope-note{flex-basis:100%;font-size:9px}.welcome-outline{display:block}.welcome-row h1{font-size:28px;line-height:1.25}.welcome-row .eyebrow{margin-bottom:10px}.immersive-stage h2{font-size:25px}}
@media(max-width:520px){.topbar-search{padding-left:11px}.topbar-actions .theme-toggle{width:31px;height:31px}.welcome-row h1{font-size:28px}.pulse-toolbar{border-radius:13px;padding:14px;margin-bottom:17px}.pulse-signature small{font-size:8px}.pulse-signature{gap:10px}.pulse-emblem{width:34px;height:34px}.pulse-toolbar-actions{gap:7px}.pulse-action,.pulse-start{font-size:9px;padding:10px 7px;gap:6px}.hero-slide--pulse .hero-copy h2{font-size:40px;letter-spacing:-2px}.hero-slide--pulse .hero-copy p{max-width:23ch}.pulse-art{top:94px!important;transform:scale(.49)!important;right:13px!important}.hero-copy h2{font-size:42px}.player-extra{grid-row:7;justify-content:flex-start;gap:19px;margin-top:6px;padding-top:5px}.player-homepage{grid-row:6}.player-extra button{min-height:31px;font-size:10px}.catalogue-toolbar{gap:10px}.catalogue-scope{width:100%;justify-content:space-between;font-size:10px}.catalogue-scope select{font-size:10px;max-width:75%;height:37px}.mood-card{min-width:153px;height:174px}.mood-card .mood-art{opacity:.65}.mood-card strong{font-size:21px}.mood-card small{font-size:8px}.pulse-dialog{width:calc(100vw - 16px);border-radius:18px;max-height:calc(100dvh - 16px)}.dialog-heading{padding:20px 18px}.dialog-heading h2{font-size:22px}.settings-body{padding:0 18px 20px}.setting-row{font-size:11px;gap:12px;min-height:49px}.palette-options{gap:7px}.palette-options button{font-size:9px;padding:10px 7px;gap:7px}.palette-options button i{width:17px;height:17px;flex-shrink:0}.settings-section h3{font-size:14px}.setting-row select{min-width:124px}.settings-actions .pulse-action{font-size:10px;min-height:40px}.diagnostic-grid{gap:9px}.diagnostic-grid>div{padding:10px}.diagnostic-grid dd{font-size:11px}.immersive-stage{padding:0 18px 24px}.immersive-orbits{scale:.88;margin-top:5px;margin-bottom:-18px}.immersive-stage h2{font-size:23px;letter-spacing:-.6px}.immersive-stage>p{font-size:11px}.immersive-dialog .dialog-heading{padding:16px 18px}.immersive-dialog .dialog-heading>span{font-size:10px}.immersive-wave{gap:3px}.immersive-stage .decorative-note{font-size:7px;margin-bottom:17px}.ambient-scene span:nth-child(3){display:none}.topbar-search input{font-size:10px}}
@media(max-width:360px){.welcome-row h1{font-size:26px}.pulse-signature strong{font-size:12px}.pulse-signature small{font-size:7px}.pulse-toolbar{padding:12px}.pulse-toolbar-actions>*{font-size:8.5px}.hero-slide--pulse .hero-copy h2{font-size:36px}.hero-copy h2{font-size:39px}.pulse-art{right:1px!important;top:87px!important;transform:scale(.45)!important}.palette-options{gap:5px}.palette-options button{font-size:8px;padding:9px 5px;gap:5px}.immersive-stage h2{font-size:21px}.diagnostic-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.ambient-scene{display:none}.tap-ripple{display:none}.mood-card{transform:none!important}.immersive-wave i{transform:scaleY(.5)}}
body.motion-reduced .ambient-scene,body.motion-reduced .tap-ripple{display:none}body.motion-reduced .mood-card{transform:none!important}
.setting-row>span{display:flex;flex-direction:column;gap:3px}.setting-row>span strong{font-weight:600}.setting-row>span small{font-size:9px;font-weight:400;color:var(--muted);line-height:1.6}.immersive-stage .decorative-note{display:block}.immersive-brand b{font-weight:400;opacity:.4}

/* Activation Edition / 04 — same Pulse palette, an explicit and accessible audio entry point. */
.activation-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:68px minmax(0,1fr) minmax(235px,290px);align-items:center;gap:20px;margin:0 0 24px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}
.activation-panel:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 2% 50%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 60%);pointer-events:none}
.activation-art{position:relative;width:64px;height:64px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:50%}.activation-art>.icon{width:27px;height:27px}
.activation-ring{position:absolute;inset:-5px;border:1px solid var(--accent);border-radius:50%;opacity:.25;animation:activation-wave 3.8s ease-out infinite}.activation-ring--two{animation-delay:1.9s}
.activation-copy{min-width:0}.activation-copy>.eyebrow{font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-bottom:6px}.activation-copy h2{font-size:24px;letter-spacing:-.9px;line-height:1.2}.activation-copy h2 span{font-weight:450;color:var(--muted)}
.activation-chips{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.activation-chips span{padding:3px 8px;font-size:9px;line-height:1.5;border-radius:20px;border:1px solid var(--line);background:var(--bg);color:var(--muted)}
#activationStatus{font-size:10px;line-height:1.75;max-width:72ch;color:var(--muted);overflow-wrap:anywhere}
.activation-actions{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:9px}.activation-button{width:100%;min-height:48px;gap:10px;font-size:11px;line-height:1.5;background:var(--accent);color:#171b28;box-shadow:0 5px 20px color-mix(in srgb,var(--accent) 15%,transparent);text-align:center}.activation-button span{min-width:0;overflow-wrap:anywhere}.activation-button:hover{background:var(--accent);color:#171b28;filter:brightness(1.08)}
.activation-secondary{display:flex;align-items:center;justify-content:center;gap:20px}.activation-secondary .text-button{font-size:10px;min-height:32px;padding:3px 0}.activation-secondary .icon{width:15px;height:15px}.sound-test-status{font-size:9px;line-height:1.6;text-align:center;color:var(--muted);overflow-wrap:anywhere}
.activation-panel[data-state="playing"]{border-color:var(--accent)}.activation-panel[data-state="loading"] .activation-art>.icon{animation:activation-breathe 1.6s ease-in-out infinite}.activation-panel[data-state="warning"] #activationStatus{color:var(--text)}
@keyframes activation-wave{0%{transform:scale(.82);opacity:.32}85%,100%{transform:scale(1.3);opacity:0}}@keyframes activation-breathe{50%{opacity:.35;transform:scale(.9)}}
@media(max-width:1160px){.activation-panel{grid-template-columns:50px minmax(0,1fr) 235px;gap:16px;padding:20px}.activation-art{width:46px;height:46px}.activation-copy h2{font-size:22px}.activation-button{padding:12px 14px;font-size:10px}}
@media(max-width:760px){.activation-panel{grid-template-columns:50px minmax(0,1fr);gap:15px;padding:21px}.activation-actions{grid-column:1/-1}.activation-copy h2{font-size:23px}.activation-art{width:48px;height:48px}.activation-button{font-size:12px}.activation-copy>.eyebrow{font-size:7px}.activation-chips{margin:9px 0}.activation-chips span{font-size:8px}#activationStatus{font-size:10px}.sound-test-status{font-size:9px}.activation-secondary .text-button{font-size:11px}.activation-panel{margin-bottom:18px}}
@media(max-width:360px){.activation-panel{padding:16px;gap:12px;grid-template-columns:35px minmax(0,1fr)}.activation-art{width:32px;height:32px}.activation-art>.icon{width:19px;height:19px}.activation-copy h2{font-size:21px}.activation-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.activation-ring,.activation-art>.icon{animation:none!important}}