:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-pixel: "Syne", sans-serif;--font-serif: "EB Garamond", "Garamond", Georgia, "Times New Roman", serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--bg-dark-base: #faf8f3;--background: var(--bg-dark-base);--bg-dark-card: #ffffff;--bg-dark-glass: rgba(255, 255, 255, .9);--color-ink: #000000;--border-thin: 1px solid var(--color-ink);--border-control: 2px solid var(--color-ink);--border-emphasis: 3px solid var(--color-ink);--shadow-control: 2px 2px 0 var(--color-ink);--shadow-card: 4px 4px 0 var(--color-ink);--shadow-feature: 7px 7px 0 var(--color-ink);--radius-control: 14px;--radius-card: 20px;--radius-feature: 28px;--radius-pill: 999px;--color-primary: #000000;--border-glass: #000000;--border-focus: #000000;--border-neo: var(--border-emphasis);--border-neo-thin: var(--border-control);--shadow-neo: var(--shadow-card);--shadow-neo-hover: var(--shadow-feature);--shadow-neo-sm: var(--shadow-control);--shadow-premium: var(--shadow-neo);--radius-lg: var(--radius-feature);--radius-md: var(--radius-card);--radius-sm: var(--radius-control);--color-green: #10b981;--color-orange: #ff5722;--color-purple: #7a82f6;--color-yellow: #ffd600;--color-blue: #38bdf8;--color-light-cream: #f4f0e6;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #666666;--color-accent: var(--color-purple);--color-accent-amber: var(--color-orange);--grid-dot-color: rgba(0, 0, 0, .08);--transition-smooth: all .35s cubic-bezier(.16, 1, .3, 1);--header-bg: rgba(250, 248, 243, .9);--header-border: var(--color-ink);--header-text: var(--color-ink);--header-focus: var(--color-orange)}:root[data-theme=dark]{--bg-dark-base: #0a0a0c;--bg-dark-card: #18181c;--bg-dark-glass: rgba(24, 24, 28, .9);--color-ink: #ffffff;--color-primary: #ffffff;--border-glass: #ffffff;--border-focus: #ffffff;--border-neo: var(--border-emphasis);--border-neo-thin: var(--border-control);--shadow-neo: var(--shadow-card);--shadow-neo-hover: var(--shadow-feature);--shadow-neo-sm: var(--shadow-control);--color-green: #10b981;--color-yellow: #ffd600;--color-blue: #00b0ff;--color-light-cream: #27272a;--color-text-primary: #ffffff;--color-text-secondary: #e4e4e7;--color-text-muted: #a1a1aa;--grid-dot-color: rgba(255, 255, 255, .1);--header-bg: rgba(24, 24, 28, .9);--header-border: var(--color-ink);--header-text: var(--color-ink);--header-focus: var(--color-orange)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1.125rem;color:var(--color-text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(var(--grid-dot-color) 1.5px,transparent 1.5px);background-size:24px 24px;background-color:var(--bg-dark-base)}.crt-overlay,.crt-flicker{display:none!important}h1,h2,h3,h4{font-family:var(--font-pixel);font-weight:800;letter-spacing:-.02em;line-height:1.2;text-transform:none;color:var(--color-text-primary)}a{color:inherit;text-decoration:none}button,input{font-family:inherit}.app-wrapper{position:relative;width:100%;min-height:100vh;isolation:isolate}.app-container{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;gap:2.5rem;z-index:10;position:relative}.app-header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--color-primary)}.app-logo{display:flex;align-items:center;gap:.85rem}.app-logo-icon{width:3.25rem;height:3.25rem;background:var(--color-yellow);border:var(--border-neo);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.75rem;box-shadow:var(--shadow-neo-sm);transform:rotate(-3deg);transition:var(--transition-smooth)}.app-logo:hover .app-logo-icon{transform:rotate(3deg) scale(1.05)}.app-logo-text{font-family:var(--font-pixel);font-weight:800;font-size:1.75rem;color:var(--color-primary);text-shadow:0 0 4px rgba(255,255,255,.55),0 0 12px rgba(255,255,255,.35),0 0 22px rgba(255,255,255,.18)}.app-logo-tagline{font-size:.875rem;color:var(--color-text-muted);font-weight:500;display:block;margin-top:.15rem}.glass-card{background:var(--bg-dark-card);border:var(--border-neo);border-radius:var(--radius-lg);box-shadow:var(--shadow-neo);transition:var(--transition-smooth);overflow:hidden}.glass-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-neo-hover)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.dashboard-grid{grid-template-columns:360px 1fr 360px;align-items:start}}.layout-col{display:flex;flex-direction:column;gap:1.5rem}.search-box{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center;border-radius:var(--radius-md)}.search-input{width:100%;padding:1rem 1.25rem 1rem 3.25rem;background:transparent;border:none;border-radius:inherit;color:#0a0a0a;font-size:1.125rem;outline:none;font-family:var(--font-sans);font-weight:500;transition:background .3s ease}.search-input::placeholder{color:#0a0a0a66;font-weight:500}.search-input:focus{background:#ffffff0f}html[data-theme=dark] .search-input{color:#f8fafc}html[data-theme=dark] .search-input::placeholder{color:#f8fafc66}html[data-theme=dark] .search-input:focus{background:#ffffff0a}.search-icon{position:absolute;left:1.25rem;color:#0a0a0a;pointer-events:none;font-size:1.35rem;display:flex;align-items:center;opacity:.55}html[data-theme=dark] .search-icon{color:#f8fafc;opacity:.55}.search-loader{position:absolute;right:1.25rem;width:1.25rem;height:1.25rem;border:3px solid var(--color-light-cream);border-top-color:var(--color-primary);border-radius:50%;animation:spin-loader .8s linear infinite}@keyframes spin-loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:100;max-height:250px;overflow-y:auto;padding:.5rem;background:#ffffff8c;border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-md);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 8px 24px #0f172a1f}html[data-theme=dark] .search-results{background:#0f172aa6;border-color:#ffffff14;box-shadow:0 8px 24px #0006}.search-result-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:var(--radius-sm);color:#0a0a0a;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.25rem;font-family:var(--font-sans);transition:background .2s ease}.search-result-item:hover,.search-result-item:focus{background:#fff6;outline:none}html[data-theme=dark] .search-result-item{color:#f8fafc}html[data-theme=dark] .search-result-item:hover,html[data-theme=dark] .search-result-item:focus{background:#ffffff14}.search-result-name{font-weight:700;font-size:1.1rem}.search-result-desc{font-size:.875rem;color:var(--color-text-muted)}.weather-panel{padding:2rem;display:flex;flex-direction:column}.panel-title{font-family:var(--font-pixel);font-weight:700;font-size:.875rem;color:var(--color-text-muted);margin-bottom:1.5rem;display:flex;align-items:center;gap:.6rem;text-transform:uppercase}.city-display{margin-bottom:1.5rem;border-bottom:2px solid var(--color-primary);padding-bottom:1rem}.city-name{font-size:2.25rem;font-weight:800;font-family:var(--font-pixel);color:var(--color-primary);letter-spacing:-.02em}.city-region{font-size:.95rem;font-weight:600;color:var(--color-text-muted);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.temp-main{font-size:5rem;font-weight:800;font-family:var(--font-pixel);line-height:1;display:flex;align-items:flex-start;gap:.25rem;margin-bottom:1rem;letter-spacing:-.04em}.temp-unit{font-size:2.25rem;color:var(--color-orange)}.weather-desc{font-size:1.25rem;font-weight:700;color:#000;margin-bottom:1.5rem;background:var(--color-yellow);border:var(--border-neo-thin);padding:.5rem 1rem;border-radius:var(--radius-pill);display:inline-block;align-self:flex-start;box-shadow:var(--shadow-neo-sm);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.weather-grid-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;border-top:2px solid var(--color-primary);padding-top:1.5rem}.stat-item{display:flex;flex-direction:column;background:var(--color-light-cream);border:var(--border-neo-thin);border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:var(--shadow-neo-sm)}.stat-label{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.stat-value{font-size:1.25rem;font-weight:800;font-family:var(--font-mono)}.bridge-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;min-height:380px;position:relative;background:var(--bg-dark-card);border:var(--border-neo);border-radius:var(--radius-lg);box-shadow:var(--shadow-neo)}.bridge-svg-container{width:100%;height:240px;position:relative}.bridge-svg{width:100%;height:100%}.bridge-cities-row{display:flex;width:100%;justify-content:space-between;z-index:10;margin-top:1.5rem;gap:1rem}.bridge-city-card{text-align:center;padding:.65rem 1.25rem;background:#fff;border:var(--border-neo);border-radius:var(--radius-pill);font-weight:700;font-size:.95rem;text-transform:uppercase;box-shadow:var(--shadow-neo-sm)}.bridge-city-card.source{background:var(--color-orange);color:#fff}.bridge-city-card.matched{background:var(--color-purple);color:#fff}.match-score-badge{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:var(--color-yellow);border:var(--border-neo);border-radius:50%;box-shadow:var(--shadow-neo);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;color:#000}.match-score-val{font-size:2.25rem;font-weight:800;line-height:1;font-family:var(--font-pixel)}.match-score-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#333;margin-top:.25rem}.radio-card{overflow:hidden;isolation:isolate}.radio-card__energy-orb{position:absolute;top:52%;right:-160px;width:320px;height:320px;margin-top:-160px;z-index:0;pointer-events:none;border-radius:50%;overflow:hidden;opacity:.25;transition:opacity .7s ease;background:transparent;box-shadow:none}.radio-card__energy-orb--secondary{top:auto;bottom:-40px;left:-120px;right:auto;width:240px;height:240px;margin:0}.radio-card__energy-orb--tertiary{top:-40px;bottom:auto;left:-60px;right:auto;width:240px;height:240px;margin:0}.radio-card__energy-orb:not(.radio-card__energy-orb--secondary) .radio-card__energy-blob{width:40%;height:40%;top:22%}.radio-card.radio-card--playing .radio-card__energy-orb{opacity:.5}html[data-theme=light] .radio-card__energy-orb{opacity:.3}html[data-theme=light] .radio-card.radio-card--playing .radio-card__energy-orb{opacity:.55}.radio-card>.card-header,.radio-card>.card-content,.radio-card>.card-state-idle,.radio-card>.card-state-error{position:relative;z-index:1}.radio-card__energy-blob{position:absolute;width:50%;height:50%;top:0%;left:15%;border-radius:50% 42% 58% 48%;background:radial-gradient(circle at 40% 28%,#c8aafff2,#9664f0e6,#6e32c8c7 68%,#3c1e782e);--blob-morph-duration: 12s;--blob-spin-duration: 15s;--blob-saturation: .55;filter:blur(1.5px) saturate(var(--blob-saturation));transition:width .7s ease,height .7s ease,top .7s ease,filter .7s ease;animation:radio-energy-morph var(--blob-morph-duration) ease-in-out infinite,radio-energy-spin var(--blob-spin-duration) ease-in-out infinite}html[data-theme=light] .radio-card__energy-blob{background:radial-gradient(circle at 40% 28%,#b4d7ffd9,#78aff0c7,#4678d79e 68%,#28468c26);--blob-saturation: .45}html[data-theme=light] .radio-card.radio-card--playing .radio-card__energy-blob{--blob-saturation: .85}.radio-card.radio-card--playing .radio-card__energy-blob{--blob-morph-duration: 5s;--blob-spin-duration: 6.5s;--blob-saturation: 1.15;width:60%;height:60%}.radio-card.radio-card--playing .radio-card__energy-orb:not(.radio-card__energy-orb--secondary) .radio-card__energy-blob{width:50%;height:50%}@keyframes radio-energy-morph{0%,to{border-radius:52% 40% 58% 46%}33%{border-radius:36% 64% 44% 58%}66%{border-radius:62% 38% 56% 42%}}@keyframes radio-energy-spin{0%{transform:translate(-2%,2%) rotate(0) scale(.98)}35%{transform:translate(5%,-4%) rotate(130deg) scale(1.08)}70%{transform:translate(-4%,5%) rotate(260deg) scale(1.03)}to{transform:translate(-2%,2%) rotate(360deg) scale(.98)}}@media (prefers-reduced-motion: reduce){.radio-card__energy-orb{transition:none;opacity:.22}.radio-card.radio-card--playing .radio-card__energy-orb{opacity:.32}html[data-theme=light] .radio-card__energy-orb{opacity:.25}html[data-theme=light] .radio-card.radio-card--playing .radio-card__energy-orb{opacity:.38}.radio-card__energy-blob{animation:none!important}}.radio-panel{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;min-width:0}.player-header{display:flex;align-items:center;gap:1.25rem;border-bottom:1px solid rgba(15,23,42,.08);padding-bottom:1.5rem;min-width:0}html[data-theme=dark] .player-header{border-bottom-color:#ffffff14}.station-icon{width:4rem;height:4rem;border-radius:50%;background:radial-gradient(circle at center,#ffffff14,#00000080 14%,#000000d9 16%,#1f2937f2 28%,#0f172a 60%,#000);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;overflow:hidden;position:relative;animation:vinyl-spin 5s linear infinite;box-shadow:0 4px 14px #00000059,inset 0 0 0 1px #ffffff14}.station-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 4px,rgba(255,255,255,.05) 4px 5px);pointer-events:none;z-index:1}.station-icon:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;background:#000;border-radius:50%;transform:translate(-50%,-50%);z-index:3;box-shadow:0 0 0 1px #ffffff1f,inset 0 0 0 1px #000c}.station-img{width:36%;height:36%;object-fit:cover;border-radius:50%;z-index:2;position:relative;box-shadow:0 0 0 1.5px #0009,0 0 0 3px #ffffff0d}.station-icon>svg{width:38%;height:38%;z-index:2;position:relative;color:#ffffffbf;filter:drop-shadow(0 0 4px rgba(255,255,255,.2))}.station-icon-brand{width:42%;height:42%;border-radius:50%;background:linear-gradient(135deg,#6ee7b7,#34d399,#047857);z-index:2;position:relative;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-sans);font-weight:800;font-size:.95rem;letter-spacing:-.02em;box-shadow:0 0 0 1.5px #0009,0 0 0 3px #ffffff0d,inset 0 1px #ffffff4d;text-shadow:0 1px 2px rgba(0,0,0,.25)}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.station-icon{animation:none}}.player-info{display:flex;flex-direction:column;min-width:0;gap:.2rem}.station-name{font-size:1.4rem;font-weight:800;font-family:var(--font-sans);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary);letter-spacing:-.02em}.station-meta{font-size:.875rem;font-weight:500;color:var(--color-text-muted);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans)}.playback-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem}.btn-player{background:transparent;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none;border-radius:50%;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.btn-player:hover{transform:translateY(-1px);filter:drop-shadow(0 0 6px rgba(255,255,255,.85)) drop-shadow(0 0 14px rgba(255,255,255,.55))}.btn-player:active{transform:translateY(0)}.btn-player.disabled{opacity:.4;pointer-events:none;box-shadow:none!important;transform:none!important}.btn-main{width:4.5rem;height:4.5rem;font-size:1.75rem}.btn-main.playing{filter:drop-shadow(0 0 6px rgba(255,255,255,.85)) drop-shadow(0 0 14px rgba(255,255,255,.55))}.btn-sec{width:3.25rem;height:3.25rem;font-size:1.25rem}.playback-status-badge{text-align:center;font-size:.85rem;font-weight:600;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);letter-spacing:.01em}.status-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--color-text-muted);box-shadow:0 0 8px #0000001a}html[data-theme=dark] .status-dot{box-shadow:0 0 8px #0006}.status-dot.playing{background:var(--color-green);animation:blink 1.2s ease-in-out infinite;box-shadow:0 0 10px #10b98180}.status-dot.loading{background:var(--color-yellow);animation:blink .6s ease-in-out infinite;box-shadow:0 0 10px #ffd60080}@keyframes blink{0%,to{opacity:.4}50%{opacity:1}}.station-list-container{display:flex;flex-direction:column;gap:.85rem;border-top:1px solid rgba(15,23,42,.06);padding-top:1.5rem;min-width:0}html[data-theme=dark] .station-list-container{border-top-color:#ffffff0f}.station-list-header{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-family:var(--font-sans)}.station-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto;padding-right:.25rem;min-width:0;scrollbar-width:thin;scrollbar-color:rgba(199,210,254,.3) transparent}.station-list::-webkit-scrollbar{width:6px}.station-list::-webkit-scrollbar-track{background:transparent}.station-list::-webkit-scrollbar-thumb{background:#c7d2fe42;border-radius:999px}.station-list::-webkit-scrollbar-thumb:hover{background:#c7d2fe66}html[data-theme=light] .station-list{scrollbar-color:rgba(71,85,105,.32) transparent}html[data-theme=light] .station-list::-webkit-scrollbar-thumb{background:#47556947}html[data-theme=light] .station-list::-webkit-scrollbar-thumb:hover{background:#47556970}.station-item-btn{width:100%;min-width:0;padding:.7rem .95rem;background:#fff6;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-control);color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-align:left;font-family:var(--font-sans);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #ffffff80,0 0 0 1px #0f172a0f;transition:transform .25s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}html[data-theme=dark] .station-item-btn{background:#0f172a66;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.station-item-btn:hover{transform:translateY(-1px);background:#fff9;box-shadow:inset 0 1px #ffffffb3,0 6px 20px #0f172a14,0 0 0 1px #0f172a14}html[data-theme=dark] .station-item-btn:hover{background:#0f172a99;box-shadow:inset 0 1px #ffffff0f,0 6px 20px #00000040,0 0 0 1px #ffffff1a}.station-item-btn.active{background:#8b5cf62e;border-color:#8b5cf673;color:var(--color-text-primary);box-shadow:inset 1px 1px #ffffff4d,0 0 0 1px #8b5cf633}.station-item-btn.active .station-item-desc{color:var(--color-text-muted)}.station-item-title{font-weight:700;font-size:.95rem;min-width:0;flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);color:var(--color-text-primary)}.station-item-desc{font-size:.8rem;font-weight:600;color:var(--color-text-muted);font-family:var(--font-sans);font-variant-numeric:tabular-nums;flex:0 0 auto;white-space:nowrap}.diagnostic-container,.diagnostic-container.glass-card{margin-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;background:transparent;border:none;box-shadow:none;border-radius:0;overflow:visible;padding:0}.diagnostic-container.glass-card:hover{transform:none;box-shadow:none}.diagnostic-trigger{background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:var(--color-text-primary);padding:.5rem 1.1rem;cursor:pointer;font-size:.95rem;font-weight:700;font-family:var(--font-sans);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;letter-spacing:-.01em;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80;transition:transform .25s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}html[data-theme=dark] .diagnostic-trigger{background:#ffffff1a;border-color:#ffffff24;box-shadow:0 1px 2px #0003,0 8px 32px #00000040,inset 0 1px #ffffff1a}.diagnostic-trigger:hover{transform:translateY(-1px);background:#ffffff40;box-shadow:0 1px 2px #0f172a0d,0 12px 40px #0f172a1a,inset 0 1px #fff9}html[data-theme=dark] .diagnostic-trigger:hover{background:#ffffff29;box-shadow:0 1px 2px #00000040,0 12px 40px #0000004d,inset 0 1px #ffffff26}.diagnostic-panel{margin-top:.44rem;width:100%;max-width:420px;padding:.55rem .66rem;background:#ffffff26;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-card);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80;display:flex;flex-direction:column;gap:.44rem;font-size:.79rem;font-family:var(--font-sans)}html[data-theme=dark] .diagnostic-panel{background:#ffffff1a;border-color:#ffffff24;box-shadow:0 1px 2px #0003,0 8px 32px #00000040,inset 0 1px #ffffff1a}.diagnostic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.33rem}.diagnostic-group{display:flex;flex-direction:column;gap:.055rem;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-control);padding:.275rem .385rem}html[data-theme=dark] .diagnostic-group{background:#0f172a4d;border-color:#ffffff0f}.diagnostic-label{font-size:.605rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-sans)}.diagnostic-value{font-weight:700;font-size:.77rem;color:var(--color-text-primary);font-family:var(--font-sans);font-variant-numeric:tabular-nums}.diagnostic-value.highlight{color:var(--color-accent)}.diagnostic-code{background:#0f172a0f;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-control);padding:1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;max-height:150px}html[data-theme=dark] .diagnostic-code{background:#ffffff0a;border-color:#ffffff14}.contrib-bar-wrapper{display:flex;flex-direction:column;gap:.22rem;margin-top:.11rem}.contrib-bar-row{display:flex;align-items:center;gap:.55rem}.contrib-bar-lbl{width:99px;font-size:.75rem;font-weight:600;white-space:nowrap;font-family:var(--font-sans);color:var(--color-text-primary)}.contrib-bar-container{flex-grow:1;height:4px;background:#0f172a14;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-pill);overflow:hidden;position:relative}html[data-theme=dark] .contrib-bar-container{background:#ffffff0f;border-color:#ffffff14}.contrib-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-purple) 0%,#a78bfa 100%);border-radius:var(--radius-pill);box-shadow:0 0 8px #8b5cf64d;transition:width .4s cubic-bezier(.22,1,.36,1)}.contrib-bar-fill.weighted{background:linear-gradient(90deg,var(--color-orange) 0%,#fb923c 100%);box-shadow:0 0 8px #ff57224d}.contrib-bar-val{font-size:.75rem;font-weight:700;font-family:var(--font-sans);color:var(--color-text-primary);width:35px;text-align:right;font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7d2fe42;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#c7d2fe66}::-webkit-scrollbar-corner{background:transparent}html{scrollbar-width:thin;scrollbar-color:rgba(199,210,254,.3) transparent}html[data-theme=light] ::-webkit-scrollbar-thumb{background:#47556947}html[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#47556970}html[data-theme=light]{scrollbar-color:rgba(71,85,105,.32) transparent}.error-alert-banner{background:#fee2e2;border:var(--border-neo);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-neo);margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.error-alert-title{font-family:var(--font-pixel);font-weight:800;font-size:.875rem;color:#b91c1c;text-transform:uppercase}.error-alert-msg{color:#7f1d1d;font-size:1rem;font-weight:600}.btn-retry{align-self:flex-start;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:700;background:var(--bg-dark-card);border:var(--border-neo-thin);border-radius:var(--radius-pill);color:var(--color-primary);cursor:pointer;box-shadow:var(--shadow-neo-sm);transition:var(--transition-smooth)}.btn-retry:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-neo-hover)}.btn-retry:active{transform:translate(1px,1px)}.hero-section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem;position:relative;overflow:hidden}.hero-logo{font-size:4.5rem;margin-bottom:2rem;animation:float 4s ease-in-out infinite}.hero-tagline{font-family:var(--font-sans);font-size:clamp(2rem,5vw,3.75rem);font-weight:800;font-style:normal;line-height:1.12;max-width:900px;margin:0 auto 9.5rem;color:#0a0a0a;letter-spacing:-.015em}html[data-theme=dark] .hero-tagline{color:#f8fafc}.hero-tagline-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .95rem;border-radius:999px;font-family:var(--font-sans);font-size:.65em;font-weight:800;font-style:normal;letter-spacing:.01em;text-transform:none;transform:none;margin:0 .15rem;line-height:1.3;vertical-align:baseline;position:relative;isolation:isolate;transition:filter .2s ease,transform .3s ease}.hero-tagline-badge:before{content:"";position:absolute;top:-.15rem;right:-.4rem;bottom:-.15rem;left:-.4rem;background:currentColor;opacity:.15;border-radius:999px;z-index:-1;filter:blur(10px)}html[data-theme=dark] .hero-tagline-badge:before{top:-.25rem;right:-.6rem;bottom:-.25rem;left:-.6rem;opacity:.35;filter:blur(16px)}html[data-theme=dark] .hero-tagline-badge.flag-green{color:#2e7d32;background:#c8e6c9d9;border-color:#2e7d32}.hero-tagline-badge:hover{filter:brightness(.97);transform:translateY(-2px)}@keyframes float-soft{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(1.5px,-2.5px) rotate(.5deg)}50%{transform:translateY(-3px) rotate(0)}75%{transform:translate(-1.5px,-2.5px) rotate(-.5deg)}}.hero-tagline-badge.saffron{color:#df4c27;background:#fbe4dbd9;border:1.5px solid rgba(223,76,39,.6);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #ffffff80,0 2px 8px #df4c271a;animation:float-soft 4.5s ease-in-out infinite}.hero-tagline-badge.indigo{color:#312fa8;background:#ecebf5d9;border:1.5px solid rgba(49,47,168,.6);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #ffffff80,0 2px 8px #312fa81a;animation:float-soft 5.2s ease-in-out infinite;animation-delay:-1.6s}.hero-tagline-badge.flag-green{color:#06441c;background:#d4e8dcd9;border:1.5px solid rgba(6,68,28,.6);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #ffffff80,0 2px 8px #06441c1a;animation:float-soft 4s ease-in-out infinite;animation-delay:-2.8s}@media (prefers-reduced-motion: reduce){.hero-tagline-badge.saffron,.hero-tagline-badge.indigo,.hero-tagline-badge.flag-green{animation:none}}.hero-subtagline{font-family:var(--font-pixel);font-size:clamp(.85rem,1.6vw,1rem);font-weight:400;color:var(--color-text-secondary);max-width:700px;margin:0 auto 3.5rem;line-height:1.5}.hero-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--color-text-muted);font-size:.875rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.hero-scroll-icon{width:28px;height:44px;border:var(--border-neo);border-radius:var(--radius-pill);position:relative;background:var(--bg-dark-card);box-shadow:var(--shadow-neo-sm)}.hero-scroll-icon:after{content:"";width:6px;height:6px;background:var(--color-primary);border-radius:50%;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll-dot-modern 1.8s ease-in-out infinite}@keyframes scroll-dot-modern{0%{top:8px;opacity:1}50%{top:24px;opacity:.2}to{top:8px;opacity:1}}.swoop-left-animated,.swoop-right-animated,.zoom-fade-animated{animation:none!important}.welcome-card{padding:3.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.welcome-card span{transform:scale(1.2)}.transition-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border:var(--border-neo);border-radius:var(--radius-lg);text-align:center;padding:2rem}.mode-selector{position:relative;display:flex;justify-content:center;background:#ffffff3d;border:1px solid rgba(255,255,255,.38);border-radius:var(--radius-pill);padding:.35rem;width:100%;margin-top:1rem;overflow:hidden;backdrop-filter:blur(5px) saturate(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.05);box-shadow:inset 1px 1px #ffffff70,inset -1px -1px #48607014}.mode-selector-indicator-wrap{position:absolute;top:.35rem;bottom:.35rem;left:0;z-index:0;pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1)}.mode-selector-indicator{display:block;width:100%;height:100%;background:radial-gradient(circle at 35% 30%,#b4d7ffd9,#78aff0bf,#4678d78c);border:1px solid rgba(150,190,245,.55);border-radius:var(--radius-pill);box-shadow:inset 0 1px #dcebffbf,0 0 10px #78aff073,0 0 20px #78aff040;transform-origin:center center}.mode-selector-indicator.is-morphing{animation:liquid-morph .5s cubic-bezier(.22,1,.36,1)}@keyframes liquid-morph{0%{transform:scaleX(1) scaleY(1);opacity:.35}25%{transform:scaleX(1.18) scaleY(.88);opacity:.45}55%{transform:scaleX(.92) scaleY(1.1);opacity:.55}80%{transform:scaleX(1.04) scaleY(.97);opacity:.8}to{transform:scaleX(1) scaleY(1);opacity:1}}.mode-btn{position:relative;z-index:1;flex:1;padding:.65rem 1.25rem;font-family:var(--font-sans);font-weight:700;font-size:.875rem;text-transform:uppercase;cursor:pointer;background:transparent;color:#0a0a0a;opacity:.55;border:none;border-radius:var(--radius-pill);transition:opacity .3s ease,color .3s ease}.mode-btn:not(.active):hover{opacity:1;color:#cb4b2c;text-shadow:0 0 5px rgba(203,75,44,.5),0 0 12px rgba(203,75,44,.25)}html[data-theme=dark] .mode-btn:not(.active):hover{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.65),0 0 12px rgba(255,255,255,.35)}.mode-btn.active{background:transparent;color:#000;opacity:1;box-shadow:none}html[data-theme=dark] .mode-btn.active{color:#000}html[data-theme=dark] .mode-selector{background:#0a0c263d;border-color:#c7d2fe1f;backdrop-filter:blur(5px) saturate(1.08);-webkit-backdrop-filter:blur(5px) saturate(1.08);box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #00000024}html[data-theme=dark] .mode-selector-indicator{background:#ffffff2e;box-shadow:inset 0 1px #ffffff59,0 0 6px #ffffff4d,0 0 14px #ffffff26}html[data-theme=dark] .mode-btn{color:#f8fafc}html[data-theme=dark] .mode-btn.active{background:transparent;color:#f8fafc}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.intro-scroll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10010;display:flex;align-items:center;justify-content:center;background:#ffffff2e;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);pointer-events:auto}html[data-theme=dark] .intro-scroll{background:#0a0a0c52}.intro-scroll__content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.75rem;transform-origin:center center;will-change:transform,opacity}.intro-scroll__brand{position:absolute;top:2rem;left:2rem;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:800;font-size:26px;letter-spacing:-.01em;color:var(--color-text-primary);text-shadow:0 1px 12px rgba(0,0,0,.18);pointer-events:none;will-change:transform,opacity}html[data-theme=dark] .intro-scroll__brand{color:#f8fafc;text-shadow:0 1px 12px rgba(0,0,0,.45)}.intro-scroll__credit{position:absolute;bottom:2rem;right:2rem;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;font-size:.75rem;letter-spacing:0;color:var(--color-text-muted);text-align:right;max-width:24rem;pointer-events:none;will-change:transform,opacity}html[data-theme=dark] .intro-scroll__credit{color:#f8fafc9e}.intro-scroll__credit-link{pointer-events:auto;color:inherit;text-decoration:none;position:relative;transition:color .2s ease}.intro-scroll__credit-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.22,1,.36,1)}.intro-scroll__credit-link:hover{color:var(--color-text-primary)}.intro-scroll__credit-link:hover:after{transform:scaleX(1)}html[data-theme=dark] .intro-scroll__credit-link:hover{color:#f8fafc}.intro-scroll__credit-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.intro-scroll__title{font-family:var(--font-sans);font-weight:800;font-size:clamp(2.25rem,5.2vw,4.25rem);line-height:1.08;letter-spacing:-.025em;color:var(--color-text-primary);max-width:14ch;margin:0;text-shadow:0 1px 24px rgba(0,0,0,.18)}html[data-theme=dark] .intro-scroll__title{color:#f8fafc;text-shadow:0 1px 24px rgba(0,0,0,.45)}.intro-scroll__hint{color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;opacity:.75}html[data-theme=dark] .intro-scroll__hint{color:#cbd5e1}.intro-scroll__title-verb--mobile,.intro-scroll__hint--up{display:none}@media (max-width: 768px){.intro-scroll__title-verb--desktop{display:none}.intro-scroll__title-verb--mobile{display:inline}.intro-scroll__hint--down{display:none}.intro-scroll__hint--up{display:flex}.intro-scroll__brand{top:1.25rem;left:1.25rem;font-size:1.4rem}.intro-scroll__credit{bottom:1rem;right:1rem;font-size:.65rem;max-width:12rem}}.intro-scroll-spacer{height:100vh;width:100%;pointer-events:none}@media (prefers-reduced-motion: reduce){.intro-scroll{transition:none}}body.body--intro-locked{overflow:hidden}.hero-bg-waves{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;opacity:.15;pointer-events:none}.hero-wave{position:absolute;width:200%;height:100%;background-repeat:no-repeat}.hero-wave-1{background:radial-gradient(circle at 10% 20%,var(--color-purple) 0%,transparent 40%);top:-20%;left:-50%}.hero-wave-2{background:radial-gradient(circle at 80% 80%,var(--color-green) 0%,transparent 45%);bottom:-30%;right:-50%}.btn-theme-toggle{background:var(--bg-dark-card);border:var(--border-neo-thin);border-radius:var(--radius-pill);width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;box-shadow:var(--shadow-neo-sm);transition:var(--transition-smooth)}.btn-theme-toggle:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-neo)}.btn-theme-toggle:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.app-header{position:sticky;top:0;z-index:100;background:var(--header-bg);border-bottom:var(--border-emphasis);color:var(--color-primary);width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:var(--transition-smooth)}.app-header--hidden{opacity:0}.app-header--reveal{animation:app-header-reveal .6s cubic-bezier(.22,1,.36,1) .05s backwards;transition:none}@keyframes app-header-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.app-header--reveal{animation-duration:.3s;animation-delay:0s}}.header-container{max-width:1200px;margin:0 auto;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;min-height:64px}@media (max-width: 768px){.header-container{padding:.5rem 1rem;min-height:56px}}.header-nav{display:flex;align-items:center;gap:1rem}.nav-link-btn{background:transparent;border:none;color:var(--color-text-secondary);font-weight:700;font-size:1rem;cursor:pointer;padding:.5rem .75rem;transition:var(--transition-smooth);border-radius:var(--radius-control);min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.nav-link-btn:hover{color:var(--color-primary);background:var(--color-light-cream)}.nav-link-btn:focus-visible,.btn-theme-toggle:focus-visible,.btn-location:focus-visible,.search-input:focus-visible,.btn-player:focus-visible,.station-item-btn:focus-visible{outline:3px solid var(--color-orange);outline-offset:2px}.hero-search-panel{width:100%;padding-top:3.5rem}.hero-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}.hero-header-text{display:flex;flex-direction:column;gap:1rem}.search-controls-container{max-width:720px;width:100%;justify-self:center}.search-element-wrapper{position:relative}.location-trigger-row{display:flex;width:100%}.location-btn-wrapper{width:100%;display:flex;flex-direction:column;gap:.75rem}.btn-location{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;background:#ffffff3d;border:1px solid rgba(255,255,255,.38);border-radius:var(--radius-control);backdrop-filter:blur(5px) saturate(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.05);box-shadow:inset 1px 1px #ffffff70,inset -1px -1px #48607014;font-family:var(--font-sans);font-weight:700;font-size:1rem;color:#0a0a0a;cursor:pointer;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .2s ease}.btn-location:hover:not(:disabled){background:#ffffff52;border-color:#ffffff80;box-shadow:inset 1px 1px #ffffff8c,inset -1px -1px #4860701a}.btn-location:active:not(:disabled){background:#ffffff38;transform:scale(.99)}.btn-location:disabled{opacity:.5;cursor:not-allowed}html[data-theme=dark] .btn-location{background:#0a0c263d;border-color:#c7d2fe1f;color:#f8fafc;backdrop-filter:blur(5px) saturate(1.08);-webkit-backdrop-filter:blur(5px) saturate(1.08);box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #00000024}html[data-theme=dark] .btn-location:hover:not(:disabled){background:#0a0c2657;border-color:#c7d2fe33;box-shadow:inset 1px 1px #ffffff24,inset -1px -1px #0000002e}html[data-theme=dark] .btn-location:active:not(:disabled){background:#0a0c2633}.location-btn-icon{display:inline-flex;align-items:center}.location-error-msg{color:#ef4444;font-size:.875rem;font-weight:700}.location-privacy-disclosure{font-size:.75rem;color:var(--color-text-muted);line-height:1.4}.divider-dashed{border:none;border-top:2px dashed var(--color-light-cream);margin:.5rem 0}.mode-toggle-wrapper{display:flex;flex-direction:column;gap:.75rem}.mode-btn.active{background:transparent;color:#000}.mode-btn.active:focus-visible{outline:2px solid rgba(15,23,42,.3);outline-offset:2px}html[data-theme=dark] .mode-btn.active:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.mode-desc-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-top:.5rem}.journey-sequence-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem;width:100%;max-width:100%}@media (min-width: 1024px){.journey-sequence-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}.journey-card{background:#fff3;border:1px solid rgba(255,255,255,.48);border-radius:var(--radius-card);backdrop-filter:blur(9px) saturate(1.08) brightness(1.03);-webkit-backdrop-filter:blur(9px) saturate(1.08) brightness(1.03);box-shadow:0 10px 28px #2a41521f,inset 1px 1px #ffffff8a,inset -1px -1px #4860701a;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;position:relative;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1);min-height:380px;min-width:0}.journey-card:hover{transform:translate(-2px,-2px);box-shadow:0 14px 36px #2a415229,inset 1px 1px #fff9,inset -1px -1px #4860701f}html[data-theme=dark] .journey-card{background:#fff1;border-color:#c7d2fe2e;backdrop-filter:blur(9px) saturate(1.12) brightness(1.02);-webkit-backdrop-filter:blur(9px) saturate(1.12) brightness(1.02);box-shadow:0 10px 28px #0003,inset 1px 1px #fff3,inset -1px -1px #0000002e}html[data-theme=dark] .journey-card:hover{box-shadow:0 14px 36px #00000047,inset 1px 1px #ffffff3d,inset -1px -1px #00000038}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(15,23,42,.06);padding-bottom:.75rem;margin-bottom:.5rem;gap:1rem}html[data-theme=dark] .card-header{border-bottom-color:#ffffff0f}.journey-card .city-details,.journey-card .metric-tag,.journey-card .meta-info-pill,.journey-card .volume-control-row,.journey-card .station-item-btn,.journey-card .search-input-wrapper,.journey-card .btn-location,.journey-card .mode-selector{background:#ffffff3d;border-color:#ffffff61;backdrop-filter:blur(5px) saturate(1.05);-webkit-backdrop-filter:blur(5px) saturate(1.05);box-shadow:inset 1px 1px #ffffff70,inset -1px -1px #48607014}html[data-theme=dark] .journey-card .city-details,html[data-theme=dark] .journey-card .metric-tag,html[data-theme=dark] .journey-card .meta-info-pill,html[data-theme=dark] .journey-card .volume-control-row,html[data-theme=dark] .journey-card .station-item-btn,html[data-theme=dark] .journey-card .search-input-wrapper,html[data-theme=dark] .journey-card .btn-location,html[data-theme=dark] .journey-card .mode-selector{background:#0a0c263d;border-color:#c7d2fe1f;backdrop-filter:blur(5px) saturate(1.08);-webkit-backdrop-filter:blur(5px) saturate(1.08);box-shadow:inset 1px 1px #ffffff1a,inset -1px -1px #00000024}.step-badge{background:var(--color-yellow);color:#000;border:var(--border-thin);border-radius:var(--radius-pill);padding:.25rem .75rem;font-size:.75rem;font-weight:800;text-transform:uppercase}.step-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:800;margin:0;flex-grow:1;letter-spacing:-.01em;text-shadow:0 0 4px rgba(255,255,255,.55),0 0 12px rgba(255,255,255,.35),0 0 22px rgba(255,255,255,.18)}.card-subtitle-mode{border:var(--border-thin);border-radius:var(--radius-control);background:var(--color-orange);color:#000;padding:.2rem .6rem;font-size:.7rem;font-weight:800;text-transform:uppercase;white-space:nowrap}.card-content{display:flex;flex-direction:column;gap:1.25rem;flex-grow:1;min-width:0}.city-details{display:flex;align-items:center;gap:.75rem;background:#fff6;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-control);padding:.75rem 1rem;position:relative;backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #fff9,0 0 0 1px #0f172a0f}html[data-theme=dark] .city-details{background:#0f172a66;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.city-details-icon{color:var(--color-accent);flex-shrink:0}.city-text{display:flex;flex-direction:column;min-width:0}.city-name{font-size:1.15rem!important;font-weight:800!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans)!important;margin:0!important;letter-spacing:-.01em}.city-region-txt{font-size:.75rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-sans);letter-spacing:.04em}.day-night-pill{border:1px solid rgba(139,92,246,.35);border-radius:var(--radius-control);background:#8b5cf62e;color:#6d28d9;padding:.2rem .6rem;font-size:.7rem;font-weight:800;text-transform:uppercase;margin-left:auto;flex-shrink:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html[data-theme=dark] .day-night-pill{background:#8b5cf638;border-color:#8b5cf659;color:#c4b5fd}.coordinate-info{display:flex;flex-direction:column;gap:.5rem}.coordinate-item{display:flex;justify-content:space-between;font-size:.85rem;border-bottom:1px dashed rgba(15,23,42,.12);padding-bottom:.4rem}html[data-theme=dark] .coordinate-item{border-bottom-color:#ffffff1a}.coord-label{font-weight:600;color:var(--color-text-muted)}.coord-val{font-family:var(--font-mono);font-weight:700}.card-state-idle,.card-state-loading,.card-state-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex-grow:1;padding:2rem 1rem;gap:1rem}.idle-illustration{color:var(--color-text-muted);opacity:.6;margin-bottom:.5rem}.atmosphere-card .idle-illustration{opacity:1;margin-bottom:.25rem}.atmosphere-card .idle-illustration .illus{position:relative}.atmosphere-card .idle-illustration .cloud-wrap{width:150px;height:100px;position:relative;transform-style:preserve-3d}.atmosphere-card .idle-illustration .sun{position:absolute;left:4px;top:-4px;width:48px;height:48px;background:radial-gradient(circle at 35% 35%,#fef3c7,#fde68a 40%,#f59e0b);border-radius:50%;box-shadow:inset 5px 5px 12px #ffffffb3,inset -5px -5px 12px #b4530959,0 0 28px #f59e0b80,0 8px 20px #f59e0b59;filter:saturate(.85) brightness(1.05);z-index:1;transform:translateZ(20px)}.atmosphere-card .idle-illustration .cloud-blob{position:absolute;left:16px;top:26px;width:130px;height:70px;background:linear-gradient(160deg,#fff,#dbeafe 40%,#93c5fd);border-radius:50% 50% 46% 46%/60% 60% 40% 40%;box-shadow:inset 10px 10px 22px #ffffffb3,inset -8px -10px 22px #1e3a8a2e,0 14px 32px #3b82f64d;filter:saturate(.85) brightness(1.05);z-index:2;transform:translateZ(4px)}.atmosphere-card .idle-illustration .cloud-bump-1{position:absolute;left:30px;top:10px;width:48px;height:48px;background:linear-gradient(160deg,#fff,#dbeafe,#93c5fd);border-radius:50%;box-shadow:inset 6px 6px 14px #ffffffb3,inset -4px -4px 10px #1e3a8a26,0 8px 18px #3b82f640;filter:saturate(.85) brightness(1.05);z-index:3;transform:translateZ(12px)}.atmosphere-card .idle-illustration .cloud-bump-2{position:absolute;left:64px;top:-2px;width:54px;height:54px;background:linear-gradient(160deg,#fff,#dbeafe,#93c5fd);border-radius:50%;box-shadow:inset 8px 8px 16px #ffffffb3,inset -6px -6px 14px #1e3a8a2e,0 10px 22px #3b82f64d;filter:saturate(.85) brightness(1.05);z-index:3;transform:translateZ(16px)}.twin-city-card .idle-illustration{opacity:1;margin-bottom:.25rem}.twin-city-card .idle-illustration .illus{position:relative}.twin-city-card .idle-illustration .twin-wrap{width:140px;height:110px;position:relative;transform-style:preserve-3d}.twin-city-card .idle-illustration .twin-blob-a{position:absolute;left:4px;top:14px;width:78px;height:78px;background:linear-gradient(135deg,#fde68a,#f59e0b 60%,#b45309);border-radius:62% 38% 56% 44%/48% 62% 38% 52%;box-shadow:inset 8px 8px 18px #ffffff73,inset -6px -6px 16px #b453094d,0 12px 28px #f59e0b59;filter:saturate(.85) brightness(1.05);transform:translateZ(8px)}.twin-city-card .idle-illustration .twin-blob-b{position:absolute;right:4px;top:18px;width:78px;height:78px;background:linear-gradient(135deg,#fb923c,#ea580c 55%,#9a3412);border-radius:38% 62% 44% 56%/62% 38% 52% 48%;box-shadow:inset 8px 8px 18px #ffffff73,inset -6px -6px 16px #9a34124d,0 12px 28px #ea580c59;filter:saturate(.85) brightness(1.05);transform:translateZ(8px)}.twin-city-card .idle-illustration .twin-spark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(28px);width:24px;height:24px;background:radial-gradient(circle,#fff 0%,#fde68a 40%,transparent 75%);border-radius:50%;filter:blur(1px) saturate(.85);opacity:.85}.radio-card .idle-illustration{opacity:1;margin-bottom:.25rem}.radio-card .idle-illustration .illus{position:relative}.radio-card .idle-illustration .vinyl-wrap{width:130px;height:130px;position:relative}.radio-card .idle-illustration .platter-base{position:absolute;left:0;top:0;width:130px;height:130px;background:linear-gradient(160deg,#ede9fe,#c4b5fd 45%,#7c3aed);border-radius:50%;box-shadow:inset 6px 6px 14px #fff6,inset -6px -6px 14px #4c1d9559,0 14px 32px #6d28d966;filter:saturate(.85) brightness(1.05)}.radio-card .idle-illustration .vinyl-disc{position:absolute;left:12px;top:12px;width:106px;height:106px;background:radial-gradient(circle at center,#1f2937,#0f172a 60%,#000);border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff0f,0 6px 14px #0006;filter:saturate(.85) brightness(.95)}.radio-card .idle-illustration .vinyl-disc:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 3px,rgba(255,255,255,.04) 3px 4px)}.radio-card .idle-illustration .vinyl-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:radial-gradient(circle at 35% 35%,#fed7aa,#fb923c,#c2410c);border-radius:50%;box-shadow:inset 3px 3px 6px #ffffff80,inset -3px -3px 6px #9a341266,0 2px 4px #0000004d;filter:saturate(.85) brightness(1.05)}.radio-card .idle-illustration .vinyl-spindle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:7px;height:7px;background:radial-gradient(circle at 35% 35%,#475569,#1e293b 60%,#0f172a);border-radius:50%;box-shadow:inset 1px 1px 1px #fff6,inset -1px -1px 1px #0009,0 1px 2px #0006;filter:saturate(.85) brightness(1);z-index:4}.radio-card .idle-illustration .tonearm{position:absolute;right:8px;bottom:8px;width:70px;height:14px;transform:rotate(75deg);transform-origin:right center;z-index:3}.radio-card .idle-illustration .tonearm-base{position:absolute;right:0;top:0;width:16px;height:16px;background:linear-gradient(135deg,#fde68a,#f59e0b);border-radius:50%;box-shadow:inset 2px 2px 3px #ffffff80,inset -2px -2px 3px #b4530966,0 2px 4px #0000004d;filter:saturate(.85) brightness(1.05)}.radio-card .idle-illustration .tonearm-rod{position:absolute;right:4px;top:6px;width:60px;height:4px;background:linear-gradient(180deg,#c4b5fd,#6d28d9);border-radius:2px;box-shadow:0 1px 2px #0000004d;filter:saturate(.85) brightness(1.05)}.radio-card .idle-illustration .tonearm-head{position:absolute;left:0;top:2px;width:10px;height:10px;background:linear-gradient(135deg,#1e1b4b,#312e81);border-radius:3px;box-shadow:0 1px 2px #0006;filter:saturate(.85)}.radio-card .idle-illustration .power-btn{position:absolute;left:18px;bottom:14px;width:10px;height:10px;background:radial-gradient(circle,#fef3c7,#fbbf24 60%,#b45309);border-radius:50%;box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #b4530966,0 1px 3px #0000004d;filter:saturate(.85) brightness(1.05)}.atmosphere-card .idle-illustration .illus,.atmosphere-card .idle-illustration .sun,.atmosphere-card .idle-illustration .cloud-blob,.atmosphere-card .idle-illustration .cloud-bump-1,.atmosphere-card .idle-illustration .cloud-bump-2,.twin-city-card .idle-illustration .illus,.twin-city-card .idle-illustration .twin-blob-a,.twin-city-card .idle-illustration .twin-blob-b,.twin-city-card .idle-illustration .twin-spark,.radio-card .idle-illustration .illus,.radio-card .idle-illustration .platter-base,.radio-card .idle-illustration .vinyl-disc,.radio-card .idle-illustration .vinyl-label,.radio-card .idle-illustration .vinyl-spindle,.radio-card .idle-illustration .tonearm,.radio-card .idle-illustration .tonearm-base,.radio-card .idle-illustration .tonearm-rod,.radio-card .idle-illustration .tonearm-head,.radio-card .idle-illustration .power-btn{transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s ease,box-shadow .35s ease}.atmosphere-card .idle-illustration .illus,.twin-city-card .idle-illustration .illus,.radio-card .idle-illustration .illus{transform-style:preserve-3d}.atmosphere-card:hover .idle-illustration .illus{transform:scale(1.18) rotate(-6deg) translateY(-4px)}.atmosphere-card:hover .idle-illustration .cloud-blob,.atmosphere-card:hover .idle-illustration .cloud-bump-1,.atmosphere-card:hover .idle-illustration .cloud-bump-2,.atmosphere-card:hover .idle-illustration .sun{filter:saturate(1.3) brightness(1.05)}.atmosphere-card:hover .idle-illustration .sun{transform:translateZ(40px) scale(1.05);box-shadow:inset 5px 5px 12px #ffffffb3,inset -5px -5px 12px #b4530959,0 0 36px #f59e0b80,0 14px 32px #f59e0b66}.atmosphere-card:hover .idle-illustration .cloud-blob{box-shadow:inset 10px 10px 22px #ffffffb3,inset -8px -10px 22px #1e3a8a2e,0 0 28px #3b82f652,0 20px 44px #3b82f64d}.atmosphere-card:hover .idle-illustration .cloud-bump-1{transform:translateZ(20px) translate(-3px);box-shadow:inset 6px 6px 14px #ffffffb3,inset -4px -4px 10px #1e3a8a26,0 0 22px #3b82f652,0 14px 28px #3b82f647}.atmosphere-card:hover .idle-illustration .cloud-bump-2{transform:translateZ(28px) translate(4px);box-shadow:inset 8px 8px 16px #ffffffb3,inset -6px -6px 14px #1e3a8a2e,0 0 24px #3b82f659,0 16px 32px #3b82f64d}.twin-city-card:hover .idle-illustration .illus{transform:scale(1.18) rotate(-6deg) translateY(-4px)}.twin-city-card:hover .idle-illustration .twin-blob-a,.twin-city-card:hover .idle-illustration .twin-blob-b{filter:saturate(1.3) brightness(1.05)}.twin-city-card:hover .idle-illustration .twin-blob-a{transform:translateZ(20px) translate(-4px);box-shadow:inset 8px 8px 18px #ffffff73,inset -6px -6px 16px #b453094d,0 0 28px #f59e0b59,0 20px 44px #f59e0b52}.twin-city-card:hover .idle-illustration .twin-blob-b{transform:translateZ(20px) translate(4px);box-shadow:inset 8px 8px 18px #ffffff73,inset -6px -6px 16px #9a34124d,0 0 28px #ea580c59,0 20px 44px #ea580c52}.twin-city-card:hover .idle-illustration .twin-spark{filter:saturate(1.5) brightness(1.1);opacity:1;transform:translate(-50%,-50%) translateZ(48px) scale(1.4)}.radio-card:hover .idle-illustration .illus{transform:scale(1.18) rotate(-6deg) translateY(-4px)}.radio-card:hover .idle-illustration .platter-base{filter:saturate(1.3) brightness(1.05);box-shadow:inset 6px 6px 14px #fff6,inset -6px -6px 14px #4c1d9559,0 0 36px #8b5cf680,0 22px 48px #7c3aed80}.radio-card:hover .idle-illustration .vinyl-disc{filter:saturate(1.1) brightness(1.05)}.radio-card:hover .idle-illustration .vinyl-label{filter:saturate(1.3) brightness(1.05);box-shadow:inset 3px 3px 6px #ffffff80,inset -3px -3px 6px #9a341266,0 0 20px #fb923c6b,0 8px 18px #ea580c59}.radio-card:hover .idle-illustration .tonearm-base{filter:saturate(1.3) brightness(1.05);box-shadow:inset 2px 2px 3px #ffffff80,inset -2px -2px 3px #b4530966,0 0 16px #f59e0b73,0 6px 14px #b4530959}.radio-card:hover .idle-illustration .tonearm-rod{filter:saturate(1.3) brightness(1.05);box-shadow:0 0 14px #8b5cf66b,0 4px 10px #7c3aed59}.radio-card:hover .idle-illustration .tonearm-head{filter:saturate(1.3) brightness(1.05);box-shadow:0 0 12px #6d28d96b,0 4px 8px #0006}.radio-card:hover .idle-illustration .power-btn{filter:saturate(1.3) brightness(1.05);box-shadow:inset 1px 1px 2px #ffffff80,inset -1px -1px 2px #b4530966,0 0 16px #f59e0b7a,0 4px 10px #b4530959}.selected-city-card .idle-illustration{opacity:1;margin-bottom:.25rem}.selected-city-card .idle-illustration .illus{position:relative}.selected-city-card .idle-illustration .location-wrap{width:130px;height:130px;position:relative;transform-style:preserve-3d}.selected-city-card .idle-illustration .globe{position:absolute;left:50%;bottom:6px;transform:translate(-50%);width:110px;height:110px;background:radial-gradient(circle at 32% 30%,#67e8f9,#22d3ee 25%,#0891b2,#155e75 85%,#0c4a6e);border-radius:50%;box-shadow:inset 8px 8px 18px #ffffff59,inset -8px -8px 20px #082f498c,0 14px 32px #0e749059;filter:saturate(.85) brightness(1.05);z-index:1}.selected-city-card .idle-illustration .globe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(255,255,255,.1) 14px 15px),repeating-linear-gradient(0deg,transparent 0 14px,rgba(255,255,255,.08) 14px 15px);mask:radial-gradient(circle at 32% 30%,black 0%,transparent 70%);-webkit-mask:radial-gradient(circle at 32% 30%,black 0%,transparent 70%);opacity:.5}.selected-city-card .idle-illustration .globe:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:36%;height:22%;background:radial-gradient(ellipse,rgba(34,197,94,.55) 0%,rgba(22,163,74,.3) 60%,transparent 100%);border-radius:50%;filter:blur(2px)}.selected-city-card .idle-illustration .pin-shadow{position:absolute;left:50%;bottom:56px;transform:translate(-50%);width:16px;height:4px;background:radial-gradient(ellipse,rgba(0,0,0,.45) 0%,transparent 70%);border-radius:50%;filter:blur(2px);z-index:2}.selected-city-card .idle-illustration .pin{position:absolute;left:50%;bottom:56px;transform:translate(-50%) rotate(180deg);width:20px;height:32px;background:linear-gradient(160deg,#fecaca,#ef4444 45%,#b91c1c);border-radius:50%/65% 65% 38% 38%;box-shadow:inset 2px 2px 5px #ffffff8c,inset -2px -2px 5px #7f1d1d66,0 4px 10px #ef444466;filter:saturate(.85) brightness(1.05);z-index:3}.selected-city-card .idle-illustration .pin-dot{position:absolute;left:50%;top:7px;transform:translate(-50%);width:8px;height:8px;background:radial-gradient(circle at 35% 35%,#fff,#f1f5f9 70%,#cbd5e1);border-radius:50%;box-shadow:inset 1px 1px 2px #fffc,inset -1px -1px 1px #0f172a4d,0 1px 1px #0000004d;z-index:4}.selected-city-card .idle-illustration .illus,.selected-city-card .idle-illustration .globe,.selected-city-card .idle-illustration .pin,.selected-city-card .idle-illustration .pin-dot,.selected-city-card .idle-illustration .pin-shadow{transition:transform .45s cubic-bezier(.16,1,.3,1),filter .35s ease,box-shadow .35s ease}.selected-city-card .idle-illustration .illus{transform-style:preserve-3d}.selected-city-card:hover .idle-illustration .illus{transform:scale(1.18) rotate(-6deg) translateY(-4px)}.selected-city-card:hover .idle-illustration .globe,.selected-city-card:hover .idle-illustration .pin{filter:saturate(1.3) brightness(1.05)}.selected-city-card:hover .idle-illustration .globe{box-shadow:inset 8px 8px 18px #ffffff59,inset -8px -8px 20px #082f498c,0 0 36px #22d3ee73,0 22px 48px #0e749073}.selected-city-card:hover .idle-illustration .pin{transform:translate(-50%) rotate(180deg) translateZ(20px) scale(1.05);box-shadow:inset 2px 2px 5px #ffffff8c,inset -2px -2px 5px #7f1d1d66,0 0 18px #ef44448c,0 8px 20px #dc262673}.selected-city-card:hover .idle-illustration .pin-dot{filter:saturate(1.5) brightness(1.1);box-shadow:inset 2px 2px 3px #fffc,inset -1px -1px 2px #0f172a4d,0 0 10px #ffffffb3,0 2px 4px #0000004d}.idle-title{font-family:var(--font-pixel);font-size:1.1rem;font-weight:800;margin:0}.idle-desc{font-size:.875rem;color:var(--color-text-muted);max-width:240px;line-height:1.4}.error-icon-wrapper{color:#ef4444}.spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-light-cream);border-top-color:var(--color-accent);border-radius:50%;animation:spin-loader .8s linear infinite}.card-state-text{font-size:.9rem;font-weight:600;color:var(--color-text-secondary)}.weather-primary-row{display:flex;align-items:center;gap:1rem}.temp-large{font-size:3rem;font-weight:800;font-family:var(--font-sans);line-height:1;display:flex;align-items:flex-start;letter-spacing:-.04em;color:var(--color-text-primary)}.temp-symbol{font-size:1.5rem;color:var(--color-orange);margin-left:.15rem;font-weight:700}.weather-badge{background:#fde68a73;color:#78350f;border:1px solid rgba(253,230,138,.6);border-radius:var(--radius-pill);padding:.35rem .75rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html[data-theme=dark] .weather-badge{background:#fde68a2e;border-color:#fde68a4d;color:#fde68a}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-tag{display:flex;align-items:center;gap:.4rem;background:#fff6;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-control);padding:.45rem .55rem;font-size:.875rem;min-width:0;backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #fff9,0 0 0 1px #0f172a0f}html[data-theme=dark] .metric-tag{background:#0f172a66;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.metric-icon{display:flex;align-items:center;color:var(--color-accent);flex-shrink:0}.metric-label{font-weight:600;color:var(--color-text-muted);font-size:.65rem;text-transform:uppercase;font-family:var(--font-sans);letter-spacing:0;white-space:nowrap}.metric-value{margin-left:auto;font-family:var(--font-sans);font-weight:700;font-size:.75rem;color:var(--color-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.card-footer{font-size:.75rem;color:var(--color-text-muted);border-top:1px dashed rgba(15,23,42,.08);padding-top:.75rem;margin-top:auto;font-family:var(--font-sans);font-weight:500;letter-spacing:.01em}html[data-theme=dark] .card-footer{border-top-color:#ffffff14}.match-status-row{display:flex;gap:.75rem;flex-wrap:wrap}.match-score-pill{background:#6ee7b759;color:#065f46;border:1px solid rgba(110,231,183,.55);border-radius:var(--radius-control);padding:.4rem .8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html[data-theme=dark] .match-score-pill{background:#6ee7b72e;border-color:#6ee7b74d;color:#6ee7b7}.match-score-val{font-size:1.35rem;font-weight:800;font-family:var(--font-sans);line-height:1;letter-spacing:-.02em}.match-score-lbl{font-size:.6rem;font-weight:700;text-transform:uppercase;margin-top:.15rem;font-family:var(--font-sans);letter-spacing:.04em}.meta-info-pill{border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-control);background:#fff6;padding:.4rem .8rem;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #fff9,0 0 0 1px #0f172a0f}html[data-theme=dark] .meta-info-pill{background:#0f172a66;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}.meta-value{font-family:var(--font-sans);font-weight:700;font-size:.95rem;line-height:1.2;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.meta-label{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);margin-top:.15rem;font-family:var(--font-sans);letter-spacing:.04em}.match-explanation{font-size:.875rem;line-height:1.4;color:var(--color-text-secondary);font-family:var(--font-sans);font-weight:500}@property --wave-offset{syntax: "<length>"; inherits: true; initial-value: 0px;}@keyframes wave-shift{0%{--wave-offset: 0px}to{--wave-offset: 40px}}.volume-control-row{display:flex;align-items:center;gap:.75rem;background:#ffffff26;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-control);padding:.55rem 1rem;box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80}html[data-theme=dark] .volume-control-row{background:#ffffff1a;border-color:#ffffff24;box-shadow:0 1px 2px #0003,0 8px 32px #00000040,inset 0 1px #ffffff1a}.volume-icon{color:var(--color-text-muted);flex-shrink:0}.volume-slider-wrap{position:relative;flex-grow:1;height:22px;display:block;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'><path d='M0 6 Q 5 0 10 6 T 20 6 T 30 6 T 40 6' stroke='%2394a3b8' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-opacity='0.6'/></svg>");background-repeat:repeat-x;background-position:var(--wave-offset) center;background-size:40px 12px;overflow:visible;animation:wave-shift 1.6s linear infinite}html[data-theme=dark] .volume-slider-wrap{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'><path d='M0 6 Q 5 0 10 6 T 20 6 T 30 6 T 40 6' stroke='%23cbd5e1' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-opacity='0.35'/></svg>")}.volume-slider-wrap:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:12px;width:calc(var(--vol, 0) * 100%);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'><path d='M0 6 Q 5 0 10 6 T 20 6 T 30 6 T 40 6' stroke='%23047857' stroke-width='2' fill='none' stroke-linecap='round'/></svg>");background-repeat:repeat-x;background-position:var(--wave-offset) center;background-size:40px 12px;pointer-events:none}html[data-theme=dark] .volume-slider-wrap:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'><path d='M0 6 Q 5 0 10 6 T 20 6 T 30 6 T 40 6' stroke='%236ee7b7' stroke-width='2' fill='none' stroke-linecap='round'/></svg>")}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;outline:none;cursor:pointer;padding:0;margin:0}.volume-slider::-webkit-slider-runnable-track{height:22px;background:transparent;border:none}.volume-slider::-moz-range-track{height:22px;background:transparent;border:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:1.5px solid #047857;box-shadow:inset 0 1px #ffffffd9,0 2px 6px #04785759;cursor:pointer;margin-top:3px;transition:transform .2s ease,box-shadow .2s ease}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:1.5px solid #047857;box-shadow:inset 0 1px #ffffffd9,0 2px 6px #04785759;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.volume-slider::-webkit-slider-thumb:hover,.volume-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:inset 0 1px #ffffffe6,0 0 0 4px #6ee7b740,0 2px 8px #04785773}html[data-theme=dark] .volume-slider::-webkit-slider-thumb,html[data-theme=dark] .volume-slider::-moz-range-thumb{background:#f8fafc;border-color:#6ee7b7;box-shadow:inset 0 1px #ffffffb3,0 2px 6px #00000059}.volume-slider:focus-visible::-webkit-slider-thumb,.volume-slider:focus-visible::-moz-range-thumb{outline:3px solid var(--color-orange);outline-offset:2px}.station-tags{font-size:.7rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;margin-top:.15rem;font-family:var(--font-sans);letter-spacing:.04em;max-width:100%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-list-container{border-top:none;padding-top:0}.station-list-header{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:.5rem;font-family:var(--font-sans)}.station-list{display:flex;flex-direction:column;gap:.5rem}.station-item-btn.active{background:#8b5cf640;border-color:#8b5cf680;color:var(--color-text-primary)}.station-item-btn.active:focus-visible{outline:3px solid rgba(255,87,34,.6);outline-offset:2px}.dimension-row{display:flex;flex-direction:column;gap:.165rem;border-bottom:1px dashed rgba(15,23,42,.12);padding-bottom:.22rem;margin-bottom:.22rem}html[data-theme=dark] .dimension-row{border-bottom-color:#ffffff1a}.dimension-row:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.dimension-header{display:flex;justify-content:space-between;align-items:center}.dimension-label{font-weight:700;font-size:.75rem;font-family:var(--font-sans);color:var(--color-text-primary)}.dimension-similarity{font-family:var(--font-sans);font-size:.66rem;font-weight:700;color:var(--color-accent);font-variant-numeric:tabular-nums}.dimension-values{display:flex;gap:.66rem;font-size:.66rem;color:var(--color-text-muted);font-family:var(--font-sans);font-weight:500}.dim-val.source{font-weight:500;color:var(--color-text-muted)}.dim-val.twin{font-weight:600;color:var(--color-text-primary)}.comparison-intro{font-size:.77rem;line-height:1.4;color:var(--color-text-secondary);font-family:var(--font-sans);font-weight:500;margin:0;padding:.33rem .55rem;background:#ffffff4d;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-control)}html[data-theme=dark] .comparison-intro{background:#0f172a4d;border-color:#ffffff0f}.dimensions-list{display:flex;flex-direction:column;gap:.165rem}.dimensions-title{font-family:var(--font-sans);font-size:.605rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .11rem}.dim-val.twin{font-weight:500}.info-dialog{background:#ffffff26;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80;border-radius:var(--radius-card);color:var(--color-text-primary);max-width:600px;width:90%;margin:auto;padding:0;overflow:hidden}html[data-theme=dark] .info-dialog{background:#ffffff1a;border-color:#ffffff24;box-shadow:0 1px 2px #0003,0 8px 32px #00000040,inset 0 1px #ffffff1a}.info-dialog::backdrop{background:#0f172a73;backdrop-filter:blur(8px) saturate(1.4);-webkit-backdrop-filter:blur(8px) saturate(1.4)}.dialog-content-wrapper{display:flex;flex-direction:column;max-height:80vh}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(15,23,42,.08);background:transparent}html[data-theme=dark] .dialog-header{border-bottom-color:#ffffff14}.dialog-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:800;margin:0;letter-spacing:-.01em;color:var(--color-text-primary)}.btn-dialog-close{background:#fff6;border:1px solid rgba(255,255,255,.5);border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.4rem;color:var(--color-text-primary);backdrop-filter:blur(12px) saturate(1.6);-webkit-backdrop-filter:blur(12px) saturate(1.6);box-shadow:inset 0 1px #fff9,0 0 0 1px #0f172a0f;transition:var(--transition-smooth);min-width:36px;min-height:36px}.btn-dialog-close:hover{background:#ffffff8c;border-color:#ffffffb3;transform:scale(1.04)}html[data-theme=dark] .btn-dialog-close{background:#0f172a66;border-color:#ffffff14;color:#f8fafc;box-shadow:inset 0 1px #ffffff0a,0 0 0 1px #ffffff0f}html[data-theme=dark] .btn-dialog-close:hover{background:#0f172a8c;border-color:#ffffff2e}.dialog-body{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.dialog-text-content{display:flex;flex-direction:column;gap:.85rem;font-family:var(--font-sans);font-size:.95rem;line-height:1.55;color:var(--color-text-secondary);font-weight:500}.dialog-text-content strong{color:var(--color-text-primary);font-weight:800}.dialog-subtitle{font-family:var(--font-sans);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-top:.75rem;margin-bottom:0}.how-it-works-list{padding-left:1.25rem;display:flex;flex-direction:column;gap:.6rem;font-family:var(--font-sans);font-size:.95rem;line-height:1.55;color:var(--color-text-secondary);font-weight:500}.how-it-works-list li{line-height:1.55}.structured-footer{border-top:none;padding:2rem 1.5rem 3rem;margin-top:4rem;background:transparent;width:100%}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem;background:#ffffff26;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-card);padding:2rem;box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80}html[data-theme=dark] .footer-grid{background:#ffffff1a;border-color:#ffffff24;box-shadow:0 1px 2px #0003,0 8px 32px #00000040,inset 0 1px #ffffff1a}@media (min-width: 768px){.footer-grid{grid-template-columns:1fr 1fr;align-items:center}}.footer-column{display:flex;flex-direction:column;gap:1rem}.footer-column.project-col{align-items:flex-end;text-align:right;justify-self:end}.footer-title{font-family:var(--font-sans);font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin:0;color:var(--color-text-primary);text-shadow:0 0 4px rgba(255,255,255,.55),0 0 12px rgba(255,255,255,.35),0 0 22px rgba(255,255,255,.18)}.footer-subtitle{font-family:var(--font-sans);font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin:0;color:var(--color-text-muted)}.footer-statement,.footer-disclosure,.footer-attribution{font-family:var(--font-sans);font-size:.82rem;color:var(--color-text-secondary);line-height:1.5}.footer-links{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.footer-credit-link{color:inherit;text-decoration:none;position:relative;transition:color .2s ease}.footer-credit-link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .3s cubic-bezier(.22,1,.36,1)}.footer-credit-link:hover{color:var(--color-text-primary)}.footer-credit-link:hover:after{transform:scaleX(1)}.footer-credit-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.footer-link-btn{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-sans);font-size:.82rem;font-weight:700;padding:.25rem 0;text-align:left;transition:var(--transition-smooth)}.footer-link-btn:hover{color:#047857;text-shadow:0 0 5px rgba(4,120,87,.4),0 0 10px rgba(4,120,87,.22);text-decoration:none}html[data-theme=dark] .footer-link-btn:hover{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.55),0 0 10px rgba(255,255,255,.3)}.footer-link-url{color:var(--color-text-secondary);font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.25rem;transition:var(--transition-smooth)}.footer-link-url:hover{color:var(--color-accent);text-decoration:underline}@media (prefers-reduced-motion: reduce){*{animation-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;transition-delay:0s!important;transition-duration:0s!important;scroll-behavior:auto!important;transform:none!important}.spinner{animation:none!important;border-top-color:var(--color-accent)!important}}.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}@media (max-width: 768px){.app-container{padding:1.5rem 1rem;gap:1.5rem}.journey-card{padding:1rem;gap:1rem;min-height:auto;width:100%;max-width:100%;box-shadow:0 8px 20px #2a41521a,inset 1px 1px #ffffff8a,inset -1px -1px #4860701a}html[data-theme=dark] .journey-card{box-shadow:0 8px 20px #0000002e,inset 1px 1px #fff3,inset -1px -1px #0000002e}.journey-card:hover{transform:none;box-shadow:0 8px 20px #2a41521a,inset 1px 1px #ffffff8a,inset -1px -1px #4860701a}html[data-theme=dark] .journey-card:hover{box-shadow:0 8px 20px #0000002e,inset 1px 1px #fff3,inset -1px -1px #0000002e}.card-header{flex-wrap:wrap;gap:.5rem;align-items:center}.step-title{font-size:1.05rem;word-break:break-word}.city-details{width:100%;min-width:0;gap:.5rem;padding:.5rem .75rem}.city-text{min-width:0;flex-grow:1;flex-shrink:1}.city-name{font-size:1rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.city-region-txt{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weather-primary-row{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.weather-badge{white-space:normal;word-break:break-word;text-align:left;max-width:100%;line-height:1.3;padding:.3rem .6rem}.match-status-row{gap:.5rem}.match-score-pill,.meta-info-pill{flex:1 1 calc(33.333% - .5rem);min-width:75px;padding:.35rem .5rem}.match-score-val{font-size:1.15rem}.meta-value{font-size:.85rem}.radio-panel{padding:1rem;gap:1rem}.player-header{gap:.75rem;padding-bottom:1rem;min-width:0;width:100%}.station-icon{width:3.5rem;height:3.5rem;font-size:1.5rem}.station-name{font-size:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-meta{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playback-controls{gap:1rem;justify-content:center}.btn-main{width:4rem;height:4rem;font-size:1.5rem}.btn-sec{width:3rem;height:3rem;font-size:1.25rem}.header-container{padding:.5rem 1rem;min-height:60px;position:relative}.app-logo-text{font-size:1.25rem}.header-nav{gap:.4rem}.nav-link-btn{font-size:.8rem;padding:.25rem .45rem;min-width:44px;min-height:44px}.btn-theme-toggle{min-width:44px;min-height:44px;padding:.25rem}.header-pill{max-width:calc(100% - 60px);padding:4px 4px 4px 12px!important;gap:4px!important;overflow:hidden;display:flex!important;align-items:center}.header-pill .app-logo,.header-pill .btn-theme-toggle{min-width:0}.header-pill .header-nav{display:none}.header-pill-main.liquid-glass,.header-pill-hamburger{position:relative;isolation:isolate;overflow:hidden;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14}html[data-theme=dark] .header-pill-main.liquid-glass,html[data-theme=dark] .header-pill-hamburger{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 2px #0003,0 8px 32px #00000040}.header-pill-main .liquid-glass__filter,.header-pill-main .liquid-glass__overlay,.header-pill-main .liquid-glass__specular{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.header-pill-main .liquid-glass__filter{z-index:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);filter:url(#rituon-liquid-glass-mobile-filter) saturate(1.12) brightness(1.08)}.header-pill-main .liquid-glass__overlay{z-index:1;background:#ffffff21}.header-pill-main .liquid-glass__specular{z-index:2;box-shadow:inset 1px 1px #ffffff7a,inset 0 0 3px #ffffff3d}.header-pill-main .liquid-glass__content{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;min-width:0}.header-pill-hamburger:before,.header-pill-hamburger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.header-pill-hamburger:before{z-index:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);filter:url(#rituon-liquid-glass-mobile-filter) saturate(1.12) brightness(1.08)}.header-pill-hamburger:after{z-index:1;background:#ffffff21;box-shadow:inset 1px 1px #ffffff7a,inset 0 0 3px #ffffff3d}.header-pill-hamburger .btn-hamburger{position:relative;z-index:2}.header-pill.header-pill-main{flex:1 1 auto;min-width:0;justify-content:space-between}.header-pill-hamburger{display:inline-flex!important;align-items:center;justify-content:center;padding:2px!important;background:#ffffff26;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.35);border-radius:999px;box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80;flex-shrink:0}.header-pill-hamburger .btn-hamburger{display:inline-flex!important;align-items:center;justify-content:center;width:26px!important;height:26px!important;min-width:0!important;min-height:0!important;margin-left:0}.mobile-menu{display:flex!important}.header-pill .nav-link-btn{font-size:.65rem;padding:.25rem .4rem;min-width:0;min-height:30px;white-space:nowrap}.header-pill .app-logo-text{font-size:.8rem!important}.header-pill .app-logo-icon{width:18px!important;height:18px!important;border-radius:5px}.header-pill .app-logo-icon:after{font-size:.65rem!important}@media (max-width: 400px){.header-pill .app-logo-text{display:none!important}.header-pill.header-pill-main{padding:4px!important;gap:0!important}.header-pill .btn-theme-toggle.scene-toggle{min-width:52px!important;min-height:26px!important;width:52px!important;height:26px!important}.header-pill .btn-theme-toggle.scene-toggle .indicator{width:20px!important;height:20px!important}.header-pill .btn-theme-toggle.scene-toggle.dark .indicator{left:calc(100% - 23px)!important}}.app-header,.header-container{max-width:100vw;overflow-x:clip}.structured-footer{padding:2rem 1rem;margin-top:2rem}.footer-grid{gap:1.5rem}.footer-column.project-col{align-items:center;text-align:center;justify-self:stretch}.footer-column.project-col .footer-links{align-items:center}.app-wrapper,.night-sky{overflow:hidden}.sky-nebula{transform:scale(.6);transform-origin:center}.sky-cloud{transform:scale(.5);transform-origin:center}.sky-cloud-drift{max-width:100vw}.sky-cloud-drift.d1,.sky-cloud-drift.d3,.sky-cloud-drift.d6{width:60vw;max-width:240px}.sky-cloud-drift.d2,.sky-cloud-drift.d4,.sky-cloud-drift.d5{width:80vw;max-width:320px}.sky-moon-wrap{width:60px;height:60px;right:4%;top:6%}.diagnostic-panel{padding:.44rem .55rem;gap:.33rem}.dimension-values{flex-direction:column;gap:.25rem}.header-pill.header-pill-main{height:44px;min-height:44px;box-sizing:border-box}.header-pill.header-pill-hamburger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;box-sizing:border-box}.header-pill-hamburger .btn-hamburger{width:100%!important;height:100%!important;border-radius:inherit}}@media (max-width: 520px){.metrics-grid{grid-template-columns:1fr;gap:.5rem}.metric-tag{padding:.4rem .6rem;font-size:.8rem}.diagnostic-grid{grid-template-columns:1fr;gap:1rem}}@media (max-width: 480px){.station-item-btn{flex-direction:column;align-items:flex-start;gap:.25rem;padding:.5rem .75rem}.station-item-title{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-item-desc{font-size:.75rem}}.header-container{justify-content:center;align-items:center;gap:8px}.header-pill{width:1200px;max-width:calc(100% - 32px);margin:0 auto;background:#ffffff26;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 6px 6px 18px;box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.header-pill.header-pill-hamburger{display:none}@media (min-width: 769px){.liquid-glass{position:relative;overflow:hidden;isolation:isolate;background:transparent;border-radius:999px;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 6px #0003,0 0 20px #0000001a}.liquid-glass__filter,.liquid-glass__overlay,.liquid-glass__specular{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.liquid-glass__filter{z-index:0;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);filter:url(#rituon-liquid-glass-filter) saturate(1.12) brightness(1.08)}.liquid-glass__overlay{z-index:1;background:#ffffff21}.liquid-glass__specular{z-index:2;box-shadow:inset 1px 1px #ffffff7a,inset 0 0 3px #ffffff3d}.liquid-glass__content{position:relative;z-index:3;grid-column:1 / -1;grid-row:1;justify-self:stretch;align-self:stretch;min-width:0;width:100%;height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.liquid-glass__content .app-logo{justify-self:start}.liquid-glass__content .header-nav{justify-self:center}.liquid-glass__content .btn-theme-toggle{justify-self:end}}.header-pill .app-logo{justify-self:start}.header-pill .header-nav{justify-self:center;gap:1.25rem}.header-pill .btn-theme-toggle{justify-self:end}.btn-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:50%;transition:background .2s ease}.btn-hamburger:hover{background:#ffffff1a}.mobile-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;left:auto;min-width:180px;background:#ffffff26;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius-card);padding:.5rem;box-shadow:0 1px 2px #0f172a0a,0 8px 32px #0f172a14,inset 0 1px #ffffff80;flex-direction:column;gap:.25rem;z-index:100}html[data-theme=dark] .mobile-menu{background:#0f172a8c;border-color:#ffffff14;box-shadow:0 1px 2px #0003,0 8px 32px #00000040,inset 0 1px #ffffff1a}.mobile-menu-item{background:transparent;border:none;padding:.6rem .75rem;font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--color-text-primary);text-align:left;cursor:pointer;border-radius:10px;transition:background .15s ease,color .15s ease;white-space:nowrap}.mobile-menu-item:hover{background:#ffffff1f;color:var(--color-accent)}.header-pill .app-logo{display:inline-flex;align-items:center;gap:8px;text-decoration:none}.header-pill .app-logo-icon{width:24px;height:24px;border-radius:8px;background:linear-gradient(135deg,#6ee7b7,#34d399,#047857);box-shadow:inset 2px 2px 4px #fff6,inset -2px -2px 4px #0003,0 4px 10px #0478574d;position:relative;flex-shrink:0;transform:none;border:none}.header-pill .app-logo-icon:after{content:"R";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;font-weight:900;color:#fde68a;line-height:1;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;text-shadow:0 0 4px rgba(245,158,11,.4),0 1px 1px rgba(0,0,0,.2)}.header-pill .app-logo-text{font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:800;color:#0a0a0a;letter-spacing:-.01em}html[data-theme=dark] .header-pill .app-logo-text{color:#f8fafc}html[data-theme=dark] .header-pill .app-logo-icon{background:linear-gradient(135deg,#10b981,#059669,#065f46);box-shadow:inset 2px 2px 4px #ffffff26,inset -2px -2px 4px #00000059,0 4px 10px #065f4680}html[data-theme=dark] .header-pill .app-logo-icon:after{color:#fde68a;text-shadow:0 0 6px rgba(253,230,138,.45)}.header-pill .app-logo-icon{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease}.header-pill .app-logo:hover .app-logo-icon{transform:scale(1.08);box-shadow:inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #0003,0 0 8px #fde68a66,0 0 18px #fde68a2e}html[data-theme=dark] .header-pill .app-logo:hover .app-logo-icon{box-shadow:inset 2px 2px 4px #ffffff26,inset -2px -2px 4px #00000059,0 0 8px #fde68a99,0 0 18px #fde68a59}.app-header{border-bottom:none;transition:none}html[data-theme=dark] .app-header{background:transparent;border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none}.app-header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding-top:.75rem}html[data-theme=dark] .header-pill,html[data-theme=dark] .header-pill-hamburger{background:#ffffff1a;border-color:#ffffff24;box-shadow:0 1px 2px #0003,0 8px 32px #00000040,inset 0 1px #ffffff1a}html[data-theme=dark] .header-pill .header-nav{color:#cbd5e1}.header-pill .nav-link-btn{border-radius:999px;padding:.35rem .75rem;transition:color .35s ease,text-shadow .4s ease,box-shadow .35s ease,background .35s ease,transform .45s cubic-bezier(.22,1,.36,1)}.header-pill .nav-link-btn:hover{background:transparent;color:#047857;transform:scale(1.04);text-shadow:0 0 5px rgba(4,120,87,.4),0 0 10px rgba(4,120,87,.22)}html[data-theme=dark] .header-pill .nav-link-btn:hover{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.55),0 0 10px rgba(255,255,255,.3)}.btn-theme-toggle.scene-toggle{position:relative;width:78px;height:36px;padding:0;background:linear-gradient(135deg,#a7f3d0,#6ee7b7 60%,#34d399);border:none;border-radius:999px;box-shadow:inset 0 1px 2px #00000026;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;display:block;transition:background .6s ease,box-shadow .3s ease,transform .2s ease}.btn-theme-toggle.scene-toggle:hover{transform:none;box-shadow:inset 0 1px 2px #00000026,0 0 5px #8b5cf6bf,0 0 10px #8b5cf673}.btn-theme-toggle.scene-toggle.dark:hover{transform:none;box-shadow:inset 0 1px 2px #00000026,0 0 5px #fde68abf,0 0 10px #fde68a73}.btn-theme-toggle.scene-toggle:active{transform:none;box-shadow:inset 0 1px 2px #00000026}.btn-theme-toggle.scene-toggle.dark{background:linear-gradient(135deg,#0f3a5f,#134e4a,#1e293b)}.btn-theme-toggle.scene-toggle .star{position:absolute;width:2px;height:2px;background:#f8fafc;border-radius:50%;opacity:0;transition:opacity .4s ease}.btn-theme-toggle.scene-toggle .star.s2{width:1.5px;height:1.5px}.btn-theme-toggle.scene-toggle .star.s5{width:1px;height:1px}.btn-theme-toggle.scene-toggle .star.s6{width:1.5px;height:1.5px}.btn-theme-toggle.scene-toggle .star.s7{width:1px;height:1px}.btn-theme-toggle.scene-toggle .star.s1{top:6px;left:14px}.btn-theme-toggle.scene-toggle .star.s2{top:14px;left:24px}.btn-theme-toggle.scene-toggle .star.s3{top:22px;left:12px}.btn-theme-toggle.scene-toggle .star.s4{top:8px;left:30px}.btn-theme-toggle.scene-toggle .star.s5{top:26px;left:28px}.btn-theme-toggle.scene-toggle .star.s6{top:4px;left:40px}.btn-theme-toggle.scene-toggle .star.s7{top:18px;left:36px}.btn-theme-toggle.scene-toggle .star.s8{top:28px;left:44px}.btn-theme-toggle.scene-toggle.dark .star{opacity:1}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.2;transform:scale(.6)}}.btn-theme-toggle.scene-toggle.dark .star{animation:twinkle 2.4s ease-in-out infinite}.btn-theme-toggle.scene-toggle.dark .star.s2{animation-delay:.3s}.btn-theme-toggle.scene-toggle.dark .star.s3{animation-delay:.7s}.btn-theme-toggle.scene-toggle.dark .star.s4{animation-delay:1.1s}.btn-theme-toggle.scene-toggle.dark .star.s5{animation-delay:1.5s}.btn-theme-toggle.scene-toggle.dark .star.s6{animation-delay:.5s}.btn-theme-toggle.scene-toggle.dark .star.s7{animation-delay:.9s}.btn-theme-toggle.scene-toggle.dark .star.s8{animation-delay:1.7s}.btn-theme-toggle.scene-toggle .sun{position:absolute;left:42px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:radial-gradient(circle at 35% 35%,#fef3c7,#fde68a,#fbbf24);border-radius:50%;box-shadow:0 0 6px #fef08ab3;transition:opacity .4s ease,transform .5s cubic-bezier(.32,.72,0,1);z-index:1}.btn-theme-toggle.scene-toggle.dark .sun{opacity:0;transform:translateY(-50%) scale(.3)}.btn-theme-toggle.scene-toggle .moon{position:absolute;left:14px;top:42%;transform:translateY(-50%) scale(.3);width:11px;height:11px;background:radial-gradient(circle at 32% 32%,#fffbeb,#fde68a,#d97706);border-radius:50%;box-shadow:inset -2px -2px 3px #b4530973,0 0 6px #fde68a80;opacity:0;transition:opacity .4s ease,transform .5s cubic-bezier(.32,.72,0,1);z-index:1}.btn-theme-toggle.scene-toggle.dark .moon{opacity:1;transform:translateY(-50%) scale(1)}.btn-theme-toggle.scene-toggle .cloud{position:absolute;left:56px;top:50%;transform:translateY(-50%);width:16px;height:7px;background:#fff;border-radius:999px;opacity:.95;box-shadow:0 1px 2px #0f172a14;z-index:1;transition:opacity .4s ease}.btn-theme-toggle.scene-toggle .cloud:before{content:"";position:absolute;left:2px;top:-3px;width:6px;height:6px;background:#fff;border-radius:50%}.btn-theme-toggle.scene-toggle .cloud:after{content:"";position:absolute;right:2px;top:-2px;width:5px;height:5px;background:#fff;border-radius:50%}.btn-theme-toggle.scene-toggle.dark .cloud{opacity:0}.btn-theme-toggle.scene-toggle .cloud.sm{width:9px;height:4px}.btn-theme-toggle.scene-toggle .cloud.sm:before{width:4px;height:4px;left:1px;top:-2px}.btn-theme-toggle.scene-toggle .cloud.sm:after{width:3px;height:3px;right:1px;top:-1.5px}.btn-theme-toggle.scene-toggle .cloud.xs{width:6px;height:3px}.btn-theme-toggle.scene-toggle .cloud.xs:before{width:3px;height:3px;left:.5px;top:-1.5px}.btn-theme-toggle.scene-toggle .cloud.xs:after{width:2.5px;height:2.5px;right:.5px;top:-1px}.btn-theme-toggle.scene-toggle .cloud.c2{top:6px;left:40px}.btn-theme-toggle.scene-toggle .cloud.c3{top:7px;left:52px}.btn-theme-toggle.scene-toggle .cloud.c4{top:26px;left:36px}.btn-theme-toggle.scene-toggle .cloud.c5{top:26px;left:58px}.btn-theme-toggle.scene-toggle:not(.dark) .cloud.c2{animation-delay:.4s}.btn-theme-toggle.scene-toggle:not(.dark) .cloud.c3{animation-delay:1.2s}.btn-theme-toggle.scene-toggle:not(.dark) .cloud.c4{animation-delay:.8s}.btn-theme-toggle.scene-toggle:not(.dark) .cloud.c5{animation-delay:1.6s}@keyframes cloudFloat{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-55%) translate(.8px)}}@keyframes sunShine{0%,to{box-shadow:0 0 6px #fef08ab3}50%{box-shadow:0 0 12px #fef08a,0 0 18px #fef08a4d}}.btn-theme-toggle.scene-toggle:not(.dark) .cloud{animation:cloudFloat 3.5s ease-in-out infinite}.btn-theme-toggle.scene-toggle:not(.dark) .sun{animation:sunShine 2.8s ease-in-out infinite}.btn-theme-toggle.scene-toggle .indicator{position:absolute;left:3px;top:3px;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0000002e,0 0 0 .5px #0000000d;transform-origin:center;transform:scale(1);transition:left .55s cubic-bezier(.7,0,.3,1),background .4s ease;z-index:2}.btn-theme-toggle.scene-toggle.dark .indicator{left:calc(100% - 33px);background:linear-gradient(135deg,#f1f5f9,#cbd5e1)}.btn-theme-toggle.scene-toggle.morphing .indicator{will-change:transform;animation:liquidShape .6s cubic-bezier(.4,0,.2,1)}@keyframes liquidShape{0%{transform:scale(1)}6%{transform:scale(.7,1.2)}18%{transform:scale(.85,1.1)}32%{transform:scale(1.05,.97)}46%{transform:scale(1.32,.8)}54%{transform:scale(1.32,.8)}66%{transform:scale(1.08,.94)}80%{transform:scale(.88,1.08)}90%{transform:scale(.78,1.15)}95%{transform:scale(.93,1.04)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.btn-theme-toggle.scene-toggle.dark .star,.btn-theme-toggle.scene-toggle:not(.dark) .cloud,.btn-theme-toggle.scene-toggle:not(.dark) .sun,.btn-theme-toggle.scene-toggle.morphing .indicator{animation:none}}@media (max-width: 768px){.header-pill .btn-theme-toggle.scene-toggle{min-width:60px!important;min-height:28px!important;width:60px!important;height:28px!important;padding:0!important;flex-shrink:0}.header-pill .btn-theme-toggle.scene-toggle .indicator{width:22px;height:22px}.header-pill .btn-theme-toggle.scene-toggle.dark .indicator{left:calc(100% - 25px)}}.night-sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;display:none;overflow:hidden}html[data-theme=dark] .night-sky{display:block}html[data-theme=dark] body{background:linear-gradient(180deg,#0a0820,#14122e,#1c1a3e 60%,#1a1838) fixed,linear-gradient(180deg,#0a0820,#14122e,#1c1a3e 60%,#1a1838);background-image:linear-gradient(180deg,#0a0820,#14122e,#1c1a3e 60%,#1a1838)}html[data-theme=dark] .app-wrapper{background:transparent}.app-container{position:relative;z-index:1}.sky-nebula{position:absolute;border-radius:50%;filter:blur(50px)}.sky-nebula.n1{left:5%;top:12%;width:260px;height:180px;background:radial-gradient(ellipse,rgba(139,92,246,.22) 0%,transparent 70%)}.sky-nebula.n2{right:8%;top:38%;width:280px;height:200px;background:radial-gradient(ellipse,rgba(99,102,241,.18) 0%,transparent 70%)}.sky-nebula.n3{left:35%;top:55%;width:220px;height:160px;background:radial-gradient(ellipse,rgba(168,85,247,.12) 0%,transparent 70%)}.sky-cloud{position:absolute;background:linear-gradient(90deg,#14122800,#1916328c,#14122800);border-radius:999px;filter:blur(8px)}.sky-cloud.c1{left:-2%;top:38%;width:140px;height:22px}.sky-cloud.c2{right:5%;top:62%;width:160px;height:24px}.sky-cloud.c3{left:18%;top:78%;width:120px;height:18px}.sky-cloud-drift{position:absolute;background:linear-gradient(90deg,#28234600,#463c788c,#28234600);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;filter:blur(8px);animation:cloudDrift linear infinite;will-change:transform}.sky-cloud-drift:before{content:"";position:absolute;left:20%;top:-40%;width:45%;height:80%;background:inherit;border-radius:50% 50% 45% 55%/60% 40%;filter:blur(4px)}.sky-cloud-drift:after{content:"";position:absolute;right:15%;top:-25%;width:35%;height:65%;background:inherit;border-radius:55% 45% 60% 40%/45% 55%;filter:blur(4px)}.sky-cloud-drift.d1{top:8%;width:300px;height:40px;animation-duration:50s;animation-delay:0s}.sky-cloud-drift.d2{top:32%;width:620px;height:76px;animation-duration:75s;animation-delay:-12s}.sky-cloud-drift.d3{top:50%;width:220px;height:30px;animation-duration:40s;animation-delay:-25s}.sky-cloud-drift.d4{top:72%;width:480px;height:60px;animation-duration:85s;animation-delay:-38s}.sky-cloud-drift.d5{top:20%;width:540px;height:68px;animation-duration:60s;animation-delay:-6s}.sky-cloud-drift.d6{top:60%;width:360px;height:46px;animation-duration:70s;animation-delay:-30s}.sky-cloud-drift.d7{top:14%;width:380px;height:50px;animation-duration:55s;animation-delay:-18s}.sky-cloud-drift.d8{top:42%;width:280px;height:38px;animation-duration:45s;animation-delay:-42s}.sky-cloud-drift.d9{top:66%;width:460px;height:58px;animation-duration:80s;animation-delay:-52s}.sky-cloud-drift.d10{top:26%;width:200px;height:28px;animation-duration:38s;animation-delay:-8s}.sky-cloud-drift.d11{top:86%;width:520px;height:64px;animation-duration:90s;animation-delay:-60s}.sky-cloud-drift.d12{top:4%;width:260px;height:34px;animation-duration:48s;animation-delay:-22s}.sky-cloud-drift.d13{top:56%;width:340px;height:44px;animation-duration:65s;animation-delay:-47s}.sky-cloud-drift.d14{top:38%;width:420px;height:52px;animation-duration:72s;animation-delay:-33s}@keyframes cloudDrift{0%{transform:translate(-800px)}to{transform:translate(calc(100vw + 800px))}}.sky-star{position:absolute;background:#fff;border-radius:50%;animation:skyTwinkle 3.2s ease-in-out infinite}@keyframes skyTwinkle{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.sky-star.s-sm{width:1.5px;height:1.5px;box-shadow:0 0 2px #fff9}.sky-star.s-md{width:2.5px;height:2.5px;box-shadow:0 0 4px #ffffffd9}.sky-star.s-lg{width:3.5px;height:3.5px;box-shadow:0 0 6px #fffffff2}.sky-star.s-cool{background:#c7d2fe;box-shadow:0 0 4px #c7d2fecc}.sky-star.s-warm{background:#fef3c7;box-shadow:0 0 4px #fef3c7cc}.sky-moon-wrap{position:absolute;top:12%;right:8%;width:110px;height:110px;pointer-events:auto;cursor:default;perspective:600px;perspective-origin:50% 50%;isolation:isolate}.sky-moon{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fef3c7,#fde68a 30%,#fbbf24,#f59e0b);box-shadow:0 0 20px #fde68a8c,0 0 50px #fde68a4d,0 0 90px #fde68a26,0 0 140px #fde68a14;animation:moonPulse 6s ease-in-out infinite;transform:scale(var(--moon-scale, 1)) rotateX(var(--moon-tilt-x, 0deg)) rotateY(var(--moon-tilt-y, 0deg));transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}@keyframes moonPulse{0%,to{box-shadow:0 0 20px #fde68a73,0 0 50px #fde68a40,0 0 90px #fde68a1f,0 0 140px #fde68a0f,inset -10px -10px 24px #b4530959,inset 4px 4px 12px #ffffff40}50%{box-shadow:0 0 24px #fde68aa6,0 0 58px #fde68a66,0 0 100px #fde68a38,0 0 150px #fde68a1f,inset -10px -10px 24px #b4530959,inset 4px 4px 12px #ffffff40}}.sky-moon-crater{position:absolute;border-radius:50%;background:#b4530947;box-shadow:inset 1px 1px #ffffff4d,inset -1px -1px 1px #0000001f}.sky-moon-specular{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.4) 4px,rgba(255,251,235,.12) 10px,transparent 16px);pointer-events:none;mix-blend-mode:screen}.sky-moon-rim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 28%,transparent 0%,transparent 30%,rgba(255,251,235,.32) 44%,rgba(255,251,235,.18) 48%,transparent 52%);pointer-events:none;mix-blend-mode:screen}.sky-moon-crater.c1{left:48%;top:32%;width:12px;height:12px}.sky-moon-crater.c2{left:28%;top:58%;width:8px;height:8px}.sky-moon-crater.c3{left:62%;top:62%;width:6px;height:6px}.sky-moon-crater.c4{left:38%;top:75%;width:7px;height:7px}.sky-moon-light{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(255,251,235,.55) 0%,rgba(255,251,235,.24) 18%,rgba(255,251,235,.06) 40%,transparent 60%);pointer-events:none;mix-blend-mode:screen}.sky-moon-shadow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 70% 72%,rgba(60,30,8,.4) 0%,rgba(60,30,8,.14) 30%,transparent 55%);pointer-events:none;mix-blend-mode:multiply}@media (prefers-reduced-motion: reduce){.sky-star,.sky-moon,.sky-cloud-drift{animation:none}.sky-moon{transition:none}}.day-sky{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;display:block;overflow:hidden;background:linear-gradient(180deg,#a8d0ec,#c4deee 25%,#dde8f1,#ebede5 85%,#f2f2ef)}html[data-theme=dark] .day-sky{display:none}.day-wisp{position:absolute;pointer-events:none;border-radius:60% 40% 55% 45%/50% 60% 40% 50%;background:radial-gradient(ellipse at center,#ffffff8c,#fff0 70%);filter:blur(40px)}.day-wisp.w1{width:60vw;height:24vh;top:4%;left:-10%}.day-wisp.w2{width:50vw;height:28vh;top:22%;right:-8%;opacity:.7}.day-wisp.w3{width:70vw;height:22vh;top:50%;left:15%;opacity:.5}.day-sun-wrap{position:absolute;top:12%;right:8%;width:110px;height:110px;z-index:2;pointer-events:auto;cursor:default;perspective:600px;perspective-origin:50% 50%}.day-sun{position:relative;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff8db,#fde68a 30%,#fbbf24,#f59e0b);box-shadow:0 0 28px #fde0478c,0 0 60px #fde04752,0 0 110px #fde04729;animation:sunPulse 6s ease-in-out infinite;transform:scale(var(--sun-scale, 1)) rotateX(var(--sun-tilt-x, 0deg)) rotateY(var(--sun-tilt-y, 0deg));transition:transform .18s ease-out;transform-style:preserve-3d;will-change:transform}@keyframes sunPulse{0%,to{box-shadow:0 0 28px #fde0478c,0 0 60px #fde04752,0 0 110px #fde04729}50%{box-shadow:0 0 34px #fde047ad,0 0 72px #fde04773,0 0 130px #fde0473d}}.day-cloud{position:absolute;background:linear-gradient(180deg,#fffffff2,#f5faffe6,#d2e1f0b3);border-radius:60% 40% 55% 45%/50% 60% 40% 50%;filter:blur(3px);box-shadow:inset 0 8px 14px #ffffffe6,inset 0 -10px 18px #b4c8dc40,0 12px 30px #7896b41a;animation:cloudDrift linear infinite;will-change:transform}.day-cloud.sm{width:160px;height:60px}.day-cloud.md{width:280px;height:90px}.day-cloud.lg{width:400px;height:120px}.day-cloud.xl{width:520px;height:150px}.day-cloud.layer-back{z-index:1}.day-cloud.layer-front{z-index:3}@media (prefers-reduced-motion: reduce){.day-sun,.day-cloud{animation:none}.day-sun{transition:none}}@media (max-width: 768px){:root{--mobile-header-offset: calc(80px + env(safe-area-inset-top)) }.app-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;padding-top:max(.75rem,env(safe-area-inset-top))}.app-container{padding-top:var(--mobile-header-offset)}.mobile-menu{max-height:calc(100vh - var(--mobile-header-offset) - 16px);overflow-y:auto}}.hero-clock-slot{display:none}.local-time-clock{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:clamp(240px,22vw,320px);min-height:100%;padding:1.5rem 1.75rem;border-radius:var(--radius-card);background:#ffffff29;border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(9px) saturate(1.08);-webkit-backdrop-filter:blur(9px) saturate(1.08);box-shadow:0 1px 2px #0f172a08,0 6px 18px #0f172a0f,inset 0 1px #fff6;font-family:var(--font-sans);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}html[data-theme=dark] .local-time-clock{background:#ffffff0f;border-color:#ffffff1a;backdrop-filter:blur(9px) saturate(1.12);-webkit-backdrop-filter:blur(9px) saturate(1.12);box-shadow:0 1px 2px #0000002e,0 6px 18px #00000038,inset 0 1px #ffffff14}.local-time-clock__header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.local-time-clock__label{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.local-time-clock__format-toggle{display:inline-flex;align-items:stretch;padding:2px;border-radius:999px;background:#0f172a0d;border:1px solid rgba(15,23,42,.08);font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.local-time-clock__format-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;padding:.18rem .5rem;color:var(--color-text-primary);opacity:.55;cursor:pointer;border-radius:999px;transition:background .18s ease,opacity .18s ease,color .18s ease}.local-time-clock__format-option:hover{opacity:.85}.local-time-clock__format-option.is-active{background:#0f172a1a;opacity:1;color:var(--color-text-primary)}.local-time-clock__format-option:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:2px}html[data-theme=dark] .local-time-clock__format-toggle{background:#ffffff0f;border-color:#ffffff1a}html[data-theme=dark] .local-time-clock__format-option.is-active{background:#ffffff1a}.local-time-clock__time-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;font-family:var(--font-mono);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:.95}.local-time-clock__hours{font-weight:500;font-size:clamp(6rem,11vw,9rem);letter-spacing:-.02em;line-height:.9}.local-time-clock__minute-second{display:inline-flex;align-items:baseline;gap:.35rem;font-weight:400;letter-spacing:.02em;opacity:.82}.local-time-clock__minutes{font-size:clamp(2.6rem,5.5vw,4.4rem);line-height:.9}.local-time-clock__ms-sep{font-size:clamp(2.4rem,5vw,4rem);line-height:.9;opacity:.55;transform:translateY(-.04em)}.local-time-clock__seconds{font-size:clamp(1.9rem,4vw,3.2rem);line-height:.9;color:var(--color-orange);opacity:.92;text-shadow:0 0 4px rgba(255,87,34,.55),0 0 12px rgba(255,87,34,.35),0 0 22px rgba(255,87,34,.2)}.local-time-clock__period{font-family:var(--font-sans);font-size:.62rem;font-weight:700;letter-spacing:.18em;opacity:.55;text-transform:uppercase}.local-time-clock__city{font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.local-time-clock__placeholder{font-family:var(--font-sans);font-size:.95rem;font-weight:500;letter-spacing:.02em;color:var(--color-text-primary);opacity:.6;display:flex;align-items:center}@property --wave-speed{syntax: "<number>"; inherits: false; initial-value: 2.5;}.local-time-clock__wave{--wave-speed: 2.5;width:100%;height:56px;background-color:var(--color-accent);cursor:pointer;opacity:.55;filter:drop-shadow(0 0 8px rgba(122,130,246,.75)) drop-shadow(0 0 20px rgba(122,130,246,.45));transition:background-color .22s ease,filter .22s ease,opacity .22s ease,--wave-speed .6s cubic-bezier(.4,0,.2,1);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 56' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.5' stop-color='%23fff' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,28 Q 30,12 60,28 T 120,28 L 120,32 Q 90,48 60,32 T 0,32 Z' fill='url(%23f)'/%3E%3C/svg%3E") repeat-x 0 50% / 120px 56px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 56' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='0.5' stop-color='%23fff' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M 0,28 Q 30,12 60,28 T 120,28 L 120,32 Q 90,48 60,32 T 0,32 Z' fill='url(%23f)'/%3E%3C/svg%3E") repeat-x 0 50% / 120px 56px;animation-name:local-time-clock-wave-flow;animation-duration:calc(var(--wave-speed) * 1s);animation-timing-function:linear;animation-iteration-count:infinite}.local-time-clock:hover .local-time-clock__wave{--wave-speed: 1.2;opacity:.85;filter:drop-shadow(0 0 12px rgba(122,130,246,1)) drop-shadow(0 0 28px rgba(122,130,246,.85)) drop-shadow(0 0 48px rgba(122,130,246,.55))}@keyframes local-time-clock-wave-flow{0%{-webkit-mask-position:0 50%;mask-position:0 50%}to{-webkit-mask-position:-120px 50%;mask-position:-120px 50%}}html[data-theme=dark] .local-time-clock__wave{background-color:var(--color-accent-amber);opacity:.55;filter:drop-shadow(0 0 8px rgba(255,87,34,.85)) drop-shadow(0 0 20px rgba(255,87,34,.5))}html[data-theme=dark] .local-time-clock:hover .local-time-clock__wave{--wave-speed: 1.2;opacity:.85;filter:drop-shadow(0 0 12px rgba(255,87,34,1)) drop-shadow(0 0 28px rgba(255,87,34,.85)) drop-shadow(0 0 48px rgba(255,87,34,.55))}@media (prefers-reduced-motion: reduce){.local-time-clock__wave{animation:none}}@media (prefers-reduced-motion: reduce){.local-time-clock:hover{transform:none}}@media (min-width: 1024px){.hero-grid{grid-template-columns:1fr auto;grid-template-areas:"header header" "search clock";align-items:stretch;gap:1.5rem .5rem}.hero-header-text{grid-area:header}.search-controls-container{grid-area:search}.hero-clock-slot{grid-area:clock;display:block;transform:translate(-1rem)}}@media (hover: hover) and (pointer: fine) and (min-width: 1024px){.local-time-clock:hover{transform:translateY(-3px);border-color:#ffffff73;box-shadow:0 2px 4px #0f172a0f,0 14px 32px #0f172a1f,inset 0 1px #ffffff80}html[data-theme=dark] .local-time-clock:hover{border-color:#ffffff2e;box-shadow:0 2px 4px #00000047,0 14px 32px #00000052,inset 0 1px #ffffff1f}}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/plus-jakarta-sans-latin-400-normal-Dhut76fR.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-400-normal-BDKaGhyp.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/plus-jakarta-sans-latin-500-normal-Bf-nb4oT.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-500-normal-DYtqi0QS.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/plus-jakarta-sans-latin-600-normal-DLTa1BUW.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-600-normal-BR_Ojra4.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/plus-jakarta-sans-latin-700-normal-CfpNZvy6.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-700-normal-DqEcQeE5.woff) format("woff")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/plus-jakarta-sans-latin-800-normal-CusIZhrK.woff2) format("woff2"),url(/assets/plus-jakarta-sans-latin-800-normal-BRNHt2w0.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/syne-latin-700-normal-AF3Rs61n.woff2) format("woff2"),url(/assets/syne-latin-700-normal-Cd-_iCn5.woff) format("woff")}@font-face{font-family:Syne;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/syne-latin-800-normal-EehdNYzx.woff2) format("woff2"),url(/assets/syne-latin-800-normal-BuJcbPcX.woff) format("woff")}