@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101711;--panel:#19211a;--panel-hi:#202a20;--line:#384439;--text:#e8ecdf;--muted:#98a391;--acid:#d6ff63;--red:#ff6b57;--mono:"DM Mono",monospace;--sans:"DM Sans",Arial,sans-serif;--display:Manrope,"DM Sans",sans-serif;font-family:var(--sans);background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body.is-locked{overflow:hidden}body.is-locked #app-shell{display:none!important}#app-shell[hidden],.login-gate[hidden],[hidden]{display:none!important}.login-gate{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 73% -13%,#34492d 0,transparent 45%),var(--bg)}.login-card{width:min(420px,100%);padding:clamp(25px,6vw,42px);border:1px solid #465144;background:#171f18;box-shadow:0 28px 100px #0009}.login-card>.brand-mark{font-size:30px}.login-card .eyebrow{margin:20px 0 9px}.login-card h1{font:700 clamp(34px,9vw,48px)/1 var(--display);letter-spacing:-.06em;margin:0}.login-copy{color:#a8b19f;font-size:13px;line-height:1.65;margin:16px 0 25px}.login-card .field{margin-bottom:13px}.login-card .field input{margin-top:6px}.login-submit{width:100%;margin-top:10px}.login-submit:disabled{opacity:.65;cursor:wait}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 73% -13%,#34492d 0,transparent 36%),var(--bg);padding-bottom:110px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.topbar{height:62px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px);border-bottom:1px solid #d6ff6320;background:#101711e8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;color:var(--text);font-family:var(--display);font-weight:800;font-size:18px;letter-spacing:-.06em;text-decoration:none}.brand-mark{color:var(--acid);font-size:25px}.header-actions{display:flex;align-items:center;gap:22px}.local-badge,.eyebrow,.station-country,.card-signal,.profile-kicker,.profile-link small,.dock-label,.profile-foot,.delete-station{font-family:var(--mono);letter-spacing:.1em}.local-badge{font-size:9px;color:#96a28e;display:flex;align-items:center;gap:7px}.local-badge span,.live-note span,.card-signal i,.profile-foot i{height:7px;width:7px;border-radius:50%;display:inline-block;background:var(--acid);box-shadow:0 0 10px #d6ff6370}.button{border:0;cursor:pointer;font-weight:700;font-size:12px;padding:12px 16px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-light{background:var(--acid);color:#13190f}.button-dark{background:var(--acid);color:#13190f}.button-dark span{margin-left:15px}.button-quiet{background:transparent;border:1px solid var(--line);color:var(--muted)}.layout{width:min(1320px,calc(100% - 48px));margin:0 auto}.intro{padding:clamp(62px,9vw,120px) 0 45px;max-width:850px}.eyebrow{font-size:9px;font-weight:500;color:var(--acid);text-transform:uppercase}.intro .eyebrow{margin:0 0 20px}.intro h1{font-family:var(--display);font-size:clamp(48px,8.6vw,104px);line-height:.96;letter-spacing:-.075em;margin:0;font-weight:600}.intro h1 em{font-weight:400;color:var(--acid);font-style:normal}.intro-copy{max-width:480px;margin:22px 0 0;color:#a8b19f;font-size:14px;line-height:1.75}.toolbar{display:flex;align-items:center;gap:12px;border:0!important;border-bottom:0!important;padding:14px 0;margin:0 0 0}.search-box{height:42px;display:flex;align-items:center;gap:11px;flex:0 1 560px;min-width:150px;background:#ffffff08;border:1px solid #ffffff12;padding:0 12px}.search-box>span{font-size:25px;line-height:1;color:var(--acid)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.search-box input::placeholder{color:#879082}.filter-wrap select{height:42px;min-width:146px;border:1px solid #ffffff12;background:#ffffff08;color:var(--text);padding:0 33px 0 12px;font-size:11px;outline:0}.filter-wrap option{background:var(--panel)}.content-grid{display:block;position:relative}.station-list-wrap{width:100%}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.station-count-group{display:flex;align-items:center;gap:12px}.station-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.section-heading h2{font:700 13.8px var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0}.sort-order-toggle{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #ffffff20;background:#ffffff06;color:#aab6a1;font:10px var(--mono);letter-spacing:.04em;cursor:pointer;transition:color .15s,border-color .15s}.sort-order-toggle:hover{color:var(--acid);border-color:#d6ff6366}.sort-order-toggle span{font-size:11px;line-height:1}.clear-filters{padding:0;border:0;background:none;color:var(--acid);font:9px var(--mono);text-decoration:underline;text-underline-offset:3px}.clear-filters:hover{color:var(--text)}.random-station-button{padding:5px 8px;border:1px solid #ffffff20;background:#ffffff06;color:#aab6a1;font:10px var(--mono);letter-spacing:.04em;cursor:pointer;transition:color .15s,border-color .15s}.random-station-button:hover{color:var(--acid);border-color:#d6ff6366}.live-note{display:flex;align-items:center;gap:8px;color:#99a390;font:9px var(--mono);text-transform:uppercase;letter-spacing:.1em}.station-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.station-card{display:flex;flex-direction:column;min-width:0;text-align:left;padding:0;border:1px solid #ffffff14;background:#182019;cursor:pointer;transition:border-color .2s,transform .2s,background .2s;overflow:hidden}.station-card:hover{transform:translateY(-3px);border-color:#d6ff6370}@media(hover:none){.station-card:hover{transform:none}}.station-card.is-selected{border-color:var(--station-color);background:#1b241c;box-shadow:0 0 0 1px color-mix(in srgb,var(--station-color) 25%,transparent)}.station-art{position:relative;display:block;width:100%;height:auto;flex:0 0 auto;aspect-ratio:1 / 1;background:linear-gradient(145deg,color-mix(in srgb,var(--station-color) 45%,#111),#171d17 72%);overflow:hidden}.station-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:1;mix-blend-mode:normal;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.station-art>.artwork-letters{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.artwork-letters{font:800 clamp(38px,6vw,74px) var(--display);letter-spacing:-.1em;color:var(--station-color);opacity:.82}.card-play{position:absolute;z-index:2;top:50%;left:50%;right:auto;bottom:auto;width:32px;height:32px;display:grid;place-items:center;background:var(--acid);color:#111b10;border-radius:50%;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .18s}.station-card:hover .card-play,.station-card:focus-visible .card-play{opacity:.98}.card-play svg{display:block;width:16px;height:16px}.station-card-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(2.4em,auto) auto 1fr;align-content:start;flex:1;padding:12px 13px 14px;gap:6px}.station-card-top{grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:8px}.station-country{font-size:8px;color:var(--station-color);text-transform:uppercase}.card-signal{font-size:8px;color:#738071;display:flex;align-items:center;gap:5px}.card-signal i{width:5px;height:5px}.card-signal i{background:#a0ad98;box-shadow:none}.station-card strong{grid-row:2;min-height:2.4em;font:700 14px/1.2 var(--display);letter-spacing:-.025em}.station-location{grid-row:3;min-height:1.2em;font-size:10px;color:#899486}.tag-row{grid-row:4;align-content:start}.tag-row,.profile-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.tag{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #ffffff1a;background:#ffffff06;font:8px var(--mono);color:#b1bba9}.profile-panel{position:fixed;z-index:18;left:0;right:0;bottom:82px;max-height:min(65vh,560px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #586653;background:#171f18;box-shadow:0 -18px 52px #0009;--station-color:var(--acid);transform:translateY(calc(100% + 90px));visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s}.profile-panel.is-open{transform:translateY(0);visibility:visible}.profile-panel[aria-hidden="true"]{pointer-events:none}.profile-panel[aria-hidden="false"]{pointer-events:auto}.profile-content{padding:18px 20px 17px}.profile-kicker{display:flex;justify-content:flex-start;font-size:8px;color:#95a18e}.profile-content h2{font:700 24px/1.1 var(--display);letter-spacing:-.05em;margin:8px 0 5px}.profile-location{color:var(--station-color);font:10px var(--mono);margin:0 0 8px}.profile-description{font-size:11px;line-height:1.5;color:#aeb8a9;margin:0}.profile-tags{margin:8px 0 10px}.profile-tags .tag{color:var(--station-color);border-color:color-mix(in srgb,var(--station-color) 35%,transparent)}.profile-links{border-top:1px solid #ffffff18}.profile-link{display:flex;align-items:center;gap:11px;min-width:0;padding:8px 0;border-bottom:1px solid #ffffff18;color:var(--text);text-decoration:none}.profile-link:hover{color:var(--station-color)}.link-icon{flex:0 0 30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff25;color:var(--station-color);font-size:16px}.station-info-links .profile-link{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:12px;padding:4px 0;min-height:42px}.station-info-links .website-link-icon{grid-column:1;width:24px;height:24px;margin:0 0 0 3px;border:0!important}.station-info-links .website-link-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.station-info-links .profile-link>span:nth-child(2){padding-left:0;justify-content:center}.station-info-centered .station-info-tune-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:12px;min-height:42px;margin-top:16px}.station-info-centered .station-info-play-button{grid-column:1;grid-row:1;justify-self:center}.station-info-centered .station-info-tune-label{grid-column:2;grid-row:1;justify-self:start}.station-info-centered .station-info-play-button{width:42px;height:42px;flex-basis:42px}.station-info-centered .station-info-tune-label{line-height:1.35;text-align:left}.profile-link>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px;flex:1}.profile-link small{font-size:7px;color:#909b88}.profile-link strong{font:10px var(--mono);overflow-wrap:anywhere;color:#dce2d6}.external-arrow{font-size:14px;color:#84917e}.stream-profile-link .link-icon{color:#fff}.copy-button{flex:0 0 30px;width:30px;height:30px;background:#ffffff09;border:1px solid #ffffff21;cursor:pointer;color:#adb8a8}.copy-button:hover{background:var(--acid);color:#101711}.profile-listen{width:100%;height:46px;margin-top:10px;padding:0 14px;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:var(--station-color);color:#101711;font:700 10px var(--mono);letter-spacing:.11em;cursor:pointer}.profile-transport-icon{width:24px;height:24px;display:grid;place-items:center;border:1px solid #1117;border-radius:50%;flex:0 0 24px}.profile-transport-icon svg{display:block;width:11px;height:11px}.listen-arrow{margin-left:auto;font-size:16px}.profile-listen:hover{filter:brightness(1.08)}.profile-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:7px;color:#869282}.profile-foot>span:first-child{display:flex;align-items:center;gap:6px}.profile-foot i{width:5px;height:5px;background:var(--station-color);box-shadow:0 0 7px color-mix(in srgb,var(--station-color) 70%,transparent)}.profile-actions{display:flex;align-items:center;gap:16px;margin-top:9px}.edit-station,.delete-station{padding:0;border:0;background:none;font:8px var(--mono);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.edit-station{color:var(--station-color)}.delete-station{color:#cf8479}.edit-station:hover,.delete-station:hover{color:#fff}.profile-empty{min-height:260px;display:grid;align-content:center;justify-items:center;text-align:center;color:#8b9788}.profile-spark{color:var(--acid);font-size:45px}.profile-empty p{font:9px/1.8 var(--mono);letter-spacing:.15em}.empty-state{text-align:center;padding:55px 15px;border:1px dashed #ffffff25;color:var(--muted)}.empty-icon{font-size:35px;color:var(--acid)}.empty-state h3{color:var(--text);font:700 17px var(--display)}.empty-state p{font-size:11px}.hidden{display:none!important}.page-footer{display:flex;justify-content:space-between;gap:18px;padding:38px 0 22px;margin-top:48px;border-top:1px solid var(--line);font:9px var(--mono);color:#849080}.player-dock{position:fixed;z-index:20;left:0;right:0;bottom:0;min-height:82px;display:flex;align-items:center;gap:14px;padding:12px clamp(16px,5vw,72px);border-top:1px solid #ffffff24;background:#151d16f2;backdrop-filter:blur(20px);box-shadow:0 -10px 35px #0004}.dock-station{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.dock-art{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;background:#d6ff6320;border:1px solid #d6ff6344;color:var(--acid);font:700 13px var(--mono)}.dock-art img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.dock-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.dock-label{font-size:7px;color:#a0ac98}.dock-copy strong{font:700 12px var(--display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-copy>span:last-child{font-size:9px;color:#99a291;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-controls{display:flex;align-items:center;gap:12px;flex:0 0 auto}.dock-info-toggle{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;padding:0;border:1px solid var(--line);background:#ffffff08;color:var(--acid);cursor:pointer;transition:background .18s,transform .18s}.dock-info-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dock-info-toggle:hover:not(:disabled){background:#d6ff6319;transform:translateY(-2px)}.dock-info-toggle:disabled{opacity:.38;cursor:default}.transport{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--acid);color:#111910;cursor:pointer}.transport svg{display:block;width:19px;height:19px}.transport:hover{transform:scale(1.06)}.dock-volume{display:flex;align-items:center;gap:3px;color:#91a087}.dock-volume input{width:95px;accent-color:var(--acid)}.dock-volume output{min-width:30px;text-align:right;color:#c3ccb9;font:9px var(--mono);font-variant-numeric:tabular-nums}.dock-volume input:disabled{opacity:.45;cursor:not-allowed}.player-dock audio,.player-dock video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:-10000px;top:-10000px}.station-dialog{width:min(640px,calc(100% - 28px));max-height:calc(100% - 28px);padding:0;border:1px solid #586653;background:#182019;color:var(--text);box-shadow:0 26px 100px #000b}.station-dialog::backdrop{background:#050906c9;backdrop-filter:blur(7px)}.station-dialog form{padding:clamp(19px,4vw,30px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #ffffff22;padding-bottom:16px}.dialog-head .eyebrow{margin:0 0 7px}.dialog-head h2{font:700 28px var(--display);letter-spacing:-.05em;margin:0}.icon-button{height:34px;width:34px;background:#ffffff0a;border:1px solid #ffffff25;cursor:pointer;font-size:21px}.dialog-copy{font-size:11px;color:#a6b09f;line-height:1.65;margin:17px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;color:#d5ddce}.field>span:first-of-type{color:var(--acid)}.field .field-hint{display:inline;color:#879381;font:8px var(--mono)}.field-wide{grid-column:1/-1}.field input,.field textarea{width:100%;padding:10px 11px;background:#101711;border:1px solid #465044;color:var(--text);outline:0;font:10px var(--mono);resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--acid);box-shadow:0 0 0 1px var(--acid)}.field input::placeholder,.field textarea::placeholder{color:#65705f}.form-error{font-size:10px;color:#ff9889}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:21px}.toast{position:fixed;z-index:1001;left:50%;bottom:106px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:var(--acid);color:#101711;padding:11px 15px;font:10px var(--mono);box-shadow:0 8px 25px #0007;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}.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}::selection{background:var(--acid);color:#101711}
@media(max-width:1100px){.station-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.station-card-body{padding:9px}.station-card strong{font-size:12px}.profile-panel{bottom:72px}.profile-content{padding:15px}.profile-content h2{font-size:21px}}@media(max-width:880px){.station-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
@media(max-width:650px){.brand{font-size:16px;gap:7px}.brand-mark{font-size:23px}.station-count-group{gap:7px}.sort-order-toggle,.random-station-button{padding:4px 6px;font-size:9px}.toolbar{border:0;margin-bottom:0}body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.topbar{height:54px;padding:0 12px}.local-badge{display:none}.header-actions{gap:0}.button{padding:10px 12px;font-size:10px}.layout{width:calc(100% - 32px)}.intro{padding:55px 0 32px}.intro h1{font-size:clamp(47px,13vw,76px)}.intro-copy{font-size:12px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px auto;gap:6px;margin-bottom:23px;border-top:0;padding-top:16px}.search-box{grid-column:1/-1}.filter-wrap{grid-row:2;min-width:0}.filter-wrap select{width:100%;min-width:0;height:38px;padding:0 18px 0 8px;font-size:9px}.view-switch{grid-column:3;grid-row:2;justify-self:stretch}.view-button{width:28px;height:28px}.content-grid{display:block}.station-list-wrap{width:100%}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-panel{bottom:calc(104px + env(safe-area-inset-bottom));max-height:70vh}.toast{bottom:calc(122px + env(safe-area-inset-bottom))}.station-art{aspect-ratio:1 / 1}.station-card-body{padding:9px}.station-card strong{font-size:12px}.station-location{font-size:9px}.tag{font-size:7px}.profile-empty{min-height:180px}.page-footer{flex-direction:column;gap:7px;padding-top:24px;margin-top:34px;font-size:8px}.player-dock{bottom:0;min-height:calc(68px + env(safe-area-inset-bottom));padding:4px 12px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:40px minmax(0,1fr) 46px;grid-template-rows:46px;align-content:center;column-gap:12px;row-gap:0}.dock-volume{display:none!important}.dock-info-toggle{grid-column:1;grid-row:1;width:40px;height:40px;flex-basis:40px}.dock-station{grid-column:2;grid-row:1;min-width:0;gap:8px}.dock-art{width:38px;height:38px;flex-basis:38px}.dock-label{font-size:6px}.dock-copy strong{font-size:10px}.dock-copy>span:last-child{font-size:8px}.dock-controls{grid-column:3;grid-row:1;gap:0;transform:translateX(-5px)}.transport{width:46px;height:46px;flex:0 0 46px}.form-grid{gap:12px}.dialog-head h2{font-size:24px}}
@media(max-width:375px){.player-dock{min-height:calc(64px + env(safe-area-inset-bottom));padding:3px 9px calc(6px + env(safe-area-inset-bottom));grid-template-columns:38px minmax(0,1fr) 42px;grid-template-rows:42px;column-gap:8px}.dock-station{gap:6px}.dock-art{width:34px;height:34px;flex-basis:34px}.dock-info-toggle{width:38px;height:38px;flex-basis:38px}.dock-controls{transform:translateX(-5px)}.dock-controls .transport{width:42px;height:42px;flex-basis:42px}.dock-volume input{min-width:0}.station-grid{grid-template-columns:1fr 1fr}.station-card strong{font-size:11px}.card-signal{font-size:7px}.station-card-top{gap:4px}.profile-content{padding:12px}}

/* Larger desktop typography and clearer contrast for everyday viewing. */
@media(min-width:651px){
  .local-badge{font-size:11px;color:#b3bea9}
  .button{font-size:14px}
  .toolbar{gap:14px;padding:17px 0;margin-bottom:36px}
  .search-box{height:48px;gap:13px;padding:0 15px;flex-basis:560px}
  .search-box input{font-size:15px}
  .filter-wrap select{height:48px;min-width:170px;font-size:14px}
  .section-heading{margin-bottom:17px}
  .section-heading h2{font-size:14px}
  .live-note{font-size:11px;color:#b3bea9}
  .station-grid{gap:12px}
  .station-card-body{padding:13px 14px 15px;gap:8px}
  .station-country,.card-signal{font-size:10px;color:#d0dac7}
  .station-card strong{font-size:clamp(13px,1.15vw,16px);line-height:1.3}
  .station-location{font-size:12px;color:#b2bcaa}
  .tag{font-size:10px;padding:5px 8px}
  .profile-content{padding:15px 18px}
  .profile-kicker{font-size:10px;color:#b3bea9}
  .profile-content h2{font-size:clamp(24px,2vw,30px)}
  .profile-location{font-size:12px}
  .profile-description{font-size:13px;line-height:1.5}
  .profile-tags .tag{font-size:10px}
  .profile-link{padding:8px 0;gap:13px}
  .profile-link small{font-size:9px;color:#b0bba7}
  .profile-link strong{font-size:12px;line-height:1.5}
  .link-icon{flex-basis:34px;width:34px;height:34px}
  .profile-listen{height:46px;font-size:12px}
  .profile-foot{font-size:9px;color:#b3bea9}
  .edit-station,.delete-station{font-size:10px}
  .empty-state h3{font-size:20px}
  .empty-state p{font-size:13px}
  .page-footer{font-size:11px;color:#aab6a1}
  .dock-label{font-size:9px;color:#b3bea9}
  .dock-copy strong{font-size:14px}
  .dock-copy>span:last-child{font-size:11px;color:#b3bea9}
  .dock-volume output{font-size:11px;min-width:30px}
  .field{font-size:12px}
  .field input,.field textarea{font-size:12px;padding:12px}
  .field .field-hint{font-size:10px}
  .dialog-copy{font-size:13px}
  .form-error{font-size:12px}
}

/* Station grid/list view switch */
.view-switch{height:48px;display:inline-flex;align-items:center;gap:2px;padding:2px;border:1px solid var(--line);background:#ffffff08;align-self:center;transform:translateY(-1px)}
.view-button{width:48px;height:46px;display:grid;place-items:center;border:0;background:transparent;color:#aab6a1;cursor:pointer}
.view-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.view-button[aria-pressed="true"]{background:var(--acid);color:#101711}
.station-grid.is-list-view{grid-template-columns:minmax(0,1fr);gap:8px}
.station-grid.is-list-view .station-card{grid-template-rows:76px}
.station-grid.is-list-view .station-card{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:stretch;text-align:left}
.station-grid.is-list-view .station-art{width:76px;height:100%;min-height:0;aspect-ratio:1;align-self:stretch;grid-row:1;grid-column:1}
.station-grid.is-list-view .station-card-body{grid-row:1;grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-content:center;min-height:0;overflow:hidden;column-gap:12px;row-gap:2px;padding:4px 13px}
.station-grid.is-list-view .station-card-top{min-height:0}
.station-grid.is-list-view .station-location{min-height:0}
.station-grid.is-list-view .station-card-top{grid-row:1;grid-column:1 / -1}
.station-grid.is-list-view .station-card strong{grid-row:2;grid-column:1;min-height:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.station-grid.is-list-view .station-location{grid-row:3;grid-column:1}
.station-grid.is-list-view .tag-row{grid-row:2 / 4;grid-column:2;align-self:center;justify-content:flex-end;margin:0}
.station-grid.is-list-view .card-play{width:25px;height:25px}
@media(hover:none){.station-card .card-play{opacity:.98}.station-card:hover{transform:none;border-color:#ffffff14}.station-card:focus:not(:focus-visible),.station-card.is-selected,.station-card:active{transform:none;outline:none;-webkit-tap-highlight-color:transparent}}
@media(max-width:650px){
  .station-grid:not(.is-list-view) .card-play{top:auto;left:auto;right:11px;bottom:10px;transform:none}
  .station-grid.is-list-view .card-play{display:none}
  .view-switch{width:100%;justify-self:stretch;justify-content:space-around}
  .view-switch{height:34px}
 .view-button{width:28px;height:28px}
  .station-grid.is-list-view .station-card{grid-template-columns:64px minmax(0,1fr);grid-template-rows:64px;align-items:stretch}
  .station-grid.is-list-view .station-art{width:64px;height:100%;min-height:0;align-self:stretch;aspect-ratio:1 / 1}
  .station-grid.is-list-view .station-card-body{grid-template-columns:minmax(0,1fr) minmax(0,42%);padding:3px 10px;column-gap:6px;row-gap:2px}
  .station-grid.is-list-view .tag-row{max-height:2.3em;overflow:hidden}
  .station-grid.is-list-view .tag-row{width:100%;max-width:none;justify-self:end;justify-content:flex-end;gap:3px}
  .station-grid.is-list-view .tag{padding:3px 5px;font-size:7px}
}

/* Green Glitter cursor, first frame from the supplied animated cursor set. */
html,body,*,*::before,*::after,select,select *,option{cursor:url("/green-glitter-cursor.png") 0 0,auto!important}

/* Align the mobile profile panel directly above the fixed player dock. */
@media(max-width:650px){.profile-panel{bottom:calc(68px + env(safe-area-inset-bottom))}}
@media(max-width:375px){.profile-panel{bottom:calc(64px + env(safe-area-inset-bottom))}}

/* Final overrides: keep list tags fully inside their right-side column. */
.station-grid.is-list-view .station-list-tags{right:9px!important;bottom:6px!important;left:auto!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-content:flex-end!important;gap:3px 5px!important;width:48%!important;max-width:190px!important;max-height:38px!important;overflow:hidden!important}
.station-grid.is-list-view .station-list-tags .tag{display:inline-flex!important;flex:0 1 auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:4px 6px!important;font-size:9px!important}
@media(max-width:650px){
 .station-grid.is-list-view .station-list-tags{right:7px!important;bottom:5px!important;width:48%!important;max-width:150px!important;max-height:38px!important;gap:3px!important}
 .station-grid.is-list-view .station-list-tags .tag{padding:3px 5px!important;font-size:8px!important}
}

/* Grid info action remains circular with its existing icon; all label/tag refinements are list-only. */
.station-grid:not(.is-list-view) .station-info-button{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;font:700 14px var(--display)}
.station-grid:not(.is-list-view) .station-info-button svg{display:block;width:18px;height:18px}
.station-grid:not(.is-list-view) .station-info-label,.station-grid:not(.is-list-view) .station-list-tags{display:none}

/* Reserve a safe right column in list cards for readable tags and the INFO action. */
.station-grid.is-list-view .station-card{grid-template-columns:76px minmax(0,1fr) 112px;grid-template-rows:76px}
.station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;min-width:0;padding:4px 8px}
.station-grid.is-list-view .station-info-button{position:static;grid-column:3;grid-row:1;align-self:start;justify-self:end;margin:7px 9px 0 0;width:58px;height:28px;border-radius:4px;font:700 11px var(--mono);letter-spacing:.08em;white-space:nowrap}
.station-grid.is-list-view .station-info-button svg{display:none}
.station-grid.is-list-view .station-info-label{display:inline}
.station-grid.is-list-view .station-list-tags{position:absolute;right:9px;bottom:7px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:flex-end;align-items:center;gap:3px 5px;width:48%;max-width:190px;max-height:38px;overflow:hidden}
.station-grid.is-list-view .station-list-tags .tag{display:inline-flex;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:4px 6px;font:9px var(--mono);white-space:nowrap}
@media(max-width:650px){
 .station-grid.is-list-view .station-card{grid-template-columns:64px minmax(0,1fr) 92px;grid-template-rows:64px}
 .station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;padding:3px 6px}
 .station-grid.is-list-view .station-info-button{grid-column:3;grid-row:1;align-self:start;justify-self:end;margin:6px 7px 0 0;width:54px;height:25px;font-size:10px}
 .station-grid.is-list-view .station-list-tags{right:7px;bottom:6px;width:48%;max-width:150px;max-height:36px;gap:3px}
 .station-grid.is-list-view .station-list-tags .tag{max-width:100%;padding:3px 5px;font-size:8px}
}

/* List-only tags and a compact text info action with comfortable card insets. */
.station-info-button{position:absolute;z-index:3;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:30px;height:30px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#101711d9;color:var(--acid);font:700 14px/1 var(--display);cursor:pointer;opacity:.92;transition:all .18s}
.station-info-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.station-info-button:hover,.station-info-button:focus-visible{opacity:1;background:#101711}
.station-info-label{display:none}
.station-list-tags{display:none}
.station-grid.is-list-view .station-card{grid-template-columns:76px minmax(0,1fr);grid-template-rows:76px}
.station-grid.is-list-view .station-art,.station-grid.is-list-view .station-play-button{width:76px;height:76px;grid-column:1;grid-row:1;align-self:stretch}
.station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;padding:4px 86px 4px 10px}
.station-grid.is-list-view .station-info-button{top:7px;right:9px;width:49px;height:25px;border-radius:4px;font:700 9px var(--mono);letter-spacing:.08em}
.station-grid.is-list-view .station-info-button svg{display:none}
.station-grid.is-list-view .station-info-label{display:inline}
.station-grid.is-list-view .station-list-tags{position:absolute;right:66px;bottom:7px;display:flex;justify-content:flex-end;gap:4px;max-width:44%;max-height:20px;overflow:hidden}
.station-list-tags .tag{padding:3px 5px;font-size:7px;white-space:nowrap}
@media(max-width:650px){
 .station-grid.is-list-view .station-card{grid-template-columns:64px minmax(0,1fr);grid-template-rows:64px}
 .station-grid.is-list-view .station-art,.station-grid.is-list-view .station-play-button{width:64px;height:64px}
 .station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;padding:3px 67px 3px 8px}
 .station-grid.is-list-view .station-info-button{top:6px;right:7px;width:46px;height:22px;font-size:8px}
 .station-grid.is-list-view .station-list-tags{right:61px;bottom:6px;max-width:42%;max-height:18px}
}

/* Compact station cards with a separate, non-playback information action. */
.station-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start}
.station-play-button{grid-row:1;grid-column:1;cursor:pointer}
.station-card-body{grid-row:2;grid-column:1;grid-template-rows:auto auto;gap:3px;padding:9px 12px 11px}
.station-card-body>strong{grid-row:1;min-height:0;line-height:1.2}
.station-location{grid-row:2;margin-top:-1px;min-height:0}
.station-info-button{position:absolute;z-index:3;top:9px;right:9px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#101711d9;color:var(--acid);font:700 14px var(--display);cursor:pointer;opacity:.92;transition:background .18s,opacity .18s}
.station-info-button:hover,.station-info-button:focus-visible{opacity:1;background:#101711}
.station-info-dialog{z-index:1000;width:min(520px,calc(100% - 28px));max-height:min(80vh,640px);overflow-y:auto}
.station-info-content{position:relative;padding:clamp(22px,5vw,36px);--station-color:var(--acid)}
.station-info-centered{display:flex;flex-direction:column;align-items:stretch;text-align:left}
.station-info-heading{margin:0 0 14px;font-size:10px}
.station-info-identity{display:flex;align-items:center;gap:15px;min-width:0}
.station-info-art{width:76px;height:76px;flex:0 0 76px;object-fit:cover;margin:0;border:1px solid #ffffff25;background:#101711;-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}
.station-info-art-fallback{display:grid;place-items:center;color:var(--station-color);font:800 32px var(--display)}
.station-info-identity-copy{min-width:0}
.station-info-centered h2{margin:0;font:700 clamp(22px,5vw,30px)/1.1 var(--display);letter-spacing:-.05em}
.station-info-centered .station-info-location{margin:7px 0 0}
.station-info-centered .station-info-description{margin:15px 0 0}
.station-info-centered .station-info-tags{justify-content:flex-start;margin-top:13px}
.station-info-centered .station-info-links{width:100%;margin-top:15px;text-align:left}
.station-info-centered .station-info-tune-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:12px;width:100%;margin-top:16px}
.station-info-centered .station-info-play-button{grid-column:1;grid-row:1;width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:var(--station-color);color:#101711;cursor:pointer}
.station-info-centered .station-info-play-button svg{width:12px;height:12px}
.station-info-centered .station-info-tune-label{grid-column:2;grid-row:1;min-width:0}
.station-info-play-button.is-playing{background:var(--station-color);color:#101711}
.station-info-play-button .profile-transport-icon{width:auto;height:auto;flex:initial;border:0;border-radius:0;margin:0}
.station-info-tune-label{min-width:0;color:var(--text);font:700 12px var(--mono);letter-spacing:.06em;overflow-wrap:anywhere}
.station-info-links .website-link-icon+span strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.station-info-close{position:absolute;top:0;right:0}
.dock-info-toggle{border-radius:50%}
.station-info-content .dialog-head h2{color:var(--text)}
.station-info-location{margin:14px 0 0;color:var(--station-color);font:11px var(--mono)}
.station-info-description{margin:14px 0 0;color:#c2cbb9;font-size:14px;line-height:1.7;white-space:pre-line}
.station-info-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}
.station-info-tags .tag{font-size:9px;color:var(--station-color);border-color:color-mix(in srgb,var(--station-color) 35%,transparent)}
.station-info-links{margin-top:16px}
.station-info-content .profile-actions{padding-top:12px;border-top:1px solid #ffffff18}
@media(max-width:650px){
 .station-info-centered .station-info-tune-row{grid-template-columns:30px minmax(0,1fr);column-gap:12px}
 .station-info-centered .station-info-play-button{width:24px;height:24px;flex-basis:24px}
 .station-info-art{width:60px;height:60px;flex-basis:60px}
 .station-info-identity{gap:11px}
 .station-card-body{padding:8px 9px 10px;gap:2px}
 .station-grid.is-list-view .station-card{grid-template-columns:64px minmax(0,1fr) 32px;grid-template-rows:64px}
 .station-grid.is-list-view .station-play-button{grid-column:1;grid-row:1;width:64px;height:64px}
 .station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:3px 8px;gap:2px}
 .station-grid.is-list-view .station-card-top{grid-column:1;grid-row:1}
 .station-grid.is-list-view .station-card-body>strong{grid-column:1;grid-row:2}
 .station-grid.is-list-view .station-location{grid-column:1;grid-row:3}
 .station-grid.is-list-view .station-info-button{grid-column:3;grid-row:1;position:static;align-self:center;justify-self:center}
}

.station-grid.is-list-view .station-card{grid-template-columns:76px minmax(0,1fr) 36px;grid-template-rows:76px;align-items:stretch}
.station-grid.is-list-view .station-art{width:76px;height:76px;grid-column:1;grid-row:1;align-self:stretch}
.station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;padding:4px 10px;gap:2px}
.station-grid.is-list-view .station-card-top{grid-column:1;grid-row:1}
.station-grid.is-list-view .station-card-body>strong{grid-column:1;grid-row:2}
.station-grid.is-list-view .station-location{grid-column:1;grid-row:3}
.station-grid.is-list-view .station-info-button{position:static;grid-column:3;grid-row:1;align-self:center;justify-self:center}
@media(max-width:650px){
 .station-grid.is-list-view .station-card{grid-template-columns:64px minmax(0,1fr) 32px;grid-template-rows:64px}
 .station-grid.is-list-view .station-art,.station-grid.is-list-view .station-play-button{width:64px;height:64px}
 .station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;padding:3px 8px}
 .station-grid.is-list-view .station-info-button{grid-column:3;grid-row:1}
 .profile-panel{bottom:calc(68px + env(safe-area-inset-bottom))}
}
@media(max-width:375px){.profile-panel{bottom:calc(64px + env(safe-area-inset-bottom))}}

/* Station pagination */
.station-pagination{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:24px 0 0;padding:10px 0;border:0;color:var(--muted);font:10px var(--mono)}
.station-pagination[hidden]{display:none!important}
.page-numbers{display:flex;align-items:center;gap:5px}
.page-nav,.page-number{min-width:34.5px;height:34.5px;padding:0 9.2px;border:1px solid #ffffff20;background:#ffffff06;color:#c5cebb;font:11.5px var(--mono);cursor:pointer}.page-nav{min-width:41.4px;font-size:21.85px;font-weight:700;line-height:1;padding:0}
.page-nav:hover:not(:disabled),.page-number:hover:not(:disabled){border-color:#d6ff6370;color:var(--acid)}
.page-number[aria-current="page"]{border-color:var(--acid);background:var(--acid);color:#101711}
.page-nav:disabled,.page-number:disabled{opacity:.4;cursor:default}
.page-summary{white-space:nowrap;color:#aab6a1}
@media(max-width:480px){.station-pagination{gap:5px;padding:10px 0;font-size:10.35px}.page-nav,.page-number{min-width:31px;height:32.2px;padding:0 5.75px;font-size:10.35px}.page-nav{min-width:35.65px;font-size:20.7px;padding:0}.page-summary{font-size:9.2px}}
.station-pagination-top{margin:0 0 20px;padding:0;border:0;justify-content:flex-start}
.station-pagination-top:not([hidden]){margin-top:4px}
#clear-filters:not(.hidden){display:block;margin:0 0 9px;font-size:12.5px}

/* Keep a small, consistent gap between filters and the results heading. */
.toolbar{margin-bottom:12px!important}
.section-heading{margin-top:0!important}



/* Final list-view-only layout overrides; keep the grid info icon untouched. */
.station-grid:not(.is-list-view) .station-info-button{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;font:700 14px var(--display)}
.station-grid:not(.is-list-view) .station-info-button svg{display:block;width:18px;height:18px}
.station-grid:not(.is-list-view) .station-info-label,.station-grid:not(.is-list-view) .station-list-tags{display:none}
.station-grid.is-list-view .station-card{grid-template-columns:76px minmax(0,1fr) 112px;grid-template-rows:76px}
.station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;min-width:0;padding:4px 8px}
.station-grid.is-list-view .station-info-button{position:static;display:inline-flex;grid-column:3;grid-row:1;align-self:start;justify-self:end;margin:7px 9px 0 0;width:58px;height:28px;border-radius:4px;font:700 11px var(--mono);letter-spacing:.08em;white-space:nowrap}
.station-grid.is-list-view .station-info-button svg{display:none}
.station-grid.is-list-view .station-info-label{display:inline}
.station-grid.is-list-view .station-list-tags{position:absolute;right:9px;bottom:7px;display:flex;justify-content:flex-end;align-items:center;gap:5px;width:94px;max-width:calc(100% - 86px);max-height:24px;overflow:hidden}
.station-grid.is-list-view .station-list-tags .tag{padding:4px 6px;font:9px var(--mono);white-space:nowrap}
@media(max-width:650px){
 .station-grid.is-list-view .station-card{grid-template-columns:64px minmax(0,1fr) 92px;grid-template-rows:64px}
 .station-grid.is-list-view .station-card-body{grid-column:2;grid-row:1;padding:3px 6px}
 .station-grid.is-list-view .station-info-button{grid-column:3;grid-row:1;align-self:start;justify-self:end;margin:6px 7px 0 0;width:54px;height:25px;font-size:10px}
 .station-grid.is-list-view .station-list-tags{right:7px;bottom:6px;width:78px;max-width:calc(100% - 72px);max-height:22px;gap:3px}
 .station-grid.is-list-view .station-list-tags .tag{padding:3px 5px;font-size:8px}
}

/* Separate list-mode action and tag zones so the two never overlap. */
.toolbar-view-switch{display:flex;width:100%;height:48px;align-items:center;justify-content:flex-end;margin-top:-8px;margin-bottom:16px}
.toolbar-view-switch .view-switch{width:auto;height:48px;align-self:center;justify-self:auto;transform:none;padding:2px;gap:2px;border-radius:5px}
.toolbar-view-switch .view-button{width:44px;height:42px;border-radius:4px}
.section-heading.station-results-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}
.station-results-heading .station-count-group{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.station-results-heading .station-heading-copy{min-width:0;flex:1}
.station-results-heading .station-heading-copy h2{font-size:15px}
.station-results-heading .station-heading-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.station-results-heading .station-heading-actions .sort-order-toggle,.station-results-heading .station-heading-actions .random-station-button{flex:0 0 auto}
.station-results-heading .station-view-controls{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;height:29px;margin:0;padding:1px;gap:1px;align-self:center;transform:none;border:1px solid var(--line);border-radius:5px;background:#ffffff08}
.station-results-heading .station-view-controls .view-button{width:25px;height:25px;padding:0;border-radius:4px;display:grid;place-items:center}
.station-results-heading .station-view-controls .view-button svg{display:block;width:15px;height:15px;margin:0}
.station-info-centered .station-info-play-button{width:22px;height:22px;flex-basis:22px}
.station-info-centered .station-info-play-button svg{width:11px;height:11px}
.station-info-centered .station-info-tune-row{gap:15px}
.station-grid.is-list-view .station-card{grid-template-columns:76px minmax(0,1fr) 148px!important;grid-template-rows:76px!important}
.station-grid.is-list-view .station-info-button{position:absolute!important;top:7px!important;right:8px!important;left:auto!important;margin:0!important;width:58px!important;height:28px!important;font-size:11px!important}
.station-grid.is-list-view .station-list-tags{position:absolute!important;right:8px!important;bottom:6px!important;left:auto!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-content:flex-end!important;align-items:center!important;gap:2px 4px!important;width:132px!important;max-width:calc(100% - 88px)!important;max-height:36px!important;overflow:hidden!important}
.station-grid.is-list-view .station-list-tags .tag{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;padding:3px 5px!important;font-size:9px!important}
@media(max-width:650px){
 .station-results-heading.station-results-heading{margin-bottom:12px}
 .station-results-heading .station-count-group{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%}
 .station-results-heading .station-heading-copy{min-width:0;flex:1}
 .station-results-heading .station-heading-copy h2{font-size:10px;letter-spacing:.07em;white-space:nowrap}
 .station-results-heading .station-heading-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
 .station-results-heading .station-heading-actions .sort-order-toggle,.station-results-heading .station-heading-actions .random-station-button{min-height:25px;padding:3px 5px;font-size:8px}
 .station-results-heading .station-view-controls{width:auto;height:25px;padding:1px;gap:0}
 .station-results-heading .station-view-controls .view-button{width:19px;height:21px}
 .station-info-centered .station-info-tune-row{grid-template-columns:30px minmax(0,1fr);column-gap:12px}
 .station-grid.is-list-view .station-card{grid-template-columns:64px minmax(0,1fr) 120px!important;grid-template-rows:64px!important}
 .station-grid.is-list-view .station-info-button{top:5px!important;right:7px!important;width:54px!important;height:24px!important;font-size:10px!important}
 .station-grid.is-list-view .station-list-tags{right:7px!important;bottom:4px!important;width:106px!important;max-width:calc(100% - 74px)!important;max-height:32px!important;gap:2px!important}
 .station-grid.is-list-view .station-list-tags .tag{padding:2px 4px!important;font-size:8px!important}
}

/* List tags use all available space beside the cover and align to the right. */
.station-grid.is-list-view .station-list-tags{position:absolute!important;top:39px!important;right:8px!important;bottom:auto!important;left:76px!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-content:flex-start!important;align-items:center!important;gap:3px 5px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:34px!important;overflow:visible!important}
.station-grid.is-list-view .station-list-tags .tag{flex:0 0 auto!important;min-width:max-content!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;padding:3px 5px!important;font-size:9px!important}
@media(max-width:650px){
 .station-grid.is-list-view .station-list-tags{top:31px!important;right:7px!important;left:64px!important;max-height:34px!important;gap:2px!important}
 .station-grid.is-list-view .station-list-tags .tag{padding:2px 4px!important;font-size:8px!important}
}

/* Keep toolbar actions in one compact heading row. */
.section-heading.station-results-heading{display:flex;align-items:center;justify-content:space-between}
.station-results-heading .station-count-group{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}
.station-results-heading .station-heading-copy{flex:1;min-width:0}
.station-results-heading .station-heading-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.station-results-heading .station-view-controls{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;height:29px!important;margin:0!important;padding:1px!important;gap:1px!important;align-self:center!important;transform:none!important;border:1px solid var(--line)!important;border-radius:5px!important;background:#ffffff08!important}
.station-results-heading .station-view-controls .view-button{display:grid;width:25px!important;height:25px!important;padding:0!important;place-items:center;border-radius:4px}
.station-results-heading .station-view-controls .view-button svg{display:block;width:15px;height:15px;margin:0}

/* Align website and tune controls on a shared icon/text grid. */
.station-info-links .profile-link{grid-template-columns:30px minmax(0,1fr);column-gap:12px;padding-left:0}
.station-info-links .website-link-icon{grid-column:1;justify-self:center;width:22px;height:22px;margin:0}
.station-info-links .profile-link>span:nth-child(2){grid-column:2;padding:0}
.station-info-centered .station-info-tune-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;column-gap:12px;gap:0;min-height:42px}
.station-info-centered .station-info-play-button{grid-column:1;justify-self:center;width:22px;height:22px;flex:0 0 22px;border:0;border-radius:50%;background:var(--station-color);color:#101711}
.station-info-centered .station-info-play-button .profile-transport-icon{width:auto;height:auto;flex:initial;border:0;border-radius:0;margin:0}
.station-info-centered .station-info-play-button svg{width:12px;height:12px}
.station-info-centered .station-info-tune-label{grid-column:2;justify-self:start;text-align:left}
@media(max-width:650px){
 .station-results-heading .station-count-group{gap:5px}
 .station-results-heading .station-heading-copy h2{font-size:10px;letter-spacing:.06em;white-space:nowrap}
 .station-results-heading .station-heading-actions{gap:4px}
 .station-results-heading .station-view-controls{height:25px!important}
 .station-results-heading .station-view-controls .view-button{width:21px!important;height:21px!important}
 .station-info-centered .station-info-tune-row{grid-template-columns:30px minmax(0,1fr)}
}

/* Compact toolbar actions echo the list-mode INFO button; pager controls are rounded. */
.sort-order-toggle,.random-station-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:4px 10px;border:1px solid #ffffff40;border-radius:5px;background:#101711;color:var(--acid);font:700 10px var(--mono);letter-spacing:.08em;white-space:nowrap}
.sort-order-toggle:hover,.random-station-button:hover{border-color:var(--acid);background:#19211a;color:var(--acid)}
.page-nav,.page-number{border-radius:999px}
.page-nav{min-width:36px}
.page-number{min-width:34.5px}
@media(max-width:650px){.sort-order-toggle,.random-station-button{min-height:27px;padding:4px 7px;font-size:9px}.page-nav{min-width:32px}.page-number{min-width:30px}}


/* Place Random beside the heading; keep sorting and view controls on the right. */
.station-results-heading .station-heading-copy{display:flex;flex-direction:row;align-items:center;gap:10px;flex:0 1 auto;min-width:0}
.station-results-heading .station-heading-copy h2{white-space:nowrap}
.station-results-heading .station-heading-copy .random-station-button{flex:0 0 auto}
.station-results-heading .station-heading-actions{margin-left:auto}
@media(max-width:650px){.station-results-heading .station-count-group{justify-content:space-between;gap:6px}.station-results-heading .station-heading-copy{gap:6px;flex:0 1 auto}.station-results-heading .station-heading-copy h2{font-size:12px;letter-spacing:.06em}.station-results-heading .station-heading-copy .random-station-button{min-height:30px;padding:5px 8px;font-size:10px}.station-results-heading .station-heading-actions{gap:6px}.station-results-heading .station-heading-actions .sort-order-toggle{min-height:30px;padding:5px 8px;font-size:10px}.station-results-heading .station-view-controls{height:30px!important;padding:2px!important;gap:1px!important}.station-results-heading .station-view-controls .view-button{width:25px!important;height:25px!important}.station-results-heading .station-view-controls .view-button svg{width:16px;height:16px}}