:root{--bg-primary: #0f111a;--bg-secondary: #1A1D27;--bg-tertiary: rgba(26, 29, 39, .7);--accent-primary: #FF3366;--accent-secondary: #00F0FF;--text-primary: #FFFFFF;--text-secondary: #A0A5B5;--max-width: 1200px;--player-height: 90px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--glass-bg: rgba(26, 29, 39, .6);--glass-border: rgba(255, 255, 255, .05);--glass-blur: blur(12px);--shadow-glow: 0 0 20px rgba(255, 51, 102, .3)}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;padding-bottom:var(--player-height)}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-primary)}.h1{font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-.02em}.h2{font-size:2rem;font-weight:700}.h3{font-size:1.5rem;font-weight:600}@media (max-width: 768px){.h1{font-size:2rem}.h2{font-size:1.5rem}.h3{font-size:1.25rem}}.flex-responsive{display:flex;flex-direction:column}.justify-center-mobile{justify-content:center}@media (min-width: 768px){.flex-responsive{flex-direction:row}.justify-center-mobile{justify-content:flex-start}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:600;cursor:pointer;border:none;transition:all .2s ease}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #f366}.btn-primary:hover,a.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f369;color:#fff}.btn-secondary{background-color:var(--bg-secondary);color:#fff;border:1px solid var(--glass-border)}.btn-secondary:hover,a.btn-secondary:hover{background-color:#ffffff1a;color:#fff}.section-stations .stations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.85rem!important}.section-stations .station-card.glass-panel{position:relative;display:flex!important;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:.45rem!important;overflow:hidden;border-radius:var(--radius-md);background:#ffffff09;border-color:#ffffff0f;box-shadow:none}.section-stations .station-card.glass-panel:hover,.section-stations .station-card.glass-panel:focus-within{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.section-stations .station-link{display:flex!important;flex-direction:column;align-items:stretch!important;gap:.55rem;min-width:0;color:inherit}.section-stations .logo-container{position:relative;width:100%!important;height:auto!important;aspect-ratio:1 / 1;border-radius:var(--radius-md);background:linear-gradient(145deg,#ffffff14,#ffffff05),#00000073;border:1px solid rgba(255,255,255,.07);box-shadow:0 10px 28px #00000042;overflow:hidden}.section-stations .logo-container:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.5));opacity:0;transition:opacity .2s ease;pointer-events:none}.section-stations .station-card:hover .logo-container:after,.section-stations .station-card:focus-within .logo-container:after{opacity:1}.section-stations .logo-container img{width:100%!important;height:100%!important;max-width:none;max-height:none;object-fit:contain;padding:8%;transition:transform .22s ease,filter .22s ease}.section-stations .station-card:hover .logo-container img,.section-stations .station-card:focus-within .logo-container img{transform:scale(1.04);filter:brightness(.9)}.section-stations .station-meta{min-width:0;padding:0 .1rem .15rem}.section-stations .station-title{display:-webkit-box;margin:0 0 .15rem;min-height:2.45em;overflow:hidden;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.22;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.section-stations .station-sub{margin:0;overflow:hidden;color:var(--text-secondary);font-size:.76rem;line-height:1.35;white-space:nowrap;text-overflow:ellipsis}.section-stations .play-btn{position:absolute;right:.8rem;top:auto;bottom:4.45rem;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:var(--accent-primary);box-shadow:0 10px 22px #ff336652;opacity:0;transform:translateY(0);display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.section-stations .play-btn:hover,.section-stations .play-btn:focus-visible{transform:scale(1.08);box-shadow:0 12px 28px #ff336673}.section-stations .play-btn:active{transform:scale(.94)}@media (min-width: 560px){.section-stations .stations-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:1.1rem!important}}@media (min-width: 768px){.section-stations .stations-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:1.25rem!important}.section-stations .station-card.glass-panel{padding:.55rem!important;gap:0}.section-stations .logo-container{width:100%!important;height:auto!important}.section-stations .station-title{font-size:.95rem}.section-stations .station-sub{font-size:.8rem}.section-stations .play-btn{bottom:4.65rem;width:46px;height:46px;opacity:0;transform:translateY(8px)}.section-stations .station-card:hover .play-btn,.section-stations .station-card:focus-within .play-btn{opacity:1;transform:translateY(0)}}.player-shell{view-transition-name:player-shell}::view-transition-old(player-shell),::view-transition-new(player-shell){animation:none}