:root{--color-background:#0f1117;--color-surface:#171c25;--color-raised:#222c3b;--color-foreground:#f3f4f7;--color-muted:#a4a9b3;--color-border:#30353f;--color-brand:#f38020;--color-secondary:#ffba67;--color-on-brand:#0f1117;--color-wordmark:#fff9f2;--color-error:#ffba67;--color-scrim:#0f1117d1;--color-overlay-strong:#000000b8;--color-overlay:#00000073;--color-overlay-soft:#00000059;--color-on-picture:#fff;--radius-small:7px;--radius-medium:11px;--radius-large:14px;--radius-round:999px;--space-xxs:4px;--space-xs:8px;--space-s:12px;--space-m:16px;--space-l:20px;--space-xl:24px;--space-xxl:32px;--space-xxxl:48px;--space-gutter:16px;--type-display-size:32px;--type-display-weight:700;--type-display-line:1.2;--type-display-tracking:-.4px;--type-title1-size:26px;--type-title1-weight:700;--type-title1-line:1.25;--type-title1-tracking:-.2px;--type-title2-size:20px;--type-title2-weight:600;--type-title2-line:1.3;--type-title2-tracking:0px;--type-title3-size:16px;--type-title3-weight:600;--type-title3-line:1.35;--type-title3-tracking:0px;--type-body-size:15px;--type-body-weight:400;--type-body-line:1.5;--type-body-tracking:0px;--type-body-strong-size:15px;--type-body-strong-weight:600;--type-body-strong-line:1.4;--type-body-strong-tracking:0px;--type-callout-size:13px;--type-callout-weight:400;--type-callout-line:1.45;--type-callout-tracking:0px;--type-caption-size:11px;--type-caption-weight:500;--type-caption-line:1.35;--type-caption-tracking:0px;--type-badge-size:10px;--type-badge-weight:700;--type-badge-line:1.2;--type-badge-tracking:.3px;--motion-instant:90ms;--motion-fast:.14s;--motion-standard:.22s;--motion-emphasis:.38s;--motion-ambient:26s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-linear:cubic-bezier(0, 0, 1, 1);--motion-controls-idle:4s;--artwork-playing-scale:1;--artwork-paused-scale:.86;--icon-stroke:1.7;--layout-page-max-width:1180px;--layout-mobile-breakpoint:860;--layout-touch-target:44px;--layout-tv-focus-ring:3px;--layout-tv-focus-offset:5px;--layout-control-small:40px;--layout-control-medium:52px;--layout-control-large:76px;--font-latin-first:-apple-system, BlinkMacSystemFont, "Inter", "Noto Sans Arabic", system-ui, sans-serif;--font-arabic-first:-apple-system, BlinkMacSystemFont, "Noto Sans Arabic", "Inter", system-ui, sans-serif;--font:var(--font-latin-first)}html[lang=ar]{--font:var(--font-arabic-first)}@media (prefers-reduced-motion:reduce){:root{--motion-instant:0s;--motion-fast:0s;--motion-standard:0s;--motion-emphasis:0s;--motion-ambient:0s}}@font-face{font-family:Inter;src:url(/fonts/Inter-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-700.ttf);font-weight:700;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-800.ttf);font-weight:800;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-400.ttf);font-weight:400;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-500.ttf);font-weight:500;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-600.ttf);font-weight:600;font-display:swap}@font-face{font-family:Noto Sans Arabic;src:url(/fonts/NotoSansArabic-700.ttf);font-weight:700;font-display:swap}:root{--background:var(--color-background);--surface:var(--color-surface);--raised:var(--color-raised);--foreground:var(--color-foreground);--muted:var(--color-muted);--border:var(--color-border);--brand:var(--color-brand);--secondary:var(--color-secondary);--on-brand:var(--color-on-brand);--radius:var(--radius-small);--radius-lg:var(--radius-medium);--gutter:var(--space-gutter);--nav-height:60px;--nav-safe:max(0px, calc(env(safe-area-inset-bottom) - 16px));--player-height:68px}*,:before,:after{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;padding-bottom:calc(var(--nav-height) + var(--player-height) + var(--nav-safe));margin:0}@media (min-width:861px){body{padding-bottom:calc(var(--player-height) + 12px)}}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{inset-inline-start:var(--gutter);z-index:60;background:var(--brand);color:var(--on-brand);border-radius:8px;padding:10px 14px;font-weight:600;transition:top .15s;position:absolute;top:-60px}.skip-link:focus{top:10px}.app-header{z-index:40;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--background) 90%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--border);position:sticky;top:0}.header-inner{max-width:1180px;min-height:68px;padding:10px clamp(var(--gutter), 4vw, 40px);direction:ltr;grid-template-columns:1fr auto;align-items:center;gap:20px;margin:0 auto;display:grid}@media (min-width:861px){.header-inner{grid-template-columns:1fr auto 1fr;min-height:76px}}.brand{color:var(--foreground);flex-shrink:0;justify-self:start;align-items:center;display:inline-flex}.brand svg{display:block}.brand .mark{width:30px;height:36px}.brand .wordmark{width:auto;height:42px;transition:transform var(--motion-fast) var(--ease-standard)}.brand:hover .wordmark{transform:scale(1.03)}@media (max-width:860px){.brand .wordmark{height:36px}}.desktop-nav{justify-self:center;gap:4px;display:none}@media (min-width:861px){.desktop-nav{display:flex}}.desktop-nav a{border-radius:var(--radius);color:var(--muted);white-space:nowrap;transition:color var(--motion-fast);padding:9px 14px;font-weight:500;position:relative}.desktop-nav a:hover{color:var(--foreground);background:0 0}.desktop-nav a[aria-current=page]{color:var(--foreground);background:0 0;font-weight:600}.desktop-nav a[aria-current=page]:after{content:"";background:var(--brand);border-radius:2px;width:18px;height:3px;margin-inline:auto;position:absolute;inset-block-end:-2px;inset-inline:0}.header-prefs{border:1px solid var(--border);border-radius:var(--radius-medium);background:#ffffff05;justify-self:end;align-items:center;min-width:0;height:40px;padding:3px;display:flex}.prefs-divider{background:var(--border);flex-shrink:0;width:1px;height:18px}.locale-picker select option{background:var(--surface);color:var(--foreground)}.page{max-width:1180px;padding:clamp(20px, 4vw, 36px) clamp(var(--gutter), 4vw, 40px);margin:0 auto}.page-title{letter-spacing:-.01em;font-size:clamp(22px,4vw,30px);font-weight:700}.page-lede{color:var(--muted);max-width:62ch;margin-top:8px}.section{margin-top:28px}.section-title{margin-bottom:12px;font-size:17px;font-weight:600}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:14px;display:grid}.tile{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);padding:22px;transition:border-color .12s linear,background-color .12s linear;display:block}.tile:hover{border-color:var(--brand);background:var(--raised)}.tile h2{font-size:19px;font-weight:650}.tile p{color:var(--muted);margin-top:6px;font-size:15px}.tile .tile-icon{color:var(--brand);width:26px;height:26px;margin-bottom:12px}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:20px;display:flex}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field label{color:var(--muted);font-size:13px}.field input,.field select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:44px;padding:11px 14px}.field.grow{flex:260px}.field input::placeholder{color:color-mix(in srgb, var(--muted) 80%, transparent)}.field input:focus,.field select:focus{border-color:var(--brand)}.result-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;font-size:14px;display:flex}.chip{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}@media (min-width:900px){.station-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;display:grid}}@media (min-width:1500px){.station-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.station-list{border-top:1px solid var(--border);margin:8px 0 0;padding:0;list-style:none}.station{border-bottom:1px solid var(--border);grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 6px;display:grid}.station:hover{background:var(--surface)}.station[data-active=true]{background:var(--surface);box-shadow:inset 3px 0 0 0 var(--brand)}html[dir=rtl] .station[data-active=true]{box-shadow:inset -3px 0 0 0 var(--brand)}.station-logo{border-radius:var(--radius);object-fit:contain;background:var(--raised);flex-shrink:0;width:54px;height:54px}.station-logo-fallback{color:var(--brand);border-radius:var(--radius);background:var(--raised);place-items:center;width:54px;height:54px;display:grid}.station-logo-fallback svg{width:22px;height:26px}.station-text{min-width:0}.station-name{text-align:start;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.station-name bdi,.mini-name bdi,.band-name bdi{vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;unicode-bidi:isolate;max-width:100%;display:inline-block;overflow:hidden}.station-sub{color:var(--muted);align-items:center;gap:10px;min-width:0;margin-top:4px;font-size:13px;display:flex}.station-sub>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.station-note{color:var(--secondary);margin-top:3px;font-size:12.5px;display:block}.station-actions{align-items:center;gap:6px;display:flex}.icon-button{border-radius:var(--radius);background:var(--raised);width:44px;height:44px;color:var(--foreground);border:1px solid #0000;place-items:center;display:grid}.icon-button:hover{background:color-mix(in srgb, var(--brand) 22%, var(--raised))}.icon-button svg{width:20px;height:20px}.icon-button.primary{background:var(--brand);color:var(--on-brand);border-radius:var(--radius-round)}.icon-button.primary:hover{background:var(--secondary)}.icon-button[aria-pressed=true]{color:var(--brand)}.icon-button:disabled{opacity:.45;cursor:not-allowed}.button{border-radius:var(--radius);background:var(--raised);border:1px solid var(--border);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 18px;font-weight:550;display:inline-flex}.button:hover{border-color:var(--brand)}.button.primary{background:var(--brand);color:var(--on-brand);border-color:#0000}.button.primary:hover{background:var(--secondary)}.state-block{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);margin-top:18px;padding:22px}.state-block h2{font-size:17px;font-weight:600}.state-block p{color:var(--muted);margin-top:6px}.state-block .button{margin-top:14px}.state-block[data-tone=error]{border-color:color-mix(in srgb, var(--brand) 55%, var(--border))}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface), var(--raised), var(--surface));background-size:200% 100%;height:78px;animation:1.4s linear infinite shimmer}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.mini-player{z-index:45;inset-inline:0;bottom:calc(var(--nav-height) + var(--nav-safe));min-height:var(--player-height);padding:10px clamp(var(--gutter), 4vw, 40px);background:color-mix(in srgb, var(--surface) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid;position:fixed}@media (min-width:861px){.mini-player{padding-bottom:calc(10px + env(safe-area-inset-bottom));bottom:0}}.mini-player[hidden]{display:none}.mini-name{text-align:start;white-space:nowrap;font-weight:600;display:block;overflow:hidden}.mini-status{color:var(--muted);margin-top:2px;font-size:13px;display:block}.mini-status[data-tone=error]{color:var(--secondary)}.mini-actions{align-items:center;gap:8px;display:flex}.mini-player[data-busy=true]:after{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--brand), transparent);background-repeat:no-repeat;background-size:40% 100%;height:2px;animation:1.1s ease-in-out infinite sweep;position:absolute;top:-1px}@keyframes sweep{0%{background-position:-40% 0}to{background-position:140% 0}}@media (prefers-reduced-motion:reduce){.mini-player[data-busy=true]:after{animation:none}}.bottom-nav{inset-inline:0;z-index:50;background:color-mix(in srgb, var(--surface) 97%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding-bottom:var(--nav-safe);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:fixed;bottom:0}@media (min-width:861px){.bottom-nav{display:none}}.bottom-nav a{min-height:var(--nav-height);color:var(--muted);text-align:center;align-content:center;justify-items:center;gap:3px;padding:6px 4px;font-size:11px;display:grid}.bottom-nav a svg{width:22px;height:22px}.bottom-nav a[aria-current=page]{color:var(--brand);font-weight:600}.settings-group{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);margin-top:14px;padding:20px}.settings-group h2{font-size:16px;font-weight:600}.settings-group p{color:var(--muted);margin-top:6px;font-size:14px}.settings-group .field{max-width:320px;margin-top:14px}.notice{border-radius:var(--radius);background:var(--raised);color:var(--secondary);margin-top:12px;padding:10px 14px;font-size:14px}.locale-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.locale-list button{border-radius:var(--radius);background:var(--raised);border:1px solid var(--border);min-height:44px;padding:10px 16px}.locale-list button[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:#0000;font-weight:600}.artwork-fallback{color:var(--brand);background:var(--raised);place-items:center;display:grid}.artwork-fallback svg{width:40%;height:48%}.home-actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.home-actions .button svg{width:20px;height:20px;color:var(--brand)}.home-section{margin-top:32px}.strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;grid-auto-columns:168px;grid-auto-flow:column;gap:14px;padding-bottom:10px;display:grid;overflow-x:auto}.strip::-webkit-scrollbar{height:8px}.strip::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius)}.strip-compact{grid-auto-columns:132px}.tile-station,.tile-recent{text-align:start;scroll-snap-align:start;flex-direction:column;gap:8px;min-width:0;padding:0;display:flex}.tile-frame{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;display:block;position:relative;overflow:hidden}.tile-art,.recent-art{object-fit:contain;width:100%;height:100%;display:block}.tile-state{border-radius:var(--radius-round);background:var(--brand);width:30px;height:30px;color:var(--on-brand);opacity:0;place-items:center;transition:opacity .12s linear;display:grid;position:absolute;inset-block-end:6px;inset-inline-end:6px}.tile-state svg{width:15px;height:15px}.tile-station:hover .tile-state,.tile-station:focus-visible .tile-state,.tile-station[data-active=true] .tile-state{opacity:1}.tile-station:hover .tile-frame,.tile-station[data-active=true] .tile-frame{border-color:var(--brand)}.tile-name,.recent-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.tile-sub{color:var(--muted);font-size:12.5px}.tile-station .pick-badge{align-self:flex-start;margin-inline-start:0}.recent-art{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);height:auto}.tile-recent:hover .recent-art{border-color:var(--brand)}.recent-name{font-size:13px}.tile-skeleton{aspect-ratio:1;border-radius:var(--radius);background:linear-gradient(90deg, var(--surface), var(--raised), var(--surface));background-size:200% 100%;animation:1.4s linear infinite shimmer}.pick-badge{border-radius:var(--radius);background:linear-gradient(90deg, var(--brand), var(--secondary));color:var(--on-brand);letter-spacing:.01em;white-space:nowrap;vertical-align:middle;align-items:center;gap:3px;padding:3px 7px;font-size:9.5px;font-weight:700;line-height:1.35;display:inline-flex}.pick-badge .pick-mark{flex-shrink:0;width:10px;height:11px}.pick-badge.on-art{z-index:2;position:absolute;inset-block-end:5px;inset-inline-start:5px}.chip-row{scrollbar-width:none;gap:8px;margin-top:14px;padding-bottom:4px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.filter-chip{border-radius:var(--radius);white-space:nowrap;background:var(--raised);color:var(--foreground);border:1px solid var(--border);flex:none;padding:8px 14px;font-size:13.5px;line-height:1.3}.filter-chip:hover{border-color:var(--brand)}.filter-chip[aria-pressed=true]{background:var(--brand);color:var(--on-brand);border-color:#0000;font-weight:600}.country-hero{border-radius:var(--radius-lg);text-align:start;background:linear-gradient(90deg, var(--brand), var(--secondary));width:100%;color:var(--on-brand);border:0;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;padding:18px;display:flex}.country-hero:hover{filter:brightness(1.05)}.hero-text{gap:2px;min-width:0;display:grid}.hero-label{opacity:.8;font-size:13px}.hero-value{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,3.4vw,26px);font-weight:700;line-height:1.2;overflow:hidden}.hero-waveform{flex-shrink:0;width:56px;height:30px}.waveform,.hero-waveform,.mini-waveform{align-items:flex-end;gap:3px;display:flex}.waveform>span,.hero-waveform>span,.mini-waveform>span{background:currentColor;border-radius:2px;flex:1}.hero-waveform{color:var(--on-brand)}.mini-waveform{width:34px;height:22px;color:var(--brand);flex-shrink:0}.country-suggestion{text-align:start;background:var(--raised);width:100%;color:var(--foreground);border:1px solid var(--brand);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:13px 14px;display:flex}.country-suggestion:hover{background:var(--surface)}.suggestion-count{color:var(--brand);font-size:13px;font-weight:600}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin:26px 0 12px;display:flex}.section-head .section-title{margin:0}.section-trailing{color:var(--muted);white-space:nowrap;font-size:13.5px}.search-field{margin-top:18px}.transport{justify-content:center;align-items:center;display:flex}.transport[data-size=regular]{gap:22px}.transport[data-size=large]{gap:24px}.transport-primary,.transport-secondary{border-radius:var(--radius-round);flex-shrink:0;place-items:center;display:grid}.transport-primary{background:var(--brand);color:var(--on-brand)}.transport-primary:hover{background:var(--secondary)}.transport-secondary{background:var(--raised);color:var(--foreground);border:1px solid var(--border)}.transport-secondary:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.transport-secondary:disabled{color:var(--border);cursor:not-allowed}.transport[data-size=regular] .transport-primary svg{width:25px;height:25px}.transport[data-size=large] .transport-primary svg{width:32px;height:32px}.transport-secondary svg{width:22px;height:22px}.transport[data-surface=true] .transport-secondary{color:#fff;background:#00000059;border-color:#ffffff2e}.transport[data-surface=true] .transport-secondary:disabled{color:#ffffff4d}.option-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:6px;margin-top:20px;display:flex}.option-cell{flex:74px;max-width:110px;position:relative}.option-cell>button{justify-items:center;gap:6px;width:100%;display:grid}.option-square{border-radius:var(--radius-lg);background:var(--raised);width:48px;height:48px;color:var(--foreground);place-items:center;display:grid}.option-square svg{width:22px;height:22px}.option-label{color:var(--muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.option-cell>button:hover .option-square{border:1px solid var(--brand)}.option-cell>button[data-active=true] .option-square{background:var(--brand);color:var(--on-brand)}.option-cell>button[data-active=true] .option-label{color:var(--brand)}.quality-menu{z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:2px;min-width:148px;padding:6px;display:grid;position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000080}html[dir=rtl] .quality-menu{transform:translate(50%)}.quality-menu[hidden]{display:none}.quality-menu button{border-radius:var(--radius);text-align:start;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:flex}.quality-menu button:hover{background:var(--raised)}.quality-menu button[data-selected=true]{color:var(--brand);font-weight:600}.menu-check{flex-shrink:0;width:16px;height:16px}.volume-control{flex:none;align-items:center;gap:6px;display:flex}.volume-slider{width:88px;accent-color:var(--brand);height:4px}.expanded-volume .volume-slider{flex:1;width:auto}.volume-end{width:19px;height:19px;color:var(--muted);flex-shrink:0}.icon-button.ghost{color:var(--foreground);background:0 0}.icon-button.ghost:hover,.icon-button.ghost[aria-pressed=true],.icon-button.ghost[data-active=true]{color:var(--brand)}.back-to-top{border-radius:var(--radius-round);background:var(--brand);width:46px;height:46px;color:var(--on-brand);z-index:40;border:0;place-items:center;display:grid;position:fixed;inset-block-end:calc(var(--nav-height) + var(--player-height) + 14px);inset-inline-end:clamp(var(--gutter), 4vw, 40px)}.back-to-top[hidden]{display:none}.back-to-top:hover{background:var(--secondary)}.back-to-top svg{width:23px;height:23px}@media (min-width:861px){.back-to-top{inset-block-end:calc(var(--player-height) + 18px)}}.list-more{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:22px 0;font-size:13.5px;display:flex}.list-more-spinner{border:2px solid var(--raised);border-top-color:var(--brand);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@media (prefers-reduced-motion:reduce){.list-more-spinner{animation:none}}.dialog-backdrop{z-index:90;padding:var(--gutter);background:#0009;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(420px,100%);padding:22px}.dialog h2{font-size:17px;font-weight:600}.dialog p{color:var(--muted);margin-top:8px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.button.danger{border-color:var(--secondary);color:var(--secondary)}.button.danger:hover{background:var(--secondary);color:var(--on-brand)}.settings-row{text-align:start;background:var(--raised);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;width:100%;margin-top:14px;padding:14px;display:flex}.settings-row:hover{border-color:var(--brand)}.settings-icon{width:20px;height:20px;color:var(--muted);flex-shrink:0}.settings-label{flex:1}.settings-value{color:var(--brand);text-align:end;font-size:13.5px}.settings-chevron{width:16px;height:16px;color:var(--border);flex-shrink:0}html[dir=rtl] .settings-chevron{transform:scaleX(-1)}.pull-indicator{z-index:70;height:var(--pull,0);color:var(--brand);pointer-events:none;background:linear-gradient(to bottom, var(--surface), transparent);place-items:center;display:grid;position:fixed;inset-block-start:0;inset-inline:0}.pull-indicator[hidden]{display:none}.pull-indicator svg{opacity:.55;width:22px;height:22px}.pull-indicator[data-armed=true] svg{opacity:1}.pull-indicator[data-busy=true]{height:56px}.pull-indicator[data-busy=true] svg{opacity:1;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body.player-open,body.picker-open,body.channel-open{overflow:hidden}.expanded-player{z-index:60;background:var(--background);position:fixed;inset:0;overflow:hidden}.expanded-player[hidden]{display:none}.expanded-backdrop{filter:blur(72px)saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:-10%;transform:scale(1.1)}.expanded-backdrop:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--background) 82%, transparent) 0%, color-mix(in srgb, var(--background) 94%, transparent) 45%, var(--background) 100%);position:absolute;inset:0}.expanded-column{z-index:1;height:100%;padding:max(16px, env(safe-area-inset-top)) 24px 30px;padding-bottom:max(30px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex;position:relative}.expanded-spacer{flex-shrink:1;min-height:0}.expanded-art{aspect-ratio:1;flex-shrink:0;width:min(72%,320px)}.expanded-art-image{object-fit:contain;background:var(--raised);border-radius:14px;width:100%;height:100%}.expanded-name-slot{text-align:center;width:100%;margin-top:32px}.expanded-title{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,4vw,26px);font-weight:700;line-height:1.25;display:block;overflow:hidden}.expanded-country{color:var(--muted);text-align:center;margin-top:8px}.expanded-status{color:var(--muted);text-align:center;margin-top:18px;font-size:13px}.expanded-status[data-tone=error]{color:var(--secondary)}.expanded-busy{background:var(--raised);border-radius:var(--radius);width:50%;height:3px;margin-top:12px;overflow:hidden}.expanded-busy[hidden]{display:none}.expanded-busy:after{content:"";background:var(--brand);width:40%;height:100%;animation:1.1s ease-in-out infinite slide;display:block}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.expanded-volume{align-items:center;gap:10px;width:82%;display:flex}.country-picker{z-index:80;background:var(--background);padding:max(12px, env(safe-area-inset-top)) var(--gutter) 0;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0}.country-picker[hidden]{display:none}.picker-inner{flex-direction:column;flex:1;width:100%;max-width:980px;min-height:0;display:flex}.picker-head{align-items:center;gap:12px;padding:8px 0 14px;display:flex}.picker-head .spacer{flex:1}.picker-title{font-size:17px;font-weight:600}.picker-search{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:48px;color:inherit;font:inherit;padding:12px 14px}.picker-search:focus{border-color:var(--brand);outline:none}.picker-list{padding:14px 0 max(16px, env(safe-area-inset-bottom));flex:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:2px 14px;display:grid;overflow-y:auto}.picker-row{border-radius:var(--radius);text-align:start;border:1px solid #0000;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.picker-row:hover{background:var(--surface);border-color:var(--border)}.picker-row[data-selected=true]{background:var(--raised);color:var(--brand);font-weight:600}.picker-check{flex-shrink:0;width:18px;height:18px}.picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.picker-count{color:var(--muted);font-size:13px;font-weight:400}.picker-empty{color:var(--muted);grid-column:1/-1;padding:20px 14px}.picker-row[data-mode=true]{background:var(--surface);border-color:var(--border);grid-column:1/-1;font-weight:600}.channel-player{z-index:60;background:var(--background);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.channel-player[hidden]{display:none}.channel-stage{aspect-ratio:16/9;--picture-brightness:1;background:#000;flex-shrink:0;width:100%;position:relative;overflow:hidden}.channel-stage video{object-fit:contain;width:100%;height:100%;filter:brightness(var(--picture-brightness));background:#000;display:block}.channel-stage[data-fill=true] video{object-fit:cover}.channel-stage[data-audio-only=true] video{opacity:0}.channel-stage[data-filling=true]{z-index:75;aspect-ratio:auto;height:100%;position:fixed;inset:0}.channel-stage:fullscreen{aspect-ratio:auto;height:100%}.channel-stage[data-controls=hidden]{cursor:none}.channel-cover{place-items:center;display:grid;position:absolute;inset:0}.channel-cover[hidden]{display:none}.channel-cover-slot{justify-items:center;gap:14px;display:grid}.channel-cover-art{aspect-ratio:1;object-fit:contain;border-radius:var(--radius-lg);background:var(--surface);width:min(40vw,140px)}.channel-cover-label{color:var(--muted);font-size:13px}.channel-busy,.channel-failed{text-align:center;color:var(--foreground);text-shadow:0 1px 4px #000c;pointer-events:none;align-content:center;justify-items:center;gap:12px;padding:0 20px;display:grid;position:absolute;inset:0}.channel-busy[hidden],.channel-failed[hidden]{display:none}.channel-failed{pointer-events:auto}.stage-flash{z-index:4;border-radius:var(--radius-lg);color:#fff;pointer-events:none;background:#000000a8;justify-items:center;gap:8px;padding:14px 20px;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.stage-flash[hidden]{display:none}.flash-label{font-size:13px}.flash-track{background:#ffffff40;border-radius:2px;width:140px;height:3px}.flash-fill{background:var(--brand);border-radius:2px;height:100%;display:block}.flash-value{font-variant-numeric:tabular-nums;font-size:13px}.stage-overlay{z-index:3;padding:max(10px, env(safe-area-inset-top)) 14px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#000000b8 0%,#0000001a 28% 72%,#000000c7 100%);flex-direction:column;justify-content:space-between;transition:opacity .18s linear;display:flex;position:absolute;inset:0}.stage-overlay[hidden]{display:none}.channel-stage[data-controls=hidden] .stage-overlay{opacity:0;pointer-events:none}.overlay-top{color:#fff;align-items:center;gap:10px;min-width:0;display:flex}.overlay-identity{min-width:0}.overlay-line{align-items:center;gap:8px;margin-top:2px;display:flex}.overlay-country{color:#ffffffb3;font-size:13px}.overlay-middle{place-items:center;display:grid}.overlay-bottom{justify-content:flex-end;display:flex}.overlay-chips{flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;gap:6px;display:flex}.overlay-chips .option-cell{flex:none;max-width:84px}.overlay-chips .option-square{color:#fff;background:#00000073;width:38px;height:38px}.overlay-chips .option-square svg{width:19px;height:19px}.overlay-chips .option-label{color:#ffffffd9;font-size:10px}.overlay-chips .option-cell>button[data-active=true] .option-square{background:var(--brand);color:var(--on-brand)}.overlay-chips .option-cell>button[data-active=true] .option-label{color:var(--brand)}.overlay-chips .volume-control{color:#fff}.overlay-chips .volume-slider{width:72px}.channel-panel{padding:14px clamp(var(--gutter), 4vw, 40px) 4px}.channel-panel[hidden]{display:none}.channel-identity{align-items:center;gap:12px;display:flex}.identity-art{flex-shrink:0}.identity-logo{object-fit:contain;border-radius:var(--radius);background:var(--raised);width:46px;height:46px}.identity-text{flex:1;min-width:0}.identity-title{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.identity-line{color:var(--muted);align-items:center;gap:8px;margin-top:3px;font-size:13px;display:flex}.identity-line [data-tone=error]{color:var(--secondary)}.live-badge{border:1px solid var(--border);border-radius:var(--radius);letter-spacing:.06em;color:#fff;background:#0000008c;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.live-badge[hidden]{display:none}.live-badge:before{content:"";background:var(--brand);border-radius:50%;width:7px;height:7px}.panel-transport{border-top:1px solid var(--border);justify-content:center;margin-top:14px;padding:20px 0;display:flex}.channel-below{padding:8px clamp(var(--gutter), 4vw, 40px) 40px}.channel-below[hidden]{display:none}@media (min-width:861px){.channel-stage{max-height:min(58vh,640px)}.channel-stage[data-filling=true]{max-height:none}}.tile-kind{z-index:2;border-radius:var(--radius);color:var(--brand);background:#0f1117b8;place-items:center;padding:4px;display:grid;position:absolute;inset-block-start:6px;inset-inline-end:6px}.tile-kind svg{width:13px;height:13px}.mini-art{object-fit:contain;border-radius:var(--radius);background:var(--raised);flex-shrink:0;width:40px;height:40px}.mini-text{text-align:start;background:0 0;border:0;flex:1;gap:2px;min-width:0;padding:0;display:grid}.mini-text:hover .mini-name{color:var(--brand)}.tile-station[data-pick=true] .tile-frame{border-color:var(--brand);border-width:2px}.tile-station[data-pick=true] .tile-name{font-weight:700}.pick-badge.on-art{padding:3px 8px;font-size:10.5px;box-shadow:0 2px 8px #0000008c}.station[data-pick=true]{background:color-mix(in srgb, var(--brand) 7%, transparent)}.station[data-pick=true] .station-name{font-weight:700}.header-menu{min-width:0;position:relative}.header-pill{border-radius:var(--radius-small);max-width:min(44vw,240px);height:32px;color:var(--foreground);white-space:nowrap;transition:background var(--motion-fast);background:0 0;border:0;align-items:center;gap:7px;padding:0 11px;font-size:13.5px;font-weight:500;line-height:1;display:inline-flex}.header-pill:hover,.header-pill:focus-visible{background:var(--raised)}.header-pill:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.pill-code{letter-spacing:.06em;font-size:12.5px;font-weight:700}.pill-icon{width:16px;height:16px;color:var(--brand);flex-shrink:0}.pill-chevron{width:13px;height:13px;color:var(--muted);flex-shrink:0}.pill-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-dropdown{z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);gap:2px;min-width:168px;padding:6px;display:grid;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-end:0;box-shadow:0 10px 28px #00000080}.header-dropdown[hidden]{display:none}.header-dropdown button{border-radius:var(--radius);text-align:start;align-items:center;gap:8px;padding:9px 10px;font-size:14px;display:flex}.header-dropdown button:hover{background:var(--raised)}.header-dropdown button[data-selected=true]{color:var(--brand);font-weight:600}.expanded-head{align-items:center;width:100%;display:flex}.expanded-head .icon-button{background:var(--raised);border:1px solid var(--border);width:48px;height:48px}.expanded-head .icon-button svg{width:24px;height:24px}.expanded-head .icon-button:hover{border-color:var(--brand)}.expanded-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:100%;min-height:0;display:flex}.expanded-details{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.expanded-controls{align-items:center;gap:22px;margin-top:28px;display:flex}.expanded-controls>.icon-button{background:var(--raised);border:1px solid var(--border);flex-shrink:0;width:54px;height:54px}.expanded-controls>.icon-button svg{width:24px;height:24px}.expanded-controls>.icon-button:hover{border-color:var(--brand)}.expanded-controls>.icon-button.is-favourite{color:var(--brand);border-color:var(--brand)}.expanded-transport{margin-bottom:0}.expanded-volume{margin-top:26px}.expanded-volume[hidden]{display:none}@media (min-width:900px){.expanded-body{flex-direction:row;justify-content:center;align-items:center;gap:clamp(32px,6vw,72px);padding:0 clamp(16px,5vw,64px)}.expanded-art{width:min(38vw,360px)}.expanded-details{align-items:flex-start;max-width:460px}.expanded-name-slot,.expanded-country,.expanded-status{text-align:start}.expanded-title{white-space:normal;font-size:clamp(26px,2.6vw,34px)}.expanded-busy{align-self:flex-start}html[dir=rtl] .expanded-details{align-items:flex-start}}.volume-slider[hidden]{display:none}.mini-waveform>span{transform-origin:bottom;animation:1.1s ease-in-out infinite bar}.mini-waveform>span:first-child{animation-delay:-.9s}.mini-waveform>span:nth-child(2){animation-delay:-.2s}.mini-waveform>span:nth-child(3){animation-delay:-.6s}.mini-waveform>span:nth-child(4){animation-delay:-.1s}.mini-waveform>span:nth-child(5){animation-delay:-.75s}.mini-waveform>span:nth-child(6){animation-delay:-.35s}.mini-waveform>span:nth-child(7){animation-delay:-.5s}.mini-waveform>span:nth-child(8){animation-delay:-.15s}@keyframes bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.mini-waveform>span{animation:none}}body{font-family:var(--font);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-line)}.page-title,.expanded-title{font-size:var(--type-title1-size);font-weight:var(--type-title1-weight);line-height:var(--type-title1-line);letter-spacing:var(--type-title1-tracking)}.hero-value,.picker-title,.dialog h2{font-size:var(--type-title2-size);font-weight:var(--type-title2-weight);line-height:var(--type-title2-line)}.section-title,.station-name,.identity-title,.channel-name,.mini-name,.state-block h2{font-size:var(--type-title3-size);font-weight:var(--type-title3-weight);line-height:var(--type-title3-line)}.tile-name,.recent-name,.button,.filter-chip[aria-pressed=true]{font-size:var(--type-body-strong-size);font-weight:var(--type-body-strong-weight);line-height:var(--type-body-strong-line)}.tile-name,.recent-name{font-size:var(--type-callout-size)}.station-sub,.mini-status,.tile-sub,.identity-line,.channel-line,.section-trailing,.expanded-status,.home-hint,.result-meta,.field label,.picker-count,.filter-chip,.header-pill,.settings-value{font-size:var(--type-callout-size);line-height:var(--type-callout-line)}.bottom-nav a span,.option-label,.flash-label{font-size:var(--type-caption-size);font-weight:var(--type-caption-weight);line-height:var(--type-caption-line)}.pick-badge,.live-badge{font-size:var(--type-badge-size);font-weight:var(--type-badge-weight);line-height:var(--type-badge-line);letter-spacing:var(--type-badge-tracking)}svg[stroke=currentColor]{stroke-width:var(--icon-stroke)}.expanded-art{transform:scale(var(--artwork-paused-scale));transition:transform var(--motion-emphasis) var(--ease-standard);will-change:transform}.expanded-player[data-playback=playing] .expanded-art{transform:scale(var(--artwork-playing-scale))}.expanded-art-image{transition:box-shadow var(--motion-emphasis) var(--ease-standard)}.expanded-player[data-playback=playing] .expanded-art-image{box-shadow:0 24px 60px #00000073}.expanded-backdrop{animation:backdrop-drift var(--motion-ambient) var(--ease-standard) infinite alternate;animation-play-state:paused}.expanded-player[data-playback=playing] .expanded-backdrop{animation-play-state:running}@keyframes backdrop-drift{0%{transform:scale(1.12)translate(-2.5%,-1.5%)rotate(-2deg)}50%{transform:scale(1.22)translate(2%,2.5%)rotate(1.5deg)}to{transform:scale(1.15)translate(1.5%,-2%)rotate(3deg)}}@media (prefers-reduced-motion:reduce){.expanded-backdrop{animation:none}}.home{padding-top:0}.home-hero{isolation:isolate;margin-inline:calc(50% - 50vw);padding-block:clamp(28px,4vw,56px) clamp(28px,4vw,48px);padding-inline:calc(50vw - 50%);display:block;position:relative;overflow:hidden}.home-hero:after{content:"";z-index:-1;background:linear-gradient(to bottom, #0f111759 0%, #0f11178c 55%, var(--background) 100%), linear-gradient(to right, #0f1117b3 0%, #0f111700 65%);position:absolute;inset:0}html[dir=rtl] .home-hero:after{background:linear-gradient(to bottom, #0f111759 0%, #0f11178c 55%, var(--background) 100%), linear-gradient(to left, #0f1117b3 0%, #0f111700 65%)}.home-heading{letter-spacing:-.035em;margin:0;font-size:clamp(32px,4.4vw,60px);font-weight:700;line-height:1.04;display:grid}.home-heading-accent{color:var(--brand)}html[lang=ar] .home-heading{letter-spacing:0;line-height:1.3}.hero-intro{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;display:flex}.hero-figures{margin:0;padding-bottom:6px;display:flex}.hero-figure{border-inline-start:1px solid var(--border);flex-direction:column-reverse;gap:4px;padding-inline:clamp(16px,2.2vw,28px);display:flex}.hero-figure:first-child{border-inline-start:0;padding-inline-start:0}.hero-figure dd{letter-spacing:-.02em;font-feature-settings:"tnum" 1;margin:0;font-size:clamp(22px,2.3vw,30px);font-weight:700}.hero-figure dt{font-size:var(--type-callout-size);color:var(--muted)}@media (max-width:520px){.hero-figure{padding-inline:12px}.hero-figure dd{font-size:20px}.hero-figure dt{font-size:12px}}.eyebrow{font-size:var(--type-caption-size);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-weight:600;display:inline-flex}html[lang=ar] .eyebrow{letter-spacing:0}.eyebrow-sep{opacity:.5}.live-dot{border-radius:var(--radius-round);background:var(--brand);width:7px;height:7px;animation:live-pulse 2.4s var(--ease-standard) infinite;box-shadow:0 0 #f3802099}@keyframes live-pulse{0%{box-shadow:0 0 #f380208c}70%,to{box-shadow:0 0 0 9px #f3802000}}.place{align-items:baseline;gap:6px;display:inline-flex}.place-time{color:var(--foreground);font-feature-settings:"tnum" 1;letter-spacing:.02em}.world-band{border-block:1px solid var(--border);background:#171c2573;margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50%)}.band-title{font-size:var(--type-caption-size);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;padding-top:14px;font-weight:600}html[lang=ar] .band-title{letter-spacing:0}.band-row{scroll-snap-type:x proximity;scrollbar-width:none;padding:12px 0 16px;display:flex;overflow-x:auto}.band-row::-webkit-scrollbar{display:none}.band-item{text-align:start;border-inline-end:1px solid var(--border);scroll-snap-align:start;flex:none;align-items:center;gap:12px;margin-inline-end:22px;padding:6px 22px 6px 0;display:flex}.band-item:last-child{border-inline-end:0;margin-inline-end:0}.band-art{border-radius:var(--radius-small);object-fit:contain;background:var(--raised);flex-shrink:0;width:44px;height:44px}.band-text{gap:2px;min-width:0;display:grid}.band-text .place-name{font-size:var(--type-caption-size);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}html[lang=ar] .band-text .place-name{letter-spacing:0}.band-text .place-time{font-size:var(--type-title3-size);font-weight:700}.band-name{max-width:18ch;font-size:var(--type-callout-size);color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.band-item:hover .band-name,.band-item:focus-visible .band-name{color:var(--brand)}@media (max-width:860px){.home-hero{padding-top:34px}}@media (prefers-reduced-motion:reduce){.live-dot,.home-hero:before{animation:none}}body{overflow-x:clip}.world-map{aspect-ratio:180/67;direction:ltr;width:100%;position:relative}.world-svg{width:100%;height:100%;display:block;overflow:visible}.hero-world{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 7% 93%,#0000 100%)}.world-land{fill:none;stroke:#a4a9b357;stroke-width:.56px;stroke-linecap:round}.world-point{transition:opacity var(--motion-standard) var(--ease-standard)}.point-halo{fill:#f3802029;transition:fill var(--motion-standard)}.point-core{fill:var(--brand);transition:fill var(--motion-standard)}.point-ring{fill:none;stroke:var(--brand);stroke-width:.16px;transform-box:fill-box;transform-origin:50%;animation:point-ring 3.2s var(--ease-standard) infinite}.world-point:nth-of-type(3n) .point-ring{animation-delay:-1.1s}.world-point:nth-of-type(3n+1) .point-ring{animation-delay:-2.2s}@keyframes point-ring{0%{opacity:.95;transform:scale(.55)}to{opacity:0;transform:scale(3.4)}}.world-point.is-lit .point-halo{fill:#ffba676b}.world-point.is-lit .point-core{fill:var(--secondary)}.world-map.has-focus .world-point:not(.is-lit),.world-map.has-focus .world-label:not(.is-lit){opacity:.28}.world-labels{pointer-events:none;position:absolute;inset:0}.world-label{pointer-events:auto;white-space:nowrap;border-radius:var(--radius-small);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity var(--motion-standard), border-color var(--motion-standard);background:#0f1117bd;border:1px solid #ffffff14;align-items:baseline;gap:7px;padding:5px 9px;display:inline-flex;position:absolute;transform:translate(12px,-50%)}.world-label[data-side=start]{transform:translate(calc(-100% - 12px),-50%)}.world-label[hidden]{display:none}.world-label:hover,.world-label.is-lit,.world-label:focus-visible{border-color:#f38020b3}.world-label:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.world-label .place-name{font-size:var(--type-caption-size);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}html[lang=ar] .world-label .place-name{letter-spacing:0}.world-label .place-time{font-size:var(--type-callout-size);color:var(--foreground);font-weight:700}@media (max-width:700px){.world-labels{display:none}.world-land{stroke-width:.62px}}@media (prefers-reduced-motion:reduce){.point-ring{opacity:0;animation:none}}.country-hero{min-height:116px;position:relative;overflow:hidden}.country-hero .hero-text{z-index:1;position:relative}.scope-world{aspect-ratio:auto;pointer-events:none;width:min(62%,520px);height:auto;position:absolute;inset-block:0;inset-inline-end:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22%);mask-image:linear-gradient(90deg,#0000 0,#000 22%)}html[dir=rtl] .scope-world{-webkit-mask-image:linear-gradient(270deg,#0000 0,#000 22%);mask-image:linear-gradient(270deg,#0000 0,#000 22%)}.scope-world .world-svg{height:100%}.country-hero .world-land{stroke:#0f11174d;stroke-width:.62px}.country-hero .is-focused .world-land{stroke-width:.5px;stroke:#0f111757}.country-hero .is-focused .point-halo{r:3.4;fill:#0f111733}.country-hero .point-ring{stroke:var(--on-brand);stroke-width:.22px}.favourites-world{margin:18px 0 4px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%)}.site-footer{border-top:1px solid var(--border);padding:34px clamp(var(--gutter), 4vw, 40px) calc(34px + var(--nav-height) + var(--player-height));color:var(--muted);font-size:var(--type-callout-size);margin-top:clamp(48px,6vw,88px)}@media (min-width:861px){.site-footer{padding-bottom:calc(34px + var(--player-height))}}.footer-inner{max-width:var(--layout-page-max-width);grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr));gap:32px;margin:0 auto;display:grid}.footer-brand{align-content:start;gap:12px;max-width:36ch;display:grid}.footer-brand .wordmark{width:auto;height:26px}.footer-col{align-content:start;gap:8px;display:grid}.footer-col h3{color:var(--foreground);font-size:var(--type-caption-size);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-weight:600}html[lang=ar] .footer-col h3{letter-spacing:0}.footer-col a,.footer-col button{color:var(--muted);text-align:start;font:inherit;padding:0}.footer-col a:hover,.footer-col button:hover{color:var(--foreground)}.footer-col button[aria-current=true]{color:var(--brand)}.footer-legal{max-width:var(--layout-page-max-width);border-top:1px solid var(--border);font-size:var(--type-caption-size);margin:28px auto 0;padding-top:18px}@media (max-width:700px){.footer-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer-brand{grid-column:1/-1}}.dial{-webkit-user-select:none;user-select:none;direction:ltr;margin-top:clamp(22px,3vw,40px);position:relative}.dial.is-empty{min-height:260px}.dial-track{touch-action:pan-y;cursor:ew-resize;position:relative}.dial-stage{position:relative}.dial-world{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%)}.dial-world .world-land.is-day{stroke:#e2e6ed9e;stroke-width:.6px}.dial-world .world-land.is-dusk{stroke:#ffba676b;stroke-width:.58px}.dial-world .world-land.is-night{stroke:#78808e42;stroke-width:.54px}.dial-pin{border-radius:var(--radius-round);background:var(--brand);width:12px;height:12px;transition:left var(--motion-fast) var(--ease-standard), top var(--motion-standard) var(--ease-standard);pointer-events:none;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 4px #f3802038,0 0 24px 6px #f3802059}.dial-pin:after{content:"";border-radius:inherit;border:1.5px solid var(--brand);animation:point-ring 2.8s var(--ease-standard) infinite;position:absolute;inset:-2px}.dial-scale{border-top:1px solid var(--border);height:40px;margin-top:10px;position:relative}.dial-tick{background:#a4a9b373;width:1px;height:7px;position:absolute;top:0}.dial-hour{font-size:var(--type-caption-size);color:var(--muted);font-feature-settings:"tnum" 1;letter-spacing:.02em;font-weight:500;position:absolute;top:16px;transform:translate(-50%)}.dial-hour:before{content:"";background:#a4a9b3b3;width:1px;height:11px;position:absolute;top:-16px;left:50%}.dial-needle{background:linear-gradient(to bottom, #f3802000, var(--brand) 18%, var(--brand));pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:-8px;bottom:0;box-shadow:0 0 18px #f3802073}.dial-knob{border-radius:var(--radius-round);background:var(--brand);border:3px solid var(--background);width:18px;height:18px;box-shadow:0 0 0 1px var(--brand);cursor:grab;outline:none;margin-left:-9px;position:absolute;top:-9px}.dial-knob:focus-visible{box-shadow:0 0 0 1px var(--brand), 0 0 0 5px #f3802059}.dial.is-dragging .dial-track,.dial.is-dragging .dial-knob{cursor:grabbing}.dial.is-empty .dial-needle,.dial.is-empty .dial-knob,.dial.is-empty .dial-pin{display:none}.dial-flag{border-radius:var(--radius-medium);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:start;background:#181e29db;border:1px solid #ffffff14;width:max-content;max-width:min(100%,340px);padding:14px 16px;position:absolute;top:0;left:0;box-shadow:0 18px 40px #00000059}.flag-place{align-items:baseline;gap:12px;display:flex}.flag-name{font-size:var(--type-title3-size);font-weight:700}.flag-time{font-size:var(--type-title3-size);color:var(--brand);font-feature-settings:"tnum" 1;font-weight:700}.flag-counts{font-size:var(--type-callout-size);color:var(--muted);margin:3px 0 0}.flag-actions{gap:8px;margin-top:12px;display:flex}.flag-action{gap:8px;min-height:36px;padding:7px 14px;font-weight:600}.flag-action svg{width:18px;height:18px}.flag-action.primary svg{color:var(--on-brand)}@media (max-width:700px){.dial-hour[data-major=false]{display:none}.dial-flag{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;width:auto;max-width:none;margin-top:4px;display:grid;position:relative}.flag-counts{grid-column:1}.flag-actions{flex-direction:column;grid-area:1/2/span 2;margin-top:0}.flag-action{min-height:34px}}@media (prefers-reduced-motion:reduce){.dial-pin{transition:none}.dial-pin:after{opacity:0;animation:none}}.dial-hint{border-radius:var(--radius-small);background:var(--brand);color:var(--on-brand);white-space:nowrap;pointer-events:none;animation:hint-nudge 2.4s var(--ease-standard) infinite;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.dial-hint:after{content:"";border:5px solid #0000;border-top-color:var(--brand);margin-left:-5px;position:absolute;top:100%;left:50%}@keyframes hint-nudge{0%,to{transform:translate(-50%)}50%{transform:translate(calc(6px - 50%))}}@media (prefers-reduced-motion:reduce){.dial-hint{animation:none}}.search-field{margin-top:18px;position:relative}.search-field input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-medium);width:100%;height:52px;font-size:var(--type-body-size);transition:border-color var(--motion-fast), box-shadow var(--motion-fast);padding:0 16px 0 48px}html[dir=rtl] .search-field input{padding:0 48px 0 16px}.search-field input::placeholder{color:var(--muted)}.search-field input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #f3802024}.search-icon{inset-inline-start:16px;width:20px;height:20px;color:var(--muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.country-hero{background:linear-gradient(120deg, var(--surface), #181e2999);border:1px solid var(--border);border-radius:var(--radius-large);min-height:148px;color:var(--foreground);transition:border-color var(--motion-standard) var(--ease-standard);align-items:center;margin-top:16px;padding:22px 24px;display:flex}.country-hero:hover{filter:none;border-color:#f3802080}.country-hero .hero-text{gap:6px}.country-hero .hero-label{font-size:var(--type-caption-size);color:var(--muted);opacity:1;letter-spacing:.08em;text-transform:uppercase;font-weight:600}html[lang=ar] .country-hero .hero-label{letter-spacing:0}.hero-value-line{align-items:baseline;gap:12px;min-width:0;display:flex}.country-hero .hero-value{letter-spacing:-.02em;font-size:clamp(24px,3vw,32px)}.hero-time{color:var(--brand);font-feature-settings:"tnum" 1;font-size:clamp(18px,2vw,22px);font-weight:700}.hero-change{font-size:var(--type-callout-size);color:var(--muted);transition:color var(--motion-fast);align-items:center;gap:6px;margin-top:4px;font-weight:600;display:inline-flex}.hero-change-icon{width:14px;height:14px}html[dir=rtl] .hero-change-icon{transform:scaleX(-1)}.country-hero:hover .hero-change{color:var(--brand)}.country-hero .scope-world{width:min(64%,620px)}.country-hero .world-land.is-day{stroke:#e2e6ed80}.country-hero .world-land.is-dusk{stroke:#ffba6766}.country-hero .world-land.is-night{stroke:#78808e3d}.country-hero .point-core{fill:var(--brand)}.country-hero .point-halo{fill:#f3802033}.country-hero .point-ring{stroke:var(--brand)}.country-hero .is-focused .point-halo{fill:#f3802038}.country-hero .is-quiet .point-core{fill:#f38020b3}.station{border-radius:var(--radius-small);transition:background var(--motion-fast)}.station-logo{border-radius:var(--radius-small)}.station-actions .icon-button{width:40px;height:40px;color:var(--muted);transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast), opacity var(--motion-fast);background:0 0}.station-actions .icon-button:hover{background:var(--raised);color:var(--foreground)}.station-actions .icon-button[aria-pressed=true]{color:var(--brand)}.station-actions .icon-button.primary{border:1.5px solid var(--border);color:var(--foreground);background:0 0}.station:hover .station-actions .icon-button.primary,.station:focus-within .station-actions .icon-button.primary,.station[data-active=true] .station-actions .icon-button.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}@media (hover:hover){.station-actions .icon-button:not(.primary):not([aria-pressed=true]){opacity:0}.station:hover .station-actions .icon-button,.station:focus-within .station-actions .icon-button{opacity:1}}.chip-row .filter-chip{border-radius:var(--radius-small);padding:8px 16px}.chip-row .filter-chip:not([aria-pressed=true]){background:0 0}.country-hero .is-focused .point-halo{r:1.9}.country-hero .is-focused .point-core{r:.75}.page-title{letter-spacing:-.03em;font-size:clamp(28px,3.4vw,40px)}html[lang=ar] .page-title{letter-spacing:0}.ctl,.transport-secondary,.option-square{width:var(--layout-control-small);height:var(--layout-control-small);border-radius:var(--radius-round);color:var(--foreground);transition:background var(--motion-fast), color var(--motion-fast), opacity var(--motion-fast);background:#ffffff14;border:0;flex-shrink:0;place-items:center;display:grid}.ctl svg,.transport-secondary svg,.option-square svg{width:21px;height:21px}.ctl:hover,.transport-secondary:hover:not(:disabled),.option-cell>button:hover .option-square{color:var(--foreground);background:#ffffff26;border:0}.ctl[aria-pressed=true],.ctl.is-favourite{color:var(--brand)}.transport-secondary:disabled{opacity:.35;color:var(--foreground);cursor:not-allowed}.ctl-medium{width:var(--layout-control-medium);height:var(--layout-control-medium)}.ctl-medium svg{width:24px;height:24px}.ctl:focus-visible,.transport-secondary:focus-visible,.transport-primary:focus-visible,.option-cell>button:focus-visible .option-square{outline:2px solid var(--brand);outline-offset:3px}.transport-primary{border:0;box-shadow:0 8px 22px #f3802047}.transport[data-size=regular] .transport-primary{width:64px;height:64px}.transport[data-size=regular] .transport-secondary{width:var(--layout-control-small);height:var(--layout-control-small)}.transport[data-size=large] .transport-primary{width:var(--layout-control-large);height:var(--layout-control-large)}.transport[data-size=large] .transport-secondary{width:var(--layout-control-medium);height:var(--layout-control-medium)}.option-square{width:48px;height:48px}.option-cell>button[data-active=true] .option-square{color:var(--brand);background:#f3802029}.transport[data-surface=true] .transport-secondary,.stage-overlay .ctl,.channel-stage>.ctl,.overlay-chips .option-square{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000073;border:0}.transport[data-surface=true] .transport-secondary:hover:not(:disabled),.stage-overlay .ctl:hover,.channel-stage>.ctl:hover{background:#0000009e}.overlay-chips .option-cell>button[data-active=true] .option-square{color:var(--brand);background:#f380204d}.transport,.volume-control,.option-row,.overlay-chips,.expanded-controls,.expanded-volume{direction:ltr}.option-label,.identity-title,.overlay-name{direction:inherit}html[dir=rtl] .option-label{direction:rtl}html[dir=rtl] .volume-end{transform:none}.expanded-head{gap:8px}.expanded-head .spacer{flex:1}.expanded-head .ctl{width:44px;height:44px}.expanded-head .ctl svg{width:22px;height:22px}.expanded-controls>.ctl{width:var(--layout-control-medium);height:var(--layout-control-medium)}.expanded-column{overscroll-behavior:contain;overflow-y:auto}.expanded-body{justify-content:safe center;gap:clamp(16px,3.5vh,28px);padding-block:8px}.expanded-art{width:min(72%,320px,36vh)}.expanded-name-slot{margin-top:0}.expanded-controls{margin-top:clamp(16px,3vh,28px)}@media (min-width:900px){.expanded-art{width:min(38vw,360px,58vh)}}.stage-back{z-index:5;top:max(12px, env(safe-area-inset-top));width:44px;height:44px;position:absolute;inset-inline-start:12px}.stage-back[hidden]{display:none}.identity-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.option-row{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));place-items:start center;gap:12px 8px;max-width:520px;margin:18px auto 0;display:grid}.option-row .option-cell{width:100%;max-width:none}.option-row .volume-control{grid-column:1/-1;justify-content:center;justify-self:stretch;gap:12px;padding-top:6px}.option-row .volume-slider{width:min(260px,60%)}.overlay-chips .volume-control{order:-1}.toast{z-index:120;left:50%;bottom:calc(var(--nav-height) + var(--nav-safe) + 18px);border-radius:var(--radius-medium);background:var(--foreground);color:var(--background);font-size:var(--type-callout-size);padding:11px 18px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #0006}.toast[hidden]{display:none}@media (min-width:861px){.toast{bottom:28px}}.pill-short{display:none}@media (max-width:600px){.pill-long{display:none}.pill-short{display:inline}.header-inner{gap:12px}.brand .wordmark{height:32px}.header-pill{max-width:36vw;padding:0 9px}.country-hero .scope-world{width:52%}}.control-bar{border-top:1px solid var(--border);direction:ltr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;margin-top:14px;padding:18px 0 20px;display:grid}.control-bar .panel-transport{border:0;margin:0;padding:0}.bar-start{justify-self:start;align-items:center;min-width:0;display:flex}.bar-end{justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.control-bar .volume-control{gap:10px}.control-bar .volume-slider{width:clamp(72px,12vw,140px)}.control-bar .option-row{align-items:flex-start;gap:6px;max-width:none;margin:0;display:flex}.control-bar .option-cell{width:auto;min-width:64px;max-width:84px}.control-bar .option-square{width:var(--layout-control-small);height:var(--layout-control-small)}.control-bar .option-square svg{width:19px;height:19px}.control-bar .option-label{font-size:10.5px}.control-bar .transport-primary{width:60px;height:60px}.more-wrap{display:none;position:relative}.more-menu{inset-inline-start:auto;min-width:200px;left:auto;right:0;transform:none}html[dir=rtl] .more-menu{transform:none}.menu-heading{font-size:var(--type-caption-size);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:6px 10px 2px;font-weight:600}html[lang=ar] .menu-heading{letter-spacing:0}@media (max-width:720px){.control-bar{gap:8px;padding:14px 0 16px}.control-bar .volume-slider,.control-bar .option-cell:not([data-control=full]){display:none}.control-bar .option-cell{min-width:0}.control-bar .option-label{display:none}.control-bar .option-row{gap:0}.more-wrap{display:block}.control-bar .transport{gap:12px}.control-bar .transport-primary{width:56px;height:56px}}.control-bar .option-row{flex-wrap:nowrap}.control-bar .option-cell{flex:none}@media (max-width:720px){.control-bar .ctl,.control-bar .transport-secondary,.control-bar .option-square{width:36px;height:36px}.control-bar .ctl svg,.control-bar .transport-secondary svg,.control-bar .option-square svg{width:18px;height:18px}.control-bar .transport{gap:10px}.control-bar .transport-primary{width:52px;height:52px}.bar-end{gap:6px}.control-bar .transport[data-size] .transport-secondary{width:36px;height:36px}.control-bar .transport[data-size] .transport-primary{width:52px;height:52px}.control-bar .option-cell>button{width:auto}}.control-bar .transport[data-size] .transport-primary{width:60px;height:60px}@media (max-width:720px){.control-bar .transport[data-size] .transport-primary{width:52px;height:52px}}.account-pill{padding:0 8px}.account-initial{width:24px;height:24px;color:var(--brand);background:#f380202e;border-radius:50%;place-items:center;font-size:12.5px;font-weight:700;display:inline-grid}.account-panel{z-index:80;background:var(--background);padding:max(16px, env(safe-area-inset-top)) var(--gutter) max(24px, env(safe-area-inset-bottom));position:fixed;inset:0;overflow-y:auto}.account-panel[hidden]{display:none}.account-inner{max-width:440px;margin:0 auto;padding-top:40px;position:relative}.account-close{top:0;position:absolute;inset-inline-end:-6px}.account-form{gap:16px;display:grid}.account-title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700}html[lang=ar] .account-title{letter-spacing:0}.account-intro{color:var(--muted);margin:0;line-height:1.55}.account-field{gap:6px;display:grid}.account-field>span{color:var(--muted);font-size:13px;font-weight:600}.account-field input{border-radius:var(--radius-medium);background:var(--surface);border:1px solid var(--border);height:48px;color:var(--foreground);padding:0 14px;font-size:16px}.account-field input:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 4px #f3802024}.account-field small{color:var(--muted);font-size:12.5px}.account-error{min-height:1.2em;color:var(--secondary);margin:0;font-size:13.5px}.account-error[data-tone=ok]{color:#7dd3a0}.account-submit{height:48px;font-size:15px}.account-links{justify-items:center;gap:10px;margin-top:22px;display:grid}.account-link{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:4px;font-size:14px;font-weight:600}.account-link:hover{text-decoration:underline}.account-code-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account-code{border-radius:var(--radius-medium);text-align:center;background:var(--surface);letter-spacing:.08em;-webkit-user-select:all;user-select:all;border:1px dashed #f3802099;flex:1;padding:16px;font:600 20px/1 ui-monospace,SF Mono,Menlo,monospace}.account-manage{gap:16px;display:grid}.account-who{align-items:center;gap:14px;display:flex}.account-who>div{flex:1;min-width:0}.account-who .account-title{overflow-wrap:anywhere;font-size:19px}.account-avatar{width:48px;height:48px;color:var(--brand);background:#f3802029;border-radius:50%;flex-shrink:0;place-items:center;font-size:20px;font-weight:700;display:grid}.account-sync{color:var(--muted);margin:2px 0 0;font-size:13px}.account-subtitle{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:8px 0 -6px;font-size:13px;font-weight:600}html[lang=ar] .account-subtitle{letter-spacing:0;text-transform:none}.account-devices{border:1px solid var(--border);border-radius:var(--radius-medium);margin:0;padding:0;list-style:none}.account-devices li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.account-devices li:last-child{border-bottom:0}.account-devices li>div{gap:2px;min-width:0;display:grid}.account-devices small{color:var(--muted);font-size:12.5px}.account-this{color:#7dd3a0;white-space:nowrap;font-size:12.5px;font-weight:600}.account-section{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface)}.account-section>summary{cursor:pointer;padding:14px 16px;font-weight:600;list-style:none}.account-section>summary::-webkit-details-marker{display:none}.account-section>summary:after{content:"+";float:inline-end;color:var(--muted)}.account-section[open]>summary:after{content:"−"}.account-section.danger>summary{color:var(--secondary)}.account-mini{gap:12px;padding:0 16px 16px;display:grid}.account-hint{color:var(--muted);margin:0;font-size:13px}.account-signout{justify-items:start;gap:6px;display:grid}.account-signout small{color:var(--muted);font-size:12.5px}.button.danger{color:var(--secondary);background:0 0;border-color:#ffba6780}.account-tv{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface);align-items:center;gap:14px;margin-top:12px;padding:14px;display:flex}.account-tv>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.account-tv small{color:var(--muted)}.account-tv-icon{background:var(--raised);width:40px;height:40px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:inline-grid}.account-tv-icon svg{width:22px;height:22px}.account-tv-icon.large{width:64px;height:64px;margin-bottom:8px}.account-tv-icon.large svg{width:34px;height:34px}.account-tv-code{letter-spacing:.12em;text-align:center;text-transform:uppercase;font:600 28px/1.2 ui-monospace,SF Mono,Menlo,monospace}@media (max-width:480px){.account-tv{flex-wrap:wrap}.account-tv .button{width:100%}}.doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 28px;display:grid}.door{border-radius:var(--radius-large);background:linear-gradient(180deg, var(--raised), var(--surface));min-height:190px;color:var(--foreground);border:1px solid var(--border);flex-direction:column;justify-content:flex-end;padding:20px 22px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.door:hover,.door:focus-visible{border-color:var(--brand);transform:translateY(-2px)}.door:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.door-art{width:calc(100% - 32px);height:52%;position:absolute;inset:14px 16px auto}.door-title{font-size:26px;font-weight:700;line-height:1.2;position:relative}.door-count{color:var(--muted);margin-top:2px;font-size:14px;position:relative}.door-art .tick{stroke:var(--muted);stroke-opacity:.45;stroke-width:2px}.door-art .tick-major{stroke:#fff;stroke-opacity:.55;stroke-width:2.6px}.door-art .needle{stroke:var(--brand);stroke-width:4px;stroke-linecap:round}.door-art .needle-glow{stroke:var(--brand);stroke-opacity:.25;stroke-width:14px;stroke-linecap:round}.door-art .needle-dot{fill:var(--brand)}.door-art .prog{fill:#fff;fill-opacity:.1}.door-art .prog-live{fill:var(--brand);fill-opacity:.32}.door-art .prog-now{fill:var(--brand);fill-opacity:.85}.door:hover .needle-glow{stroke-opacity:.4}@media (max-width:560px){.doors{gap:10px}.door{min-height:150px;padding:14px}.door-title{font-size:20px}.door-count{font-size:12px}}@media (prefers-reduced-motion:reduce){.door{transition:none}.door:hover{transform:none}}