*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f5f6fa;--bg2: #eef0f6;--card-bg: #ffffff;--card-border: rgba(0, 0, 0, .08);--card-border-hover: rgba(0, 0, 0, .15);--accent: #e8622a;--accent2: #c0392b;--gradient: linear-gradient(135deg, #e8622a, #c0392b);--gradient-subtle: linear-gradient(135deg, rgba(232,98,42,.08), rgba(192,57,43,.08));--text: #1a1a2e;--text2: #4a5568;--text3: #a0aec0;--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif;--blur: blur(20px);--blur-sm: blur(10px);--radius: 12px;--radius-sm: 8px;--radius-pill: 999px;--shadow-orange: 0 8px 32px rgba(232, 98, 42, .12);--shadow-card: 0 2px 12px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);--transition: .3s cubic-bezier(.4, 0, .2, 1);--player-height: 88px}html{scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg);color:var(--text);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:#e8622a33;color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000a}::-webkit-scrollbar-thumb{background:#e8622a59;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e8622a99}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blob1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-60px) scale(1.1)}66%{transform:translate(-30px,20px) scale(.95)}}@keyframes blob2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,40px) scale(1.05)}66%{transform:translate(30px,-30px) scale(1.1)}}@keyframes blob3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,50px) scale(.9)}}@keyframes eq1{0%,to{height:8px}50%{height:28px}}@keyframes eq2{0%,to{height:20px}50%{height:6px}}@keyframes eq3{0%,to{height:14px}25%{height:30px}75%{height:8px}}@keyframes eq4{0%,to{height:6px}40%{height:24px}}@keyframes eq5{0%,to{height:18px}60%{height:8px}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes float1{0%,to{transform:translateY(0) translate(0);opacity:.4}50%{transform:translateY(-20px) translate(10px);opacity:.7}}@keyframes float2{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(15px) translate(-8px);opacity:.6}}@keyframes glow{0%,to{box-shadow:0 2px 12px #e8622a1f,0 0 0 1px #e8622a26}50%{box-shadow:0 4px 24px #e8622a33,0 0 0 1px #e8622a40}}#root{display:flex;flex-direction:column;min-height:100vh}.app-wrapper{display:flex;flex-direction:column;min-height:100vh;padding-bottom:100px}.glass{background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.header-desktop{position:sticky;top:0;z-index:100;padding:0 32px;height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;background:#f7f8fceb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.07);transition:box-shadow var(--transition);overflow:visible}.header-desktop.scrolled{box-shadow:0 2px 16px #00000014}.header-mobile-pill{display:none;position:fixed;top:10px;left:50%;transform:translate(-50%);width:calc(100vw - 24px);max-width:480px;height:52px;z-index:200;align-items:center;gap:8px;padding:0 8px 0 14px;border-radius:999px;background:#fffffff2;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid rgba(0,0,0,.09);box-shadow:0 4px 20px #0000001f,0 1px #fff inset}.hmp-logo{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0}.hmp-logo-icon{color:var(--accent);display:flex;align-items:center}.hmp-logo-icon img{width:32px;height:32px;border-radius:7px}.hmp-logo-main{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.04em}.hmp-logo-fm{font-size:18px;font-weight:800;letter-spacing:-.04em;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hmp-spacer{flex:1}.hmp-now-playing{display:flex;align-items:center;gap:5px;max-width:120px;overflow:hidden}.hmp-live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}.hmp-now-text{font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hmp-search-btn{width:36px;height:36px;border-radius:50%;background:#e8622a14;border:1px solid rgba(232,98,42,.18);color:var(--accent);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .15s,transform .15s}.hmp-search-btn:hover{background:#e8622a26;transform:scale(1.05)}.header-logo{display:flex;align-items:baseline;gap:0;text-decoration:none;cursor:pointer}.header-logo-main{font-size:22px;font-weight:800;color:#fff;letter-spacing:-.5px}.header-logo-fm{font-size:22px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.header-tagline{font-size:11px;font-weight:500;color:var(--text3);letter-spacing:.12em;text-transform:uppercase;margin-left:12px;margin-top:2px}.header-nav{display:flex;align-items:center;gap:8px}.header-nav a,.header-nav button{color:var(--text2);font-size:14px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:var(--radius-pill);border:none;background:none;cursor:pointer;transition:color var(--transition),background var(--transition);font-family:var(--font)}.header-nav a:hover,.header-nav button:hover{color:#fff;background:#ffffff0f}.header-left{display:flex;align-items:center}.hero{position:relative;padding:80px 32px 64px;overflow:hidden;text-align:center}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18}.hero-blob-1{width:600px;height:600px;background:radial-gradient(circle,rgba(232,98,42,.12),transparent);top:-200px;left:-150px;animation:blob1 18s ease-in-out infinite}.hero-blob-2{width:500px;height:500px;background:radial-gradient(circle,rgba(192,57,43,.1),transparent);top:-100px;right:-100px;animation:blob2 22s ease-in-out infinite}.hero-blob-3{width:400px;height:400px;background:radial-gradient(circle,rgba(74,26,139,.06),transparent);bottom:-100px;left:40%;animation:blob3 16s ease-in-out infinite}.hero-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#e8622a66}.hero-content{position:relative;z-index:1;max-width:720px;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;padding:6px 16px;border-radius:var(--radius-pill);border:1px solid rgba(232,98,42,.2);background:#e8622a0f}.hero-title{font-size:clamp(42px,7vw,80px);font-weight:800;line-height:1.05;letter-spacing:-2px;margin-bottom:20px;background:linear-gradient(135deg,#1a1a2e,#2d3748,#e8622a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease both}.hero-sub{font-size:18px;color:var(--text2);line-height:1.6;margin-bottom:48px;animation:fadeInUp .8s .1s ease both;font-weight:400}.hero-stats{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px;animation:fadeInUp .8s .2s ease both}.stat-card{background:#fff;border:1px solid var(--card-border);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border-radius:var(--radius);padding:20px 28px;text-align:center;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition);min-width:120px;box-shadow:var(--shadow-card)}.stat-card:hover{border-color:#e8622a4d;transform:translateY(-2px);box-shadow:var(--shadow-orange)}.stat-number{font-size:28px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:var(--text3);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.hero-waveform{display:flex;align-items:center;justify-content:center;gap:5px;height:48px;animation:fadeInUp .8s .3s ease both}.wave-bar{width:4px;background:var(--gradient);border-radius:2px;transform-origin:bottom;animation:waveBar ease-in-out infinite}.wave-bar:nth-child(1){height:24px;animation-duration:1.1s;animation-delay:0s}.wave-bar:nth-child(2){height:38px;animation-duration:.9s;animation-delay:.15s}.wave-bar:nth-child(3){height:48px;animation-duration:1.3s;animation-delay:.3s}.wave-bar:nth-child(4){height:32px;animation-duration:.8s;animation-delay:.05s}.wave-bar:nth-child(5){height:42px;animation-duration:1.05s;animation-delay:.2s}.wave-bar:nth-child(6){height:20px;animation-duration:1.4s;animation-delay:.4s}.search-section{padding:0 32px 24px;max-width:760px;margin:0 auto;width:100%}.search-wrap{position:relative;display:flex;align-items:center}.search-input{width:100%;background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-pill);color:var(--text);font-size:15px;font-family:var(--font);padding:16px 52px;outline:none;transition:border-color var(--transition),box-shadow var(--transition);box-shadow:var(--shadow-card)}.search-input::placeholder{color:var(--text3)}.search-input:focus{border-color:#e8622a80;box-shadow:0 0 0 3px #e8622a1a,var(--shadow-orange)}.search-icon{position:absolute;left:18px;color:var(--text3);pointer-events:none;display:flex;align-items:center}.search-clear{position:absolute;right:16px;background:#0000000f;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);font-size:16px;transition:background var(--transition),color var(--transition)}.search-clear:hover{background:#0000001f;color:var(--text)}.filter-section{padding:0 32px 32px}.filter-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text3);margin-bottom:12px}.filter-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.filter-scroll::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:8px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--card-border);background:#fff;color:var(--text2);transition:all var(--transition);white-space:nowrap;font-family:var(--font);box-shadow:var(--shadow-card)}.filter-pill:hover{border-color:var(--card-border-hover);color:var(--text);background:#00000005}.filter-pill.active{background:var(--gradient);border-color:transparent;color:#fff;box-shadow:var(--shadow-orange)}.country-filters{margin-top:12px}.country-filters .filter-scroll{gap:6px}.country-pill{flex-shrink:0;padding:5px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:500;cursor:pointer;border:1px solid var(--card-border);background:#fff;color:var(--text3);transition:all var(--transition);white-space:nowrap;font-family:var(--font);box-shadow:0 1px 3px #0000000a}.country-pill:hover{border-color:#e8622a40;color:var(--text2)}.country-pill.active{border-color:#e8622a66;color:var(--accent);background:#e8622a0f}.station-grid-section{padding:0 32px 48px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title{font-size:20px;font-weight:700;color:var(--text)}.section-count{font-size:13px;color:var(--text3);font-weight:500}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:48px}.country-group{margin-bottom:40px}.country-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--card-border)}.country-flag{font-size:22px}.country-name{font-size:16px;font-weight:600;color:var(--text)}.country-station-count{font-size:12px;color:var(--text3);background:#0000000d;padding:2px 8px;border-radius:var(--radius-pill)}.stations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.no-results{text-align:center;padding:80px 32px;color:var(--text3)}.no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-results-text{font-size:18px;font-weight:600;color:var(--text2);margin-bottom:8px}.no-results-sub{font-size:14px}.station-card{background:linear-gradient(160deg,#fff,#fafafa);border:1px solid rgba(0,0,0,.07);border-radius:16px;padding:16px;cursor:pointer;transition:transform .22s cubic-bezier(.25,.1,.25,1),box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden;animation:fadeInUp .5s ease both;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a,0 1px #ffffffe6 inset}.station-card:hover{transform:translateY(-3px);border-color:#e8622a33;box-shadow:0 4px 16px #00000014,0 12px 32px #e8622a1a,0 1px #ffffffe6 inset}.station-card.active{border-color:#e8622a59;background:linear-gradient(160deg,#fff8f5,#fff3ee);box-shadow:0 4px 20px #e8622a26,0 1px #ffffffe6 inset;animation:glow 3s ease-in-out infinite}.card-sheen{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.6) 0%,transparent 100%);border-radius:16px 16px 0 0;pointer-events:none;z-index:0}.sc-header{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.sc-flag-box{width:40px;height:40px;border-radius:10px;background:linear-gradient(145deg,#f5f5f7,#ebebef);border:1px solid rgba(0,0,0,.07);box-shadow:0 1px 4px #00000012,0 1px #fffc inset;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-flag{font-size:22px;line-height:1}.sc-fav{width:30px;height:30px;border-radius:50%;border:1px solid rgba(0,0,0,.07);background:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);transition:all var(--transition);opacity:0;box-shadow:0 1px 3px #0000000f}.station-card:hover .sc-fav,.station-card.active .sc-fav{opacity:1}@media (hover: none){.sc-fav{opacity:1}}.sc-fav:hover{background:#fff0f0;border-color:#ff6b9d4d;color:#ff6b9d}.sc-fav.faved{opacity:1;color:#ff6b9d;background:#fff0f5;border-color:#ff6b9d4d}.sc-body{position:relative;z-index:1;flex:1}.sc-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:3px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-meta{font-size:12px;color:var(--text3);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;position:relative;z-index:1}.sc-genre{font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--gc, #e8622a) 12%,white);color:var(--gc, #e8622a);border:1px solid color-mix(in srgb,var(--gc, #e8622a) 22%,transparent);white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em;text-transform:capitalize}.sc-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.sc-eq{display:flex;align-items:flex-end;gap:2px;height:18px}.sc-eq-bar{width:3px;background:var(--gradient);border-radius:2px;height:6px}.sc-eq-bar.playing:nth-child(1){animation:eq1 .8s ease-in-out infinite}.sc-eq-bar.playing:nth-child(2){animation:eq2 .6s ease-in-out infinite}.sc-eq-bar.playing:nth-child(3){animation:eq3 .9s ease-in-out infinite}.sc-eq-bar.playing:nth-child(4){animation:eq4 .7s ease-in-out infinite}.sc-eq-bar.playing:nth-child(5){animation:eq5 .85s ease-in-out infinite}.sc-play{position:relative;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#f07040,#e8622a,#c0392b);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;overflow:hidden;opacity:0;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);box-shadow:0 3px 10px #e8622a59,0 1px #ffffff4d inset,0 -1px #00000026 inset}.sc-play-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,transparent 100%);border-radius:50% 50% 0 0;pointer-events:none}.station-card:hover .sc-play,.station-card.active .sc-play{opacity:1}@media (hover: none){.sc-play{opacity:1}}.sc-play:hover{transform:scale(1.1);box-shadow:0 5px 16px #e8622a80,0 1px #ffffff4d inset,0 -1px #00000026 inset}.sc-play:active{transform:scale(.94)}.sc-play.active{background:linear-gradient(145deg,#2d3748,#1a202c);box-shadow:0 3px 10px #0003,0 1px #ffffff1a inset}.card-loading-spinner{width:16px;height:16px;border:2px solid rgba(212,104,42,.3);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}:root{--player-height: 80px}.player{position:fixed;bottom:14px;left:0;right:0;margin:0 auto;width:min(800px,calc(100vw - 32px));z-index:200;border-radius:999px;background:#fffffff2;backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 24px #0000001f,0 1px #fff inset,0 0 0 1px #fff9 inset;height:68px;display:flex;align-items:center;padding:0 12px 0 16px;gap:10px;animation:slideUp .4s cubic-bezier(.4,0,.2,1) both;overflow:hidden}.player:before{content:"";position:absolute;top:0;left:0;right:0;height:48%;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,transparent 100%);border-radius:999px 999px 0 0;pointer-events:none;z-index:2}.player:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,rgba(232,98,42,.4),transparent);border-radius:0 0 999px 999px;pointer-events:none}.player-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0;position:relative;z-index:3}.player-flag-wrap{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#fff,#f0f0f4);border:1.5px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000001a,0 1px #fff inset;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:24px}.player-station-info{min-width:0}.player-now-playing{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1px}.player-station-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}.player-station-meta{font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-center{display:flex;align-items:center;gap:4px;flex-shrink:0;position:relative;z-index:3;background:#0000000a;border:1px solid rgba(0,0,0,.07);border-radius:999px;padding:4px 6px;box-shadow:0 1px #ffffffe6 inset}.player-btn{background:none;border:none;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:color var(--transition),background var(--transition);flex-shrink:0}.player-btn:hover{color:var(--text);background:#00000012}.player-btn:disabled{opacity:.3;cursor:not-allowed}.player-play-btn{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#f07040,#e8622a 45%,#c0392b);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0;box-shadow:0 4px 14px #e8622a73,0 1px #fff6 inset,0 -2px #0000002e inset;transition:transform var(--transition),box-shadow var(--transition);color:#fff}.player-play-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,transparent 100%);border-radius:50% 50% 0 0;pointer-events:none}.player-play-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 22px #e8622a8c,0 1px #fff6 inset,0 -2px #0000002e inset}.player-play-btn:active{transform:scale(.95)}.player-live-badge{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#fff;text-transform:uppercase;padding:3px 9px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#ff6060,#e53e3e);box-shadow:0 2px 8px #e53e3e66,0 1px #ffffff4d inset}.player-right{display:flex;align-items:center;gap:8px;flex-shrink:0;position:relative;z-index:3}.player-volume-wrap{display:flex;align-items:center;gap:6px;background:#00000008;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:4px 10px 4px 8px;box-shadow:0 1px #ffffffe6 inset}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:3px;border-radius:2px;background:#0000001a;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:linear-gradient(145deg,#f07040,#e8622a);cursor:pointer;box-shadow:0 1px 4px #e8622a80,0 1px #fff6 inset;transition:transform var(--transition)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.volume-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.player-equalizer{display:flex;align-items:flex-end;gap:2px;height:20px}.player-eq-bar{width:3px;background:var(--gradient);border-radius:2px}.player-eq-bar.playing:nth-child(1){animation:eq1 .8s ease-in-out infinite}.player-eq-bar.playing:nth-child(2){animation:eq2 .6s ease-in-out infinite}.player-eq-bar.playing:nth-child(3){animation:eq3 .9s ease-in-out infinite}.player-eq-bar.playing:nth-child(4){animation:eq4 .7s ease-in-out infinite}.player-eq-bar.playing:nth-child(5){animation:eq5 .85s ease-in-out infinite}.player-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}.player-error{font-size:11px;color:#e53e3e;position:absolute;top:-32px;left:50%;transform:translate(-50%);white-space:nowrap;background:#fff;border:1px solid rgba(229,62,62,.25);padding:4px 12px;border-radius:var(--radius-pill);box-shadow:0 2px 8px #00000014}.footer{background:#fff;border-top:1px solid rgba(0,0,0,.07);margin-top:auto;overflow:hidden}.footer-wave{line-height:0}.footer-wave svg{width:100%;height:40px;display:block}.footer-body{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:40px;max-width:1100px;margin:0 auto;padding:40px 32px 32px}.footer-logo-wrap{display:flex;align-items:center;gap:10px;margin-bottom:12px}.footer-logo-icon{color:var(--accent);display:flex;align-items:center}.footer-logo-text{display:flex;align-items:baseline}.footer-logo-369{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.04em}.footer-logo-fm{font-size:22px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#e8622a,#c0392b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:13px;color:var(--text2);line-height:1.6;margin:0 0 16px}.footer-stats-row{display:flex;gap:0;border:1px solid rgba(0,0,0,.07);border-radius:12px;overflow:hidden;background:#e8622a08}.footer-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 8px;gap:2px;border-right:1px solid rgba(0,0,0,.07)}.footer-stat:last-child{border-right:none}.footer-stat-n{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:-.03em;line-height:1}.footer-stat-l{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.07em}.footer-col-title{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.footer-regions-list{display:flex;flex-direction:column;gap:8px}.footer-region-item{display:flex;align-items:center;gap:7px}.footer-region-emoji{font-size:13px;flex-shrink:0}.footer-region-name{font-size:12px;font-weight:500;color:var(--text2);width:72px;flex-shrink:0}.footer-region-track{flex:1;height:4px;background:#0000000f;border-radius:2px;overflow:hidden}.footer-region-fill{height:100%;background:linear-gradient(90deg,#f07040,#e8622a);border-radius:2px;min-width:4px}.footer-region-n{font-size:11px;font-weight:700;color:var(--text3);width:22px;text-align:right;flex-shrink:0}.footer-shortcuts-grid{display:flex;flex-direction:column;gap:7px}.footer-shortcut{display:flex;align-items:center;gap:8px}.footer-kbd{font-family:ui-monospace,SF Mono,monospace;font-size:10px;font-weight:700;color:var(--text);background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:5px;padding:2px 7px;box-shadow:0 1px #00000014;white-space:nowrap;min-width:52px;text-align:center;flex-shrink:0}.footer-links-list{display:flex;flex-direction:column;gap:8px}.footer-nav-link{font-size:13px;font-weight:500;color:var(--text2);text-decoration:none;background:none;border:none;font-family:var(--font);cursor:pointer;text-align:left;padding:0;transition:color var(--transition);width:fit-content}.footer-nav-link:hover{color:var(--accent)}.footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 32px;border-top:1px solid rgba(0,0,0,.06);background:#e8622a05;max-width:100%}.footer-copy{font-size:12px;color:var(--text3);font-weight:500}.footer-bottom-links{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text3)}.footer-dot{color:#0003}@media (max-width: 768px){.header{padding:0 16px;gap:0;grid-template-columns:auto 1fr auto}.header-nav,.header-tagline,.header-search-wrap{display:none}.hero{padding:40px 16px 32px}.hero-title{letter-spacing:-1px}.hero-sub{font-size:15px}.hero-stats{gap:8px}.stat-card{padding:14px 16px;min-width:72px}.hero-genre-pills{gap:6px}.hero-region-grid{grid-template-columns:repeat(3,1fr);gap:6px}.facts-ticker{padding:7px 16px}.facts-ticker-text{font-size:11px}.spotlight-section{padding:0 16px 28px}.mood-section{padding:16px}.mood-title{font-size:17px}.mood-pills{gap:6px}.mood-pill{padding:7px 14px;font-size:13px}.spotlight-card{width:160px;padding:14px}.topcountries-section{padding:0 16px 24px}.tc-name{width:80px;font-size:12px}.recently-section{padding:0 16px 12px}.filter-section{padding:0 16px 24px}.station-grid-section{padding:0 16px 40px}.featured-grid,.stations-grid{grid-template-columns:1fr 1fr}.az-group-letter{font-size:22px}.player{padding:0 10px 0 12px;gap:6px;bottom:10px;width:calc(100vw - 24px);height:62px}.player-shuffle,.player-random,.player-extra-btns,.player-equalizer{display:none}.player-left{gap:8px}.player-flag-wrap{width:38px;height:38px}.player-station-flag{font-size:20px}.volume-slider{width:70px}.footer-body{grid-template-columns:1fr 1fr;gap:28px;padding:28px 16px 24px}.footer-col-brand{grid-column:1 / -1}.footer-stats-row{max-width:320px}.footer-bottom-bar{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:4px}.footer-bottom-links{flex-wrap:wrap}}@media (max-width: 480px){.header{padding:0 12px;height:56px;grid-template-columns:auto 1fr auto;gap:0}.header-logo-main,.header-logo-fm{font-size:18px}.hero{padding:32px 12px 28px}.hero-title{font-size:clamp(1.7rem,8vw,2.4rem)}.hero-actions{flex-direction:column;align-items:center;gap:10px}.hero-btn{width:100%;max-width:280px;justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center;gap:6px}.stat-divider{display:none}.stat-card{min-width:80px;padding:12px 14px}.hero-region-grid{grid-template-columns:repeat(2,1fr)}.hero-genre-pills{justify-content:flex-start}.spotlight-card{width:150px}.spotlight-name{font-size:12px}.featured-grid,.stations-grid{grid-template-columns:1fr}.player{padding:0 8px 0 10px;bottom:8px;width:calc(100vw - 16px);height:58px}.player-play-btn{width:42px;height:42px}.player-flag-wrap{width:34px;height:34px;font-size:18px}.player-center{gap:2px;padding:3px 4px}.player-station-name{font-size:13px}.player-station-meta{font-size:11px}.player-volume-wrap,.player-live-badge{display:none}.footer-body{grid-template-columns:1fr;gap:24px;padding:24px 12px 20px}.footer-col-brand{grid-column:auto}}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grid-block{margin-bottom:56px}.player-fav-btn{background:none;border:none;color:var(--text3);cursor:pointer;display:flex;align-items:center;padding:6px;border-radius:50%;transition:color var(--transition),background var(--transition);flex-shrink:0}.player-fav-btn:hover{color:#ff6b9d;background:#ff6b9d1a}.player-fav-btn.faved{color:#ff6b9d}.player-shuffle.active{color:var(--accent)}.player-random,.player-shuffle{opacity:.7}.player-random:hover,.player-shuffle:hover{opacity:1}.player-extra-btns{display:flex;align-items:center;gap:4px}.player-sleep-btn.active,.player-key-btn.active{color:var(--accent)}.sleep-countdown{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);min-width:32px;text-align:center}.sleep-popup{position:absolute;bottom:calc(100% + 12px);right:24px;background:#fff;border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px;min-width:160px;box-shadow:0 16px 48px #0000001f,var(--shadow-orange);animation:fadeInUp .2s ease both;z-index:10}.sleep-popup-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:4px}.sleep-option{background:#00000008;border:1px solid var(--card-border);color:var(--text2);font-family:var(--font);font-size:13px;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:left}.sleep-option:hover{background:#e8622a0f;border-color:#e8622a40;color:var(--accent)}.sleep-option.active{background:#e8622a14;border-color:#e8622a66;color:var(--accent)}.sleep-option.cancel{color:#e53e3e;border-color:#e53e3e33}.sleep-option.cancel:hover{background:#e53e3e0f;border-color:#e53e3e59}.keys-popup{min-width:220px}.key-grid{display:flex;flex-direction:column;gap:6px}.key-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.key-kbd{font-family:ui-monospace,SF Mono,monospace;font-size:11px;font-weight:600;color:var(--text);background:#0000000f;border:1px solid rgba(0,0,0,.12);border-radius:5px;padding:3px 7px;white-space:nowrap;box-shadow:0 1px #00000014;flex-shrink:0}.key-desc{font-size:12px;color:var(--text3)}.player-error-link{background:none;border:none;color:#f99;cursor:pointer;font-size:12px;text-decoration:underline;padding:0}.recently-section{padding:0 32px 16px}.recently-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.recently-title{font-size:14px;font-weight:700;color:var(--text2);letter-spacing:.02em}.recently-count{font-size:12px;color:var(--text3)}.recently-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.recently-scroll::-webkit-scrollbar{display:none}.recently-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--card-border);border-radius:var(--radius-pill);padding:8px 14px 8px 10px;cursor:pointer;white-space:nowrap;flex-shrink:0;font-family:var(--font);transition:all var(--transition);color:var(--text2);box-shadow:var(--shadow-card)}.recently-chip:hover{border-color:color-mix(in srgb,var(--chip-color, #e8622a) 35%,transparent);background:color-mix(in srgb,var(--chip-color, #e8622a) 5%,white);color:var(--text);transform:translateY(-2px)}.recently-chip.active{border-color:color-mix(in srgb,var(--chip-color, #e8622a) 50%,transparent);background:color-mix(in srgb,var(--chip-color, #e8622a) 8%,white);color:var(--text)}.recently-chip-flag{font-size:18px}.recently-chip-info{display:flex;flex-direction:column;gap:1px}.recently-chip-name{font-size:12px;font-weight:600;color:inherit}.recently-chip-country{font-size:10px;color:var(--text3)}.recently-eq{display:flex;align-items:flex-end;gap:2px;height:14px;margin-left:4px}.recently-eq-bar{width:2px;border-radius:1px;background:var(--gradient);animation:eq1 .6s ease-in-out infinite}.hero-title-gradient{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-actions{display:flex;gap:14px;margin-bottom:36px;flex-wrap:wrap;justify-content:center}.hero-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--radius-pill);font-family:var(--font);font-size:15px;font-weight:700;cursor:pointer;transition:all var(--transition);text-decoration:none;border:none;overflow:hidden;letter-spacing:-.01em}.hero-btn-shine{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);transition:left .5s ease;pointer-events:none}.hero-btn:hover .hero-btn-shine{left:130%}.hero-btn-primary{background:linear-gradient(135deg,#f07040,#e8622a 40%,#c0392b);color:#fff;box-shadow:0 4px 16px #e8622a59,0 1px #ffffff40 inset,0 -1px #00000026 inset}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #e8622a73,0 1px #ffffff40 inset,0 -1px #00000026 inset}.hero-btn-primary:active{transform:translateY(0)}.hero-btn-secondary{background:linear-gradient(135deg,#fff,#f0f0f0);border:1.5px solid rgba(232,98,42,.25);color:var(--accent);box-shadow:0 4px 14px #00000014,0 1px #ffffffe6 inset,0 -1px #0000000f inset}.hero-btn-secondary:hover{border-color:#e8622a80;transform:translateY(-2px);box-shadow:0 8px 24px #e8622a26,0 1px #ffffffe6 inset,0 -1px #0000000f inset}.hero-btn-secondary:active{transform:translateY(0)}.stat-divider{width:1px;height:36px;background:var(--card-border);flex-shrink:0}.header-logo{display:flex;align-items:center;gap:8px;text-decoration:none;cursor:pointer;background:none;border:none;padding:0;font-family:var(--font)}.header-logo-icon{color:var(--accent);display:flex;align-items:center;flex-shrink:0}.header-logo-main{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.04em;line-height:1}.header-logo-fm{font-size:20px;font-weight:800;letter-spacing:-.04em;line-height:1;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-random-btn{display:flex;align-items:center;gap:6px;background:#e8622a0f;border:1px solid rgba(232,98,42,.18);color:var(--accent);font-family:var(--font);font-size:13px;font-weight:600;padding:7px 14px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition)}.header-random-btn:hover{background:#e8622a1f;border-color:#e8622a59;transform:translateY(-1px)}.header-nav-fav{display:flex;align-items:center;gap:6px}.header-fav-count{background:var(--gradient);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--radius-pill);min-width:18px;text-align:center}.pill-count{font-size:10px;font-weight:700;padding:1px 5px;border-radius:var(--radius-pill);background:#ffffff14;color:var(--text3)}.filter-pill.active .pill-count{background:#fff3;color:#fff}.country-pill.active .pill-count{background:#d4682a40;color:var(--accent)}.wave-bar{width:3px;background:var(--gradient);border-radius:2px;animation:waveform 1.4s ease-in-out infinite alternate;min-height:4px}.player-eq-bar:not(.playing){height:4px}.player-eq-bar.playing{animation:eqDynamic .6s ease-in-out infinite alternate}.player-eq-bar.playing:nth-child(odd){animation-duration:.5s}.player-eq-bar.playing:nth-child(3n){animation-duration:.7s}.player-eq-bar.playing:nth-child(4n){animation-duration:.45s}@keyframes eqDynamic{0%{height:4px}to{height:var(--base-h, 18px)}}@media (max-width: 768px){.recently-section{padding:0 16px 12px}.player-shuffle,.stat-divider{display:none}.hero-stats{gap:16px}}.az-layout{display:flex;gap:24px;align-items:flex-start}.az-sidebar{position:sticky;top:80px;display:flex;flex-direction:column;gap:2px;flex-shrink:0;width:32px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:12px;padding:8px 0;box-shadow:0 2px 12px #0000000f,0 1px #ffffffe6 inset;align-self:flex-start}.az-letter-btn{width:32px;height:24px;border:none;background:none;font-family:var(--font);font-size:11px;font-weight:700;color:var(--text3);cursor:pointer;border-radius:6px;transition:background var(--transition),color var(--transition);letter-spacing:.02em;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.az-letter-btn:hover{background:#e8622a14;color:var(--accent)}.az-groups{flex:1;min-width:0;display:flex;flex-direction:column;gap:32px}.az-group{scroll-margin-top:88px}.az-group-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(232,98,42,.15)}.az-group-letter{font-size:28px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#e8622a,#c0392b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.az-group-count{font-size:12px;font-weight:600;color:var(--text3);background:#0000000a;border:1px solid rgba(0,0,0,.07);padding:2px 8px;border-radius:var(--radius-pill)}@media (max-width: 640px){.az-layout{gap:10px}.az-sidebar{top:72px;width:28px;height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:none;border-radius:10px;padding:4px 0;align-self:flex-start;justify-content:space-between;gap:0}.az-sidebar::-webkit-scrollbar{display:none}.az-letter-btn{flex:1;width:28px;height:auto;min-height:18px;font-size:9px;border-radius:5px}.az-groups{gap:24px}.az-group-letter{font-size:22px}}.header-nav-link{color:var(--text2);font-size:14px;font-weight:500;text-decoration:none;padding:6px 14px;border-radius:var(--radius-pill);transition:color var(--transition),background var(--transition)}.header-nav-link:hover{color:var(--text);background:#0000000a}.header-now-playing{display:flex;align-items:center;gap:6px;margin-left:12px;padding:4px 10px;border-radius:var(--radius-pill);background:#e8622a12;border:1px solid rgba(232,98,42,.15);max-width:200px;overflow:hidden}.header-live-dot{width:6px;height:6px;border-radius:50%;background:#e8622a;flex-shrink:0;animation:pulse 1.5s ease-in-out infinite}.header-now-text{font-size:11px;font-weight:600;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-genre-explorer{margin-bottom:28px}.hero-genre-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:10px}.hero-genre-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hero-genre-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(0,0,0,.08);background:#fff;color:var(--text2);transition:all var(--transition);box-shadow:0 1px 4px #0000000d}.hero-genre-pill:hover{border-color:#e8622a4d;color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #e8622a1f}.hero-genre-pill.active{background:linear-gradient(135deg,#f07040,#e8622a);border-color:transparent;color:#fff;box-shadow:0 4px 14px #e8622a59}.hero-genre-count{font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background:#00000014;color:inherit;opacity:.8}.hero-genre-pill.active .hero-genre-count{background:#ffffff40}.hero-genre-result{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:10px 16px;border-radius:var(--radius);background:#e8622a0d;border:1px solid rgba(232,98,42,.15);animation:fadeInUp .3s ease both}.hero-genre-result-text{font-size:13px;color:var(--text2)}.hero-genre-result-text strong{color:var(--accent)}.hero-genre-play-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-pill);background:var(--gradient);border:none;color:#fff;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 2px 8px #e8622a4d}.hero-genre-play-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #e8622a66}.hero-regions{margin-bottom:28px}.hero-region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-region-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:var(--radius);background:#fff;border:1px solid rgba(0,0,0,.07);text-decoration:none;transition:all var(--transition);box-shadow:0 1px 4px #0000000d;position:relative;overflow:hidden}.hero-region-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,color-mix(in srgb,var(--rc) 8%,transparent),transparent);opacity:0;transition:opacity var(--transition)}.hero-region-card:hover{border-color:color-mix(in srgb,var(--rc) 35%,transparent);transform:translateY(-2px);box-shadow:0 4px 16px color-mix(in srgb,var(--rc) 15%,transparent)}.hero-region-card:hover:before{opacity:1}.hero-region-emoji{font-size:22px;line-height:1}.hero-region-name{font-size:11px;font-weight:700;color:var(--text2);letter-spacing:.02em}.hero-region-count{font-size:10px;font-weight:700;color:var(--rc, var(--accent));background:color-mix(in srgb,var(--rc) 10%,white);padding:1px 6px;border-radius:4px}.sc-actions{display:flex;align-items:center;gap:4px}.sc-share{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.07);background:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text3);font-size:11px;font-weight:700;transition:all var(--transition);opacity:0;box-shadow:0 1px 3px #0000000f}.station-card:hover .sc-share,.station-card.active .sc-share{opacity:1}@media (hover: none){.sc-share{opacity:1}}.sc-share:hover{background:#e8f4ff;border-color:#3b82f64d;color:#3b82f6}.sc-freq{display:inline-block;margin-left:5px;font-size:10px;font-weight:700;padding:1px 5px;border-radius:4px;background:#e8622a14;color:var(--accent);border:1px solid rgba(232,98,42,.15)}.sc-desc{margin:5px 0 0;font-size:11px;color:var(--text3);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sc-tags{display:flex;flex-wrap:wrap;gap:4px}.sc-tag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;background:#0000000a;color:var(--text3);border:1px solid rgba(0,0,0,.06);text-transform:lowercase}.sc-active-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f07040,#e8622a,#c0392b);border-radius:0 0 16px 16px;animation:shimmerBar 2s ease-in-out infinite}@keyframes shimmerBar{0%,to{opacity:.7}50%{opacity:1}}@media (max-width: 768px){.header-clock,.header-now-playing{display:none}.hero-region-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.hero-region-grid{grid-template-columns:repeat(2,1fr)}}.facts-ticker{display:flex;align-items:center;gap:10px;padding:8px 32px;background:linear-gradient(90deg,#e8622a0f,#c0392b0a);border-bottom:1px solid rgba(232,98,42,.1);overflow:hidden}.facts-ticker-label{flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--accent);background:#e8622a1a;border:1px solid rgba(232,98,42,.2);padding:2px 7px;border-radius:4px}.facts-ticker-text{font-size:12px;font-weight:500;color:var(--text2);opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.facts-ticker-text.visible{opacity:1;transform:translateY(0)}.spotlight-section{padding:0 32px 40px}.mood-section{margin-bottom:32px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#fff8f5,#fff3ee,#fef9f7);border:1px solid rgba(232,98,42,.12);box-shadow:0 2px 16px #e8622a0f}.mood-header{margin-bottom:16px;text-align:center}.mood-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.03em;margin:0 0 4px}.mood-sub{font-size:13px;color:var(--text3);margin:0}.mood-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.mood-pill{padding:9px 18px;border-radius:var(--radius-pill);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid rgba(0,0,0,.08);background:#fff;color:var(--text2);transition:all var(--transition);box-shadow:0 1px 4px #0000000d,0 1px #ffffffe6 inset}.mood-pill:hover{border-color:#e8622a4d;color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 14px #e8622a26}.mood-pill.active{background:linear-gradient(135deg,#f07040,#e8622a);border-color:transparent;color:#fff;box-shadow:0 4px 16px #e8622a66,0 1px #fff3 inset;transform:translateY(-2px)}.mood-result-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:13px;color:var(--text2);animation:fadeInUp .3s ease both}.mood-play-all{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--gradient);border:none;color:#fff;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #e8622a4d;transition:transform var(--transition),box-shadow var(--transition)}.mood-play-all:hover{transform:translateY(-1px);box-shadow:0 4px 14px #e8622a66}.spotlight-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.spotlight-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.spotlight-count{font-size:13px;color:var(--text3)}.spotlight-empty{text-align:center;padding:24px;color:var(--text3);font-size:14px}.spotlight-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(232,98,42,.3) transparent}.spotlight-scroll::-webkit-scrollbar{height:4px}.spotlight-scroll::-webkit-scrollbar-thumb{background:#e8622a4d;border-radius:2px}.spotlight-card{flex-shrink:0;width:180px;padding:16px;border-radius:16px;background:linear-gradient(160deg,#fff,#fafafa);border:1px solid rgba(0,0,0,.07);cursor:pointer;position:relative;overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);box-shadow:0 2px 10px #0000000d,0 1px #ffffffe6 inset;display:flex;flex-direction:column;gap:6px}.spotlight-card:hover{transform:translateY(-4px);border-color:#e8622a33;box-shadow:0 8px 28px #e8622a1f,0 2px 8px #0000000f}.spotlight-card.active{border-color:#e8622a66;background:linear-gradient(160deg,#fff8f5,#fff3ee);box-shadow:0 6px 24px #e8622a2e}.spotlight-card-shine{position:absolute;top:0;left:0;right:0;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);border-radius:16px 16px 0 0;pointer-events:none}.spotlight-top{display:flex;align-items:center;justify-content:space-between}.spotlight-flag{font-size:26px;line-height:1}.spotlight-listeners{display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:var(--text3);letter-spacing:.02em}.spotlight-listener-dot{width:5px;height:5px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}.spotlight-name{font-size:13px;font-weight:700;color:var(--text);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spotlight-meta{font-size:11px;color:var(--text3);font-weight:500}.spotlight-genre{font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;background:color-mix(in srgb,var(--gc, #e8622a) 10%,white);color:var(--gc, #e8622a);border:1px solid color-mix(in srgb,var(--gc, #e8622a) 20%,transparent);width:fit-content;text-transform:capitalize}.spotlight-play{position:relative;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#f07040,#e8622a,#c0392b);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;overflow:hidden;margin-top:auto;align-self:flex-end;box-shadow:0 3px 10px #e8622a59,0 1px #ffffff4d inset;transition:transform var(--transition),box-shadow var(--transition)}.spotlight-play:hover{transform:scale(1.1);box-shadow:0 5px 16px #e8622a80}.spotlight-play-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);border-radius:50% 50% 0 0;pointer-events:none}.footer-live-stats{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;border-radius:var(--radius);background:#e8622a0d;border:1px solid rgba(232,98,42,.1)}.footer-stat-item{display:flex;flex-direction:column;align-items:center;gap:2px}.footer-stat-num{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:-.03em}.footer-stat-lbl{font-size:10px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.08em}.footer-stat-divider{width:1px;height:32px;background:#e8622a26}.footer-regions{display:flex;flex-direction:column;gap:7px}.footer-region-row{display:flex;align-items:center;gap:8px;font-size:12px}.footer-region-emoji{font-size:14px;flex-shrink:0}.footer-region-name{color:var(--text2);font-weight:500;width:80px;flex-shrink:0}.footer-region-bar-wrap{flex:1;height:4px;background:#0000000f;border-radius:2px;overflow:hidden}.footer-region-bar{display:block;height:100%;background:linear-gradient(90deg,#f07040,#e8622a);border-radius:2px;transition:width 1s ease}.footer-region-count{font-size:11px;font-weight:700;color:var(--text3);width:24px;text-align:right;flex-shrink:0}.footer-shortcuts{display:flex;flex-direction:column;gap:6px}.footer-shortcut-row{display:flex;align-items:center;gap:10px}.footer-kbd{font-family:ui-monospace,SF Mono,monospace;font-size:10px;font-weight:700;color:var(--text);background:#0000000d;border:1px solid rgba(0,0,0,.1);border-radius:5px;padding:2px 7px;box-shadow:0 1px #00000014;white-space:nowrap;min-width:60px;text-align:center}.footer-shortcut-desc{font-size:12px;color:var(--text3)}.footer-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.footer-bottom-dot{color:var(--text3)}@media (max-width: 768px){.spotlight-section{padding:0 16px 32px}.mood-section{padding:16px}.facts-ticker{padding:8px 16px}.footer-live-stats{flex-wrap:wrap;justify-content:center}}.sotd-banner{position:relative;overflow:hidden;margin:0 32px 32px;padding:20px 24px;border-radius:20px;background:linear-gradient(135deg,#fff8f5,#fff0e8,#fde8d8);border:1px solid rgba(232,98,42,.2);box-shadow:0 4px 24px #e8622a1a,0 1px #ffffffe6 inset;display:flex;align-items:center;justify-content:space-between;gap:16px}.sotd-shine{position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);pointer-events:none}.sotd-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.sotd-badge{position:absolute;top:12px;left:16px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#e8622a1a;border:1px solid rgba(232,98,42,.2);padding:2px 8px;border-radius:4px}.sotd-flag{font-size:36px;line-height:1;flex-shrink:0;margin-top:8px}.sotd-info{min-width:0;margin-top:8px}.sotd-name{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sotd-meta{font-size:13px;color:var(--text3);margin-top:2px}.sotd-desc{font-size:12px;color:var(--text2);margin-top:5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sotd-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.sotd-genre{font-size:11px;font-weight:700;padding:3px 9px;border-radius:4px;background:color-mix(in srgb,var(--gc, #e8622a) 12%,white);color:var(--gc, #e8622a);border:1px solid color-mix(in srgb,var(--gc, #e8622a) 22%,transparent)}.sotd-play-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#f07040,#e8622a,#c0392b);border:none;color:#fff;font-family:var(--font);font-size:14px;font-weight:700;cursor:pointer;overflow:hidden;box-shadow:0 4px 16px #e8622a66,0 1px #ffffff40 inset;transition:transform var(--transition),box-shadow var(--transition)}.sotd-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e8622a80}.sotd-play-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25),transparent);border-radius:var(--radius-pill) var(--radius-pill) 0 0;pointer-events:none}.topcountries-section{padding:0 32px 32px}.topcountries-header{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.topcountries-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.topcountries-sub{font-size:13px;color:var(--text3)}.topcountries-list{display:flex;flex-direction:column;gap:6px}.tc-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius);background:#fff;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all var(--transition);box-shadow:0 1px 4px #0000000a}.tc-row:hover{border-color:#e8622a33;box-shadow:0 4px 14px #e8622a14;transform:translate(3px)}.tc-rank{font-size:11px;font-weight:800;color:var(--text3);width:22px;flex-shrink:0}.tc-flag{font-size:20px;flex-shrink:0}.tc-name{font-size:13px;font-weight:600;color:var(--text);width:100px;flex-shrink:0}.tc-bar-wrap{flex:1;height:6px;background:#0000000d;border-radius:3px;overflow:hidden}.tc-bar{height:100%;background:linear-gradient(90deg,#f07040,#e8622a);border-radius:3px;transition:width 1s ease}.tc-count{font-size:12px;font-weight:700;color:var(--accent);width:28px;text-align:right;flex-shrink:0}.tc-play{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#f07040,#e8622a);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;opacity:0;transition:opacity var(--transition),transform var(--transition);box-shadow:0 2px 8px #e8622a4d}.tc-row:hover .tc-play{opacity:1}.tc-play:hover{transform:scale(1.1)}.search-section{position:relative}.search-wrap.focused{border-color:#e8622a80!important;box-shadow:0 0 0 3px #e8622a1a,var(--shadow-card)!important}.search-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius);box-shadow:0 8px 32px #0000001f;z-index:100;overflow:hidden;animation:fadeInUp .15s ease both}.search-suggestions-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:8px 14px 4px}.search-suggestion-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;font-family:var(--font);text-align:left;transition:background var(--transition)}.search-suggestion-item:hover{background:#e8622a0d}.suggestion-flag{font-size:20px;flex-shrink:0}.suggestion-info{flex:1;min-width:0}.suggestion-name{display:block;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-meta{display:block;font-size:11px;color:var(--text3)}.suggestion-play-hint{font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;opacity:0;transition:opacity var(--transition)}.search-suggestion-item:hover .suggestion-play-hint{opacity:1}.back-to-top{position:fixed;bottom:calc(var(--player-height) + 16px);right:20px;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f07040,#e8622a);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 4px 16px #e8622a66,0 1px #ffffff40 inset;transition:transform var(--transition),box-shadow var(--transition);animation:fadeInUp .3s ease both}.back-to-top:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 22px #e8622a80}.welcome-toast{position:fixed;bottom:calc(var(--player-height) + 16px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:1px solid rgba(232,98,42,.2);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 1px #ffffffe6 inset;z-index:150;max-width:420px;width:calc(100% - 40px);animation:slideUp .4s cubic-bezier(.4,0,.2,1) both}.welcome-toast-icon{font-size:28px;flex-shrink:0}.welcome-toast-body{flex:1;min-width:0}.welcome-toast-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.welcome-toast-sub{font-size:12px;color:var(--text2);line-height:1.4}.welcome-toast-sub kbd{font-family:ui-monospace,monospace;font-size:11px;font-weight:700;background:#0000000f;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:1px 5px}.welcome-toast-close{width:24px;height:24px;border-radius:50%;background:#0000000f;border:none;font-size:16px;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition)}.welcome-toast-close:hover{background:#0000001a;color:var(--text)}@media (max-width: 768px){.sotd-banner{margin:0 16px 24px;padding:16px}.sotd-name{font-size:15px}.sotd-desc{display:none}.topcountries-section{padding:0 16px 24px}.tc-name{width:80px}.back-to-top{right:12px}}.header-search-wrap{position:relative;display:flex;align-items:center;gap:8px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-pill);padding:0 12px 0 14px;height:40px;transition:border-color .2s,box-shadow .2s,background .2s;width:min(500px,100%);justify-self:center;margin:0 auto;color:var(--text3);overflow:visible}.header-search-wrap.focused{background:#fff;border-color:#e8622a66;box-shadow:0 0 0 3px #e8622a1a;color:var(--text3)}.header-search-input{flex:1;background:none;border:none;outline:none;font-family:var(--font);font-size:14px;color:var(--text);letter-spacing:-.01em}.header-search-input::placeholder{color:var(--text3)}.header-search-clear{width:20px;height:20px;border-radius:50%;background:#00000014;border:none;font-size:14px;color:var(--text3);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .15s}.header-search-clear:hover{background:#00000024;color:var(--text)}.sd-box-mobile{background:#fff;overflow:hidden}.sd-box-mobile .sd-section{padding:10px 0 4px;border-bottom:1px solid rgba(0,0,0,.05)}.sd-box-mobile .sd-section:last-child{border-bottom:none}.sd-box{position:absolute;top:calc(100% + 10px);left:0;transform:translate(-50%);width:max(460px,100%);background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:18px;box-shadow:0 16px 48px #00000024,0 2px 8px #0000000f;z-index:300;overflow:hidden;animation:fadeInUp .18s ease both}.sd-section{padding:10px 0 4px;border-bottom:1px solid rgba(0,0,0,.05)}.sd-section:last-child{border-bottom:none}.sd-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text3);padding:0 14px 6px}.sd-mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 12px 8px}.sd-mood-btn{padding:7px 6px;border-radius:10px;background:#00000008;border:1px solid rgba(0,0,0,.07);font-family:var(--font);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;text-align:center;transition:all .15s}.sd-mood-btn:hover{background:#e8622a12;border-color:#e8622a40;color:var(--accent);transform:translateY(-1px)}.sd-genre-row{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 8px}.sd-genre-chip{padding:4px 11px;border-radius:var(--radius-pill);background:#0000000a;border:1px solid rgba(0,0,0,.08);font-family:var(--font);font-size:12px;font-weight:600;color:var(--text2);cursor:pointer;transition:all .15s}.sd-genre-chip:hover{background:#e8622a14;border-color:#e8622a40;color:var(--accent)}.sd-station-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:none;border:none;cursor:pointer;font-family:var(--font);text-align:left;transition:background .15s}.sd-station-item:hover{background:#e8622a0d}.sd-flag{font-size:18px;flex-shrink:0}.sd-info{flex:1;min-width:0}.sd-name{display:block;font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-meta{display:block;font-size:11px;color:var(--text3)}.sd-play-hint{font-size:11px;font-weight:700;color:var(--accent);flex-shrink:0;opacity:0;transition:opacity .15s}.sd-station-item:hover .sd-play-hint{opacity:1}.sd-no-results{padding:16px 14px;font-size:13px;color:var(--text3);text-align:center}.sotd-section{padding:0 32px 28px}.sotd-card{position:relative;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#fff,#fdf6f2);border:1px solid rgba(232,98,42,.18);box-shadow:0 4px 24px #e8622a14,0 1px #ffffffe6 inset}.sotd-card-shine{position:absolute;top:0;left:0;right:0;height:45%;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);pointer-events:none}.sotd-accent-strip{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#f07040,#e8622a,#c0392b);border-radius:20px 0 0 20px}.sotd-card-inner{padding:20px 24px 20px 28px}.sotd-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#e8622a14;border:1px solid rgba(232,98,42,.18);padding:3px 10px;border-radius:4px;margin-bottom:14px}.sotd-content{display:flex;align-items:center;gap:16px}.sotd-flag-wrap{width:56px;height:56px;flex-shrink:0;border-radius:14px;background:linear-gradient(145deg,#f5f5f7,#ebebef);border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 8px #00000012,0 1px #fffc inset;display:flex;align-items:center;justify-content:center}.sotd-flag{font-size:30px;line-height:1}.sotd-info{flex:1;min-width:0}.sotd-name{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sotd-meta{font-size:13px;color:var(--text3);margin-top:2px;font-weight:500}.sotd-desc{font-size:12px;color:var(--text2);margin-top:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sotd-tags-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.sotd-genre-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;background:color-mix(in srgb,var(--gc, #e8622a) 12%,white);color:var(--gc, #e8622a);border:1px solid color-mix(in srgb,var(--gc, #e8622a) 22%,transparent)}.sotd-tag{font-size:10px;font-weight:600;padding:2px 7px;border-radius:4px;background:#0000000a;color:var(--text3);border:1px solid rgba(0,0,0,.06)}.sotd-right{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}.sotd-waveform{display:flex;align-items:flex-end;gap:3px;height:28px}.sotd-wave-bar{width:4px;border-radius:2px;background:linear-gradient(180deg,#f07040,#e8622a4d);height:8px}.sotd-wave-bar.playing{animation:waveBar 1.2s ease-in-out infinite alternate}.sotd-wave-bar.playing:nth-child(1){animation-duration:.9s}.sotd-wave-bar.playing:nth-child(2){animation-duration:1.1s}.sotd-wave-bar.playing:nth-child(3){animation-duration:.8s}.sotd-wave-bar.playing:nth-child(4){animation-duration:1.3s}.sotd-wave-bar.playing:nth-child(5){animation-duration:.95s}.sotd-wave-bar.playing:nth-child(6){animation-duration:1.15s}.sotd-wave-bar.playing:nth-child(7){animation-duration:.85s}@keyframes waveBar{0%{height:4px}to{height:28px}}.sotd-play-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#f07040,#e8622a,#c0392b);border:none;color:#fff;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 4px 14px #e8622a66,0 1px #ffffff40 inset;transition:transform var(--transition),box-shadow var(--transition)}.sotd-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e8622a80}.sotd-play-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);border-radius:var(--radius-pill) var(--radius-pill) 0 0;pointer-events:none}.country-group{margin-bottom:0}.country-group-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(232,98,42,.12)}.country-group-flag{font-size:22px;line-height:1}.country-group-name{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.02em}.country-group-count{font-size:11px;font-weight:600;color:var(--text3);background:#0000000a;border:1px solid rgba(0,0,0,.07);padding:2px 8px;border-radius:var(--radius-pill);margin-left:auto}@media (max-width: 768px){.header{grid-template-columns:auto 1fr;gap:10px}.header-nav{display:none}.header-search-wrap{max-width:100%}.sotd-section{padding:0 16px 20px}.sotd-desc{display:none}.sotd-name{font-size:15px}.sotd-right{display:none}}@media (max-width: 480px){.header{grid-template-columns:auto 1fr}}.mobile-search-fs{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:500;display:flex;flex-direction:column;animation:fadeIn .18s ease both}.mobile-search-bar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);flex-shrink:0;color:var(--text3)}.mobile-search-input{flex:1;background:none;border:none;outline:none;font-family:var(--font);font-size:16px;color:var(--text)}.mobile-search-input::placeholder{color:var(--text3)}.mobile-search-close{width:30px;height:30px;border-radius:50%;background:#00000012;border:none;font-size:18px;color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mobile-search-close:hover{background:#0000001f;color:var(--text)}.mobile-search-body{flex:1;overflow-y:auto}@media (max-width: 768px){.header-desktop{display:none!important}.header-mobile-pill{display:flex!important}.app-wrapper{padding-top:72px}}@media (min-width: 769px){.header-mobile-pill{display:none!important}}