:root{--ink:#e7ece9;--muted:#8e9d9c;--line:#ffffff16;--accent:#f4b17c;--mint:#9cd7c4}*{box-sizing:border-box}body{margin:0;background:#080e14;color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif;overflow:hidden}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 12% 14%,#abc4c466 90%,transparent),radial-gradient(1px 1px at 41% 44%,#abc4c455 90%,transparent),radial-gradient(1px 1px at 78% 22%,#abc4c477 90%,transparent),radial-gradient(1px 1px at 63% 75%,#abc4c466 90%,transparent);background-size:310px 270px,430px 380px,570px 420px,670px 590px}#map{position:absolute;inset:78px 0 106px;background:transparent}header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;height:78px;margin:0 38px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.9px;gap:9px}.brand-icon,.cover{display:flex;align-items:center;justify-content:center;gap:3px}.brand-icon{width:31px;height:31px;border-radius:50%;background:var(--accent);color:#29251e}.brand-icon i,.cover i{display:block;width:3px;height:11px;background:currentColor;border-radius:4px}.brand-icon i:nth-child(2),.cover i:nth-child(2){height:19px}.brand-icon i:nth-child(3),.cover i:nth-child(3){height:14px}.brand-dot{color:var(--accent);margin-left:-9px}.header-note{font-size:10px;letter-spacing:2.5px;color:#8b9b99}.quiet{font-size:13px;color:#cbd3ce;display:flex;gap:9px;align-items:center}.quiet b{font-weight:500;color:var(--mint);padding:1px 7px;background:#b3dac510;border-radius:5px}main{position:relative;pointer-events:none;height:calc(100dvh - 184px)}.intro{position:absolute;left:48px;top:38px;width:265px;pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:var(--muted)}.intro .eyebrow{display:flex;align-items:center;gap:8px;color:#c0c9bb}.intro .eyebrow>span,.signal-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #9cd7c440}.intro h1{font:normal 66px/.97 Georgia,serif;letter-spacing:-3px;margin:27px 0 24px}.intro h1 em{font-weight:normal;color:var(--accent)}.intro p{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:26px}.search{display:flex;align-items:center;gap:10px;padding:13px 12px;background:#111b20e6;border:1px solid #b1cec526;border-radius:8px;backdrop-filter:blur(14px)}.search svg{width:17px;fill:none;stroke:#94aca1;stroke-width:1.4}.search input{width:100%;min-width:0;color:var(--ink);background:none;border:0;outline:0;font-size:12px}.search input::placeholder{color:#879995}.search kbd{font:10px monospace;border:1px solid #ffffff20;padding:0 4px;color:#7e908b}.results{position:absolute;top:312px;left:0;width:320px;max-height:270px;overflow:auto;background:#131e24;border:1px solid #40544a;border-radius:8px;z-index:5;box-shadow:0 16px 40px #0008}.results button{display:block;width:100%;padding:12px 15px;text-align:left;border-bottom:1px solid var(--line)}.results small{display:block;color:var(--muted);font-size:11px}.results button:hover{background:#263730}.stats{display:flex;gap:35px;margin:23px 0 26px}.stats strong{display:block;font:24px Georgia,serif}.stats span{font-size:10px;color:var(--muted)}.pick-heading{font-size:9px;letter-spacing:1.8px;color:#84948d;margin-bottom:11px;display:flex;justify-content:space-between}.city-picks{display:grid;gap:7px}.city-picks button{padding:9px 0;display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.city-picks .city-icon{width:31px;height:31px;border:1px solid #c4dec51a;border-radius:50%;display:grid;place-items:center;color:var(--mint);font:15px Georgia}.city-picks .city-name{flex:1;font-size:12px}.city-picks small{display:block;color:var(--muted);font-size:10px}.city-picks .arrow{color:var(--muted)}.surprise{border:1px solid #c8ded52b;border-radius:7px;padding:11px 13px;display:flex;justify-content:space-between;width:100%;margin-top:17px;font-size:11px;background:#16201e88}.surprise:hover{border-color:var(--accent);color:var(--accent)}.panel{position:absolute;right:36px;top:42px;width:285px;background:#131c21c9;backdrop-filter:blur(18px);border:1px solid #b2cbc321;border-radius:14px;pointer-events:auto;overflow:hidden;box-shadow:0 12px 36px #0003}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 22px 0}.panel-heading button{font-size:22px;color:#7b8c84}.panel h2{font:25px/1.18 Georgia,serif;letter-spacing:-.5px;margin:12px 22px}.panel>p{font-size:11px;color:var(--muted);margin:0 22px 18px;line-height:1.8}.station-list{max-height:min(390px,calc(100dvh - 405px));overflow:auto;padding:0 15px}.station-list::-webkit-scrollbar{width:3px}.station-list::-webkit-scrollbar-thumb{background:#384a40}.station{display:flex;align-items:center;gap:10px;padding:12px 5px;border-top:1px solid var(--line)}.station-icon{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;border-radius:7px;color:#aebea8;background:#b2c7ac0b;font:13px Georgia,serif;border:1px solid #b2c7ac16}.station-info{min-width:0;flex:1}.station-info strong{font-size:11px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-info small{display:block;color:#81958d;font-size:9px;margin-top:3px}.station button{width:28px;height:28px;font-size:10px;background:#b4cbb510;border:1px solid #b4cbb521;border-radius:50%}.station.active button{background:var(--accent);color:#202723}.station.active strong{color:var(--accent)}.panel-foot{font-size:9px;color:#85978e;padding:15px 22px;background:#ffffff03;margin-top:12px;display:flex;gap:8px;align-items:center}.map-controls{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);display:flex;padding:4px;background:#15211bdd;border:1px solid #b1c9b525;border-radius:10px;pointer-events:auto;backdrop-filter:blur(12px);white-space:nowrap}.map-controls button{padding:9px 13px;font-size:11px;color:#90a69a;border-radius:6px}.map-controls .active{background:#bcdcc510;color:#dce9dd}.map-controls button:hover{color:var(--accent)}.map-caption{position:absolute;left:50%;bottom:19px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font-size:10px;color:#91a79c;white-space:nowrap}.hint{position:absolute;left:43px;bottom:20px;font-size:8px;letter-spacing:1.5px;color:#597267}.hint span{margin:0 9px}.player{height:106px;position:fixed;bottom:0;left:0;right:0;background:#0e171b;border-top:1px solid #b6cbc720;z-index:6;display:flex;align-items:center;gap:18px;padding:0 38px}.cover{width:54px;height:54px;border-radius:11px;background:linear-gradient(140deg,#9fc6ac,#547f76);color:#172e2b;flex-shrink:0}.cover i{width:4px;height:15px}.cover i:nth-child(2){height:26px}.cover i:nth-child(3){height:20px}.now{width:330px;min-width:0}.now .eyebrow{display:block;color:#9aaa98;font-size:8px;letter-spacing:1.6px}.now strong{display:block;margin:4px 0 2px;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.now small{color:#80988c;font-size:10px}.player-save{font-size:22px;color:#9caea5}.transport{display:flex;align-items:center;gap:22px;margin:auto}.transport>button{font-size:12px;color:#a0b5a7}.transport .play{background:var(--accent);color:#232b24;width:48px;height:48px;border-radius:50%;font-size:15px;padding-left:5px}.live-badge{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1.5px;color:#91a98c;min-width:90px}.volume{display:flex;gap:13px;align-items:center;color:#819b8e}.volume input{width:85px;accent-color:#95b6a4;height:3px}.maplibregl-ctrl-attrib{background:#111b1cbb!important;color:#6e877b!important;font-size:9px!important}.maplibregl-ctrl-attrib a{color:#8ba295!important}.maplibregl-ctrl-bottom-right{bottom:4px!important}.maplibregl-ctrl-top-right{right:338px;top:22px}.maplibregl-ctrl-group{background:#15221ddd!important;box-shadow:none!important;border:1px solid #b3d2b72b}.maplibregl-ctrl-icon{filter:invert(1)}#toast{position:fixed;z-index:10;bottom:120px;left:50%;transform:translateX(-50%);background:#23382d;border:1px solid #567964;padding:12px 20px;border-radius:8px;font-size:12px}.maplibregl-canvas:focus-visible{outline:1px solid var(--mint)}
@media(max-height:790px) and (min-width:901px){.intro{top:24px}.intro h1{font-size:54px;margin:17px 0}.intro p{margin-bottom:18px}.stats{margin:17px 0}.city-picks button{padding:6px 0}.panel{top:25px}.surprise{margin-top:11px}.hint{display:none}}
@media(max-width:1100px){.intro{left:25px;width:235px}.intro h1{font-size:55px}.panel{right:22px;width:245px}.header-note{display:none}.now{width:250px}.maplibregl-ctrl-top-right{right:282px}}
@media(max-width:760px){header{height:64px;margin:0 20px}.brand{font-size:20px}.quiet span{display:none}#map{inset:64px 0 85px}main{height:calc(100dvh - 149px)}.intro{top:20px;left:20px;right:20px;width:auto}.intro>.eyebrow{font-size:8px}.intro h1{font-size:40px;line-height:1;letter-spacing:-1.7px;margin:11px 0 16px}.intro h1 br{display:none}.intro p,.stats,.pick-heading,.city-picks,.surprise{display:none}.search{max-width:290px;padding:10px 12px}.results{top:104px;width:min(340px,100%)}.panel{top:auto;bottom:70px;left:15px;right:15px;width:auto;background:#13201bea}.panel h2{font-size:20px;margin:7px 18px}.panel-heading{padding:12px 18px 0}.panel>p{margin:0 18px 9px}.station-list{max-height:145px;padding:0 13px}.station{padding:8px 4px}.panel-foot{display:none}.panel.collapsed{display:none}.map-controls{bottom:20px}.map-caption,.hint{display:none}.player{height:85px;padding:0 16px;gap:10px}.cover{width:43px;height:43px;border-radius:9px}.now{width:auto;flex:1}.now strong{font-size:11px}.now small{font-size:9px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.now .eyebrow{font-size:7px}.player-save{font-size:20px}.transport{margin:0;gap:0}.transport>button:not(.play){display:none}.transport .play{width:40px;height:40px}.volume,.live-badge{display:none}.maplibregl-ctrl-top-right{right:10px;top:165px}#toast{bottom:95px;font-size:11px;width:85%;text-align:center}}

.globe-nav{display:flex;gap:22px;font-size:12px;color:#8e9d9c}.globe-nav a:hover,.globe-nav .active{color:#f4b17c}@media(max-width:760px){.globe-nav a:first-child{display:none}.globe-nav{font-size:11px;gap:0}.globe-nav a{padding:6px 8px;border:1px solid #ffffff20;border-radius:5px}}