:root{--gold-light:#f0c674;--gold:#e8a33d;--gold-dark:#8a4b12;--bg:#0b0906;--bg-2:#120e09;--surface:#1a140c;--surface-2:#241c11;--border:#c9a96e38;--border-strong:#e8a33d8c;--text:#f6efe2;--text-dim:#f6efe29e;--text-mute:#f6efe261;--danger:#e0143c;--radius:16px;--radius-lg:24px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(ellipse 900px 500px at 15% -10%, #e8a33d1a, transparent 60%), radial-gradient(ellipse 700px 500px at 100% 0%, #8a4b1224, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--surface-2);background-clip:padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:padding-box}.gold-text{background:linear-gradient(180deg, var(--gold-light), var(--gold-dark));color:#0000;-webkit-background-clip:text;background-clip:text}.gold-fill{background:linear-gradient(160deg,#f5d38f 0%,#d4a038 45%,#7a4508 100%)}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border);border-radius:var(--radius)}.scroll-fade{-webkit-mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 24px calc(100% - 24px),#0000)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-shell{grid-template-rows:1fr auto;grid-template-columns:260px 1fr;height:100vh;display:grid}.app-main{grid-area:1/2;padding:36px 40px 24px;overflow-y:auto}.sidebar{background:linear-gradient(180deg, var(--bg-2), var(--bg));border-right:1px solid var(--border);flex-direction:column;grid-area:1/1/span 2;padding:28px 18px;display:flex}.app-promo-banner{background:linear-gradient(135deg, var(--gold-light), var(--gold-dark));color:#2a1000;border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 13px;text-decoration:none;transition:transform .15s,box-shadow .2s,filter .15s;display:flex;box-shadow:0 6px 18px #e8a33d47}.app-promo-banner:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 24px #e8a33d66}.app-promo-icon{background:#ffffff47;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.app-promo-text{flex-direction:column;gap:1px;line-height:1.25;display:flex}.app-promo-title{font-size:13px;font-weight:800}.app-promo-sub{opacity:.8;font-size:10.5px;font-weight:700}.site-return-link{color:var(--text-mute);align-items:center;gap:5px;width:fit-content;margin-bottom:22px;padding:0 2px;font-size:11.5px;font-weight:600;text-decoration:none;transition:color .15s,gap .15s;display:flex}.site-return-link:hover{color:var(--gold-light);gap:8px}.sidebar-logo{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;margin-bottom:18px;padding:0 10px 28px;display:flex}.sidebar-logo span:first-child{letter-spacing:.3px;font-size:22px;font-weight:800}.sidebar-logo-sub{color:var(--text-mute);letter-spacing:1.5px;text-transform:uppercase;font-size:11px}.sidebar-tabs{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-tab{color:var(--text-dim);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.sidebar-tab:hover{background:var(--surface);color:var(--text)}.sidebar-tab-count{color:var(--text-mute);background:var(--surface);text-align:center;border-radius:8px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-tab.is-active .sidebar-tab-count{color:var(--gold-light);background:#e8a33d24}.sidebar-tab.is-active{color:var(--gold-light);box-shadow:inset 2px 0 0 var(--gold);background:linear-gradient(90deg,#e8a33d29,#e8a33d08)}.sidebar-account{border-bottom:1px solid var(--border);margin-bottom:6px;padding-top:16px;padding-bottom:16px}.ask-kalisha-btn{border:1px solid var(--border-strong);width:100%;color:var(--gold-light);background:linear-gradient(135deg,#e8a33d38,#e8a33d0f);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-bottom:16px;padding:11px 14px;font-size:13px;font-weight:800;transition:box-shadow .2s,transform .15s,background .2s;display:flex;box-shadow:0 0 #e8a33d66}.ask-kalisha-btn:hover{background:linear-gradient(135deg,#e8a33d52,#e8a33d1a);transform:translateY(-1px);box-shadow:0 0 22px #e8a33d40}.pair-btn,.pair-btn-inline{color:#2a1000;border:none;border-radius:14px;width:100%;padding:12px 14px;font-size:13px;font-weight:800;position:relative;overflow:hidden}.pair-btn-fill{position:absolute;inset:0}.pair-btn-label{position:relative}.pair-btn:hover{filter:brightness(1.08)}.account-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;display:flex;position:relative}.account-row{flex:1;align-items:center;gap:8px;display:flex}.vip-badge{letter-spacing:1px;color:#2a1000;background:linear-gradient(160deg,#f5d38f,#d4a038);border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800}.account-logout{color:var(--text-mute);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.account-logout:hover{color:var(--danger);background:#e0143c1a}.view-scroll{animation:.35s both floatIn}.view-title{align-items:center;gap:10px;margin:0 0 6px;font-size:26px;font-weight:800;display:flex}.favorites-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.favorites-header .view-title{margin-bottom:0}.sync-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;transition:background .15s,color .15s;display:flex}.sync-btn:hover{background:var(--surface-2);color:var(--text)}.sync-btn .spin{animation:.7s linear infinite spin}.view-subtitle{color:var(--text-dim);margin:0 0 24px;font-size:14px}.view-section{margin-bottom:36px}.view-section h2{color:var(--text);align-items:center;gap:8px;margin:0 0 16px;font-size:17px;font-weight:700;display:flex}.section-icon{color:var(--gold);flex-shrink:0}.home-hero{padding:8px 0 32px}.home-hero h1{align-items:center;gap:12px;margin:0 0 8px;font-size:32px;font-weight:800;display:flex}.home-hero p{color:var(--text-dim);margin:0;font-size:15px}.sync-promo{background:linear-gradient(120deg, var(--surface-2) 0%, var(--surface) 60%, #e8a33d17 100%);border:1px solid var(--border-strong);border-radius:22px;align-items:center;gap:28px;margin-bottom:34px;padding:30px 34px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059}.sync-promo:before{content:"";pointer-events:none;background:radial-gradient(420px 260px at 88% 30%,#e8a33d29,#0000 70%);position:absolute;inset:0}.sync-promo-visual{flex-shrink:0;width:128px;height:128px;position:relative}.sync-promo-glow{filter:blur(2px);background:radial-gradient(circle,#e8a33d61,#0000 68%);border-radius:50%;position:absolute;inset:-18px}.sync-promo-img{object-fit:contain;filter:drop-shadow(0 10px 22px #00000073);width:100%;height:100%;position:relative}.sync-promo-heart{background:linear-gradient(160deg, var(--surface-2), var(--bg-2));border:1.5px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;animation:1.8s ease-in-out infinite pulse;display:flex;position:absolute;top:-4px;right:-2px;box-shadow:0 4px 14px #0006}.sync-promo-body{flex:1;min-width:0;position:relative}.sync-promo-eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--gold-light);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.sync-promo-title{margin:0 0 8px;font-size:21px;font-weight:800;line-height:1.25}.sync-promo-text{color:var(--text-dim);max-width:560px;margin:0 0 18px;font-size:14px;line-height:1.65}.sync-promo-cta{color:#2a1000;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 22px;font-size:13.5px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.sync-promo-cta:hover{filter:brightness(1.08)}@media (width<=640px){.sync-promo{text-align:center;flex-direction:column;gap:16px;padding:26px 22px}.sync-promo-eyebrow{justify-content:center}.sync-promo-text{max-width:none}}.gold-text-icon{color:var(--gold)}.back-link{color:var(--text-dim);background:0 0;border:none;align-items:center;gap:4px;margin-bottom:14px;padding:4px 0;font-size:13px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--gold-light)}.station-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;display:grid}.genre-rows{flex-direction:column;gap:30px;display:flex}.genre-row{align-items:flex-start;gap:16px;display:flex}.genre-row-label{letter-spacing:.8px;width:108px;color:var(--text-dim);flex-shrink:0;padding-top:10px;font-size:12px;font-weight:700}.genre-row-scroll{flex:1;min-width:0;position:relative}.genre-row-strip{scroll-behavior:smooth;scrollbar-width:none;grid-auto-columns:150px;grid-auto-flow:column;gap:14px;width:100%;padding-bottom:8px;display:grid;overflow-x:auto}.genre-row-strip::-webkit-scrollbar{display:none}.genre-row-item{width:150px}.strip-nav{z-index:2;cursor:pointer;border:none;align-items:center;width:130px;padding:0;display:flex;position:absolute;top:0;bottom:8px}.strip-nav-left{background:linear-gradient(90deg, var(--bg-2) 25%, transparent);justify-content:flex-start;left:0}.strip-nav-right{background:linear-gradient(270deg, var(--bg-2) 25%, transparent);justify-content:flex-end;right:0}.strip-nav-btn{background:linear-gradient(160deg, var(--gold-light), var(--gold-dark));color:#2a1000;width:90px;height:90px;box-shadow:0 6px 22px #00000080, 0 0 0 2px var(--border-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,box-shadow .2s;display:flex}.strip-nav:hover .strip-nav-btn{box-shadow:0 6px 18px #e8a33d66, 0 0 0 1px var(--border-strong);transform:scale(1.08)}.strip-nav:active .strip-nav-btn{transform:scale(.97)}@media (width<=720px){.genre-row{flex-direction:column;gap:8px}.genre-row-label{width:auto;padding-top:0}.strip-nav{display:none}}.page-scroll-down-btn{z-index:40;cursor:pointer;background:linear-gradient(160deg, var(--gold-light), var(--gold-dark));color:#2a1000;width:90px;height:90px;box-shadow:0 6px 22px #00000080, 0 0 0 2px var(--border-strong);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .2s;animation:.25s both floatIn;display:flex;position:fixed;bottom:104px;right:40px}.page-scroll-down-btn:hover{box-shadow:0 6px 18px #e8a33d66, 0 0 0 1px var(--border-strong);transform:translateY(3px)scale(1.08)}.page-scroll-down-btn:active{transform:translateY(3px)scale(.97)}@media (width<=860px){.page-scroll-down-btn{bottom:90px;right:22px}}@media (width<=520px){.page-scroll-down-btn{bottom:78px}}.station-card{cursor:pointer;animation:.3s both floatIn}.station-card.is-unavailable{cursor:default;opacity:.55}.station-card.is-unavailable .station-art{background:var(--surface)}.station-card.is-unavailable .station-art-fallback{color:var(--text-mute);background:var(--surface)}.station-card:hover .station-art-overlay{opacity:1}.station-card:hover .station-art{box-shadow:0 14px 28px #00000073, 0 0 0 1px var(--border-strong);transform:translateY(-3px)}.station-card[data-active] .station-art{box-shadow:0 0 0 2px var(--gold), 0 14px 28px #e8a33d40}.station-art{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;width:100%;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.station-art img{object-fit:cover;width:100%;height:100%}.station-art-fallback{width:100%;height:100%;color:var(--gold-dark);background:linear-gradient(160deg, var(--surface-2), var(--surface));justify-content:center;align-items:center;font-size:34px;font-weight:800;display:flex}.station-art-overlay{opacity:0;background:#0a08056b;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.fav-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a08058c;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;top:8px;right:8px}.fav-btn:hover{background:#0a0805bf}.fav-btn.is-fav{border-color:#e0143c80}.station-meta{padding:9px 2px 0}.station-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.station-sub{color:var(--text-mute);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.station-card-skel{aspect-ratio:1;background:var(--surface-2);border-radius:14px;animation:1.4s ease-in-out infinite pulse}.empty-state{color:var(--text-mute);text-align:center;padding:40px 0;font-size:14px}.genre-card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;display:grid}.genre-card{aspect-ratio:1.15;color:#fff;text-align:left;border:none;border-radius:18px;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;padding:16px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000059}.genre-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px #00000073}.genre-card-sheen{background:linear-gradient(135deg,#ffffff47,#ffffff0d 45%,#0000 70%);position:absolute;inset:0}.genre-card svg{opacity:.95;position:relative}.genre-card-name{letter-spacing:.2px;font-size:15px;font-weight:800;position:relative}.genre-card-count{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000047;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:800;position:absolute;top:12px;right:12px}.subgenre-chips{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.genres-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.genres-header-row .view-title{margin-bottom:0}.genre-scope-bar{flex-wrap:wrap;gap:10px;display:flex}.combo-wrap{position:relative}.combo-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:12px;align-items:center;gap:7px;padding:9px 14px;font-size:13px;font-weight:700;display:flex}.combo-btn:hover{border-color:var(--border-strong);color:var(--text)}.combo-menu{z-index:30;background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border-strong);border-radius:14px;min-width:220px;padding:10px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 20px 50px #00000080}.combo-menu-wide{min-width:300px}.search-box{background:var(--surface);border:1px solid var(--border);border-radius:14px;align-items:center;gap:10px;max-width:480px;margin-bottom:26px;padding:13px 16px;display:flex}.search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:15px}.search-box input::placeholder{color:var(--text-mute)}.search-header{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-title{flex-shrink:0;margin:0}.search-box-flex{flex:1;min-width:220px;max-width:none;margin-bottom:0}.search-clear{color:var(--text-mute);background:0 0;border:none;align-items:center;display:flex}.search-clear:hover{color:var(--text)}.search-back{flex:1;margin-bottom:0;font-size:15px;font-weight:700}.mode-toggle{flex-shrink:0;gap:8px;display:flex}.mode-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;display:flex}.mode-btn:hover{border-color:var(--border-strong)}.mode-btn.is-active{border-color:var(--gold);color:var(--gold-light);background:linear-gradient(135deg,#e8a33d3d,#e8a33d14)}.search-filters{flex-wrap:wrap;align-items:center;gap:10px 22px;margin-bottom:26px;display:flex}.filter-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:16px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .15s}.filter-chip:hover{border-color:var(--border-strong);color:var(--text)}.filter-chip.is-sel{border-color:var(--gold);color:var(--gold-light);background:#e8a33d29;font-weight:700}.country-list{flex-direction:column;gap:6px;max-width:640px;display:flex}.country-row{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.country-row:hover{border-color:var(--border-strong);background:var(--surface-2)}.country-row-name{flex:1;font-size:14px;font-weight:600}.country-row-count{color:var(--text-mute);background:var(--surface-2);border-radius:8px;padding:3px 9px;font-size:12px;font-weight:700}.pair-gate{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:16px;max-width:460px;margin-top:20px;padding:56px 32px;display:flex}.pair-gate p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.6}.pair-btn-inline{max-width:260px}.player-bar{background:linear-gradient(180deg, var(--bg-2), var(--bg));border-top:1px solid var(--border);grid-area:2/1/auto/span 2;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:12px 28px;display:grid}.player-bar-empty{color:var(--text-mute);grid-template-columns:none;justify-content:center;gap:8px;font-size:13px}.player-bar-locked{color:var(--gold-light);background:0 0;border:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.player-bar-locked:hover{color:var(--gold)}.player-bar-info{align-items:center;gap:12px;min-width:0;display:flex}.player-bar-art{border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:46px;height:46px;overflow:hidden}.player-bar-art img{object-fit:cover;width:100%;height:100%}.player-bar-text{min-width:0}.player-bar-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:14px;font-weight:700;overflow:hidden}.player-bar-status{color:var(--text-mute);letter-spacing:.5px;align-items:center;gap:5px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.player-bar-status.is-live{color:var(--gold-light)}.live-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}.player-bar-controls{justify-self:center;align-items:center;gap:14px;display:flex}.ctrl-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .1s;display:flex}.ctrl-btn:hover:not(:disabled){background:var(--surface-2);transform:translateY(-1px)}.ctrl-btn:disabled{opacity:.35;cursor:default}.ctrl-btn-main{border-color:var(--border-strong);background:linear-gradient(160deg,#f5d38f 0%,#d4a038 45%,#7a4508 100%);width:48px;height:48px;box-shadow:0 4px 14px #e8a33d4d}.ctrl-btn-main:hover{filter:brightness(1.06)}.player-bar-volume{justify-self:end;align-items:center;gap:10px;display:flex}.volume-slider{-webkit-appearance:none;background:var(--surface-2);border-radius:2px;width:90px;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gold);cursor:pointer;border-radius:50%;width:12px;height:12px}.sleep-timer-wrap{position:relative}.ctrl-btn.is-active-timer{color:var(--gold-light);border-color:var(--border-strong)}.sleep-remaining{background:var(--gold);color:#2a1000;pointer-events:none;border-radius:8px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;top:-6px;right:-6px}.sleep-menu{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border-strong);z-index:20;border-radius:12px;flex-direction:column;gap:2px;min-width:110px;padding:6px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000080}.sleep-menu button{color:var(--text-dim);text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600}.sleep-menu button:hover{background:var(--surface);color:var(--text)}.sleep-menu .sleep-off{color:var(--danger);border-top:1px solid var(--border);margin-top:2px;padding-top:8px}.spinner{border:2px solid #2a100040;border-top-color:#2a1000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}.spinner-lg{border-width:3px;border-color:#e8a33d33;border-top-color:var(--gold);width:36px;height:36px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#060402b8;justify-content:center;align-items:center;animation:.15s both floatIn;display:flex;position:fixed;inset:0}.modal-card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;width:92%;max-width:420px;max-height:90vh;padding:36px 40px 32px;display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0000008c}.modal-close{background:var(--surface);border:1px solid var(--border);width:30px;height:30px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text)}.modal-title{margin:4px 0 8px;font-size:20px;font-weight:800}.modal-desc{color:var(--text-dim);margin:0 0 22px;font-size:13.5px;line-height:1.6}.pair-hero{border:1px solid var(--border-strong);background:linear-gradient(#e8a33d2e,#e8a33d0f);border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;display:flex}.qr-frame{background:var(--text);border-radius:16px;justify-content:center;align-items:center;width:240px;height:240px;margin-bottom:18px;display:flex;overflow:hidden}.qr-frame img{display:block}.qr-refresh{color:#1a140c;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.pair-hint{color:var(--text-mute);margin:0;font-size:12px;line-height:1.5}.pair-hero-danger{background:linear-gradient(#e0143c29,#e0143c0d);border-color:#e0143c66}.pair-hero-success{background:linear-gradient(#3ddc8429,#3ddc840d);border-color:#3ddc8466}.ghost-btn{color:var(--text-mute);background:0 0;border:none;margin-top:10px;padding:4px 0;font-size:12.5px;font-weight:600}.ghost-btn:hover{color:var(--text-dim)}.assistant-card{max-width:560px}.assistant-spinner{margin-bottom:18px}.assistant-form{text-align:left;width:100%}.af-title{text-align:center;width:100%}.af-field{margin-bottom:20px}.af-label{letter-spacing:.6px;text-transform:uppercase;color:var(--text-mute);margin-bottom:10px;font-size:12px;font-weight:700}.af-chips{flex-wrap:wrap;gap:8px;display:flex}.af-chips-scroll{max-height:148px;padding-right:4px;overflow-y:auto}.af-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s}.af-chip:hover{border-color:var(--border-strong);color:var(--text)}.af-chip.is-sel{border-color:var(--gold);color:var(--gold-light);background:linear-gradient(135deg,#e8a33d47,#e8a33d1a);font-weight:700}.af-footer{justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;display:flex}.af-submit{width:auto;padding:12px 24px}.af-submit:disabled{opacity:.45;cursor:default;filter:none}.af-country-picker{margin-top:10px}.af-country-search{margin-bottom:8px;padding:9px 12px}.af-country-search input{font-size:13px}.af-country-list{flex-direction:column;gap:4px;max-height:180px;display:flex;overflow-y:auto}.af-country-row{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:13px;font-weight:600;display:flex}.af-country-row:hover{border-color:var(--border-strong);color:var(--text)}.af-country-row.is-sel{border-color:var(--gold);color:var(--gold-light);background:#e8a33d29}.af-country-count{color:var(--text-mute);font-size:11px;font-weight:700}.assistant-blurb{color:var(--gold-light);opacity:.9;font-style:italic}.mobile-topbar,.sidebar-close,.sidebar-backdrop{display:none}@media (width<=860px){.app-shell{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.mobile-topbar{background:linear-gradient(180deg, var(--bg-2), var(--bg));border-bottom:1px solid var(--border);grid-area:1/1;align-items:center;gap:12px;padding:14px 18px;display:flex}.mobile-menu-btn{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--text);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mobile-topbar-logo{font-size:17px;font-weight:800}.mobile-topbar-logo .gold-text{margin-right:5px}.sidebar{z-index:200;width:280px;max-width:84vw;transition:transform .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar.is-open{transform:translate(0);box-shadow:20px 0 60px #00000080}.sidebar-backdrop{z-index:190;background:#06040299;display:none;position:fixed;inset:0}.sidebar-backdrop.is-open{display:block}.sidebar-close{background:var(--surface);border:1px solid var(--border);width:30px;height:30px;color:var(--text-dim);border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;margin-bottom:8px;display:flex}.app-main{grid-area:2/1;padding:20px}.player-bar{grid-area:3/1;gap:10px;padding:10px 14px}.player-bar-name{max-width:130px}.player-bar-volume{display:none}}@media (width<=520px){.player-bar{grid-template-columns:1fr auto;gap:8px;padding:8px 10px}.player-bar-controls{justify-self:end;gap:6px}.player-bar-name{max-width:90px}.ctrl-btn{width:34px;height:34px}.ctrl-btn-main{width:42px;height:42px}}