:root{color-scheme:light;--brand: #8c0f3f;--brand-dark: #5d0829;--accent: #ffd23f;--page: #eeeeee;--panel: #ffffff;--muted-panel: #dce7eb;--text: #050505;--text-invert: #ffffff;--shadow: 0 16px 35px rgba(29, 12, 21, .16)}:root[data-theme=dark]{color-scheme:dark;--brand: #6f0b33;--brand-dark: #280313;--page: #171417;--panel: #241f23;--muted-panel: #302a31;--text: #ffffff;--text-invert: #ffffff;--shadow: 0 16px 35px rgba(0, 0, 0, .35)}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:var(--page);color:var(--text);font-family:Montserrat,Arial,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}button,input,select{font:inherit}input,textarea{user-select:text;-webkit-user-select:text}img,svg{-webkit-user-drag:none}.app-shell{position:relative;width:min(100vw,430px);min-height:100vh;margin:0 auto;overflow-x:hidden;background:var(--page)}.topbar{height:84px;display:grid;grid-template-columns:28px 1fr auto auto;gap:8px;align-items:center;padding:0 22px;background:var(--brand);color:var(--text-invert)}.topbar h1{grid-column:2;margin:0;text-align:left;font-size:30px;line-height:1;font-weight:800;letter-spacing:0}.icon-button,.player-action,.player-expand,.collapse-button{display:inline-grid;place-items:center;border:0;color:var(--text-invert);background:transparent;cursor:pointer}.icon-button{width:44px;height:44px}.icon-button svg{width:34px;height:34px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--panel)}.tab{min-height:58px;border:0;background:var(--panel);color:var(--text);font-size:18px;font-weight:800;cursor:pointer}.tab.is-active{background:var(--muted-panel)}main{padding-bottom:186px}.filters{display:grid;gap:10px;width:100%;padding:14px 22px 8px}.search-field{position:relative;display:block}.search-field svg{position:absolute;top:50%;left:12px;width:18px;height:18px;transform:translateY(-50%);color:#6b6267;pointer-events:none}.filters input,.filters select{width:100%;height:42px;border:0;border-radius:8px;background:var(--panel);color:var(--text);box-shadow:inset 0 0 0 1px #00000014}.filters input{padding:0 14px 0 40px}.filters select{padding:0 14px}.station-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:18px 22px 32px}.station-card{aspect-ratio:1;border:0;border-radius:10px;padding:0;overflow:hidden;background:var(--panel);box-shadow:var(--shadow);cursor:pointer}.station-card img{width:100%;height:100%;object-fit:contain;display:block}.station-card.is-active{outline:4px solid var(--accent)}.logo-placeholder{width:100%;height:100%;display:grid;place-items:center;padding:8px;background:var(--brand);color:var(--text-invert);font-size:13px;font-weight:800;text-align:center}.empty-state{margin:42px 28px;padding:22px;border-radius:8px;background:var(--panel);text-align:center;font-weight:700}.player{position:fixed;left:50%;bottom:0;z-index:4;width:min(100vw,430px);transform:translate(-50%);border-radius:14px 14px 0 0;background:var(--brand);color:var(--text-invert);box-shadow:0 -12px 35px #0000002e}.player-expand{width:100%;height:34px}.player-expand svg{width:34px;height:34px}.player-body{display:grid;grid-template-columns:72px 1fr 42px 42px;gap:9px;align-items:center;padding:4px 16px 18px}.player img,.station-detail img{border-radius:8px;background:#fff;object-fit:contain}.player img{width:72px;height:72px}.player-copy{min-width:0}.player-copy strong,.player-copy span,.player-copy p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-copy strong{font-size:19px;font-weight:500}.player-copy span{font-size:13px}.player-copy p{min-height:16px;margin:4px 0 0;color:#ffe4ef;font-size:11px;font-weight:600}.player-action{width:42px;height:42px}.player-action svg{width:34px;height:34px}.player-action.is-active{color:#fff}.station-detail{position:fixed;inset:0;z-index:5;width:min(100vw,430px);margin:0 auto;padding:92px 24px 40px;background:var(--brand);color:var(--text-invert)}.detail-title{position:absolute;top:0;left:0;right:0;height:84px;display:grid;place-items:center;border-bottom:3px solid #ffffff;font-size:30px;font-weight:800}.collapse-button{position:absolute;top:96px;left:50%;width:48px;height:48px;transform:translate(-50%)}.collapse-button svg{width:42px;height:42px}.detail-content{display:grid;grid-template-columns:108px 1fr;gap:20px;align-items:center;margin-top:230px}.detail-content img{width:108px;height:108px}.detail-content h2{margin:0;font-size:29px;font-weight:500}.detail-content p{margin:4px 0 0;font-size:18px}.detail-status{display:block;min-height:20px;margin-top:8px;color:#ffe4ef;font-size:13px;font-weight:700}.detail-controls{display:flex;justify-content:center;gap:34px;margin-top:38px}.detail-controls .player-action{width:62px;height:62px}.detail-controls .player-action svg{width:48px;height:48px}.volume-row{display:grid;gap:16px;margin-top:28px;text-align:center;font-size:19px;font-weight:600}input[type=range]{accent-color:var(--accent)}@media(max-width:370px){.topbar h1,.detail-title{font-size:27px}.station-grid{gap:13px;padding-inline:18px}.player-body{grid-template-columns:66px 1fr 38px 38px;padding-inline:12px}.player img{width:66px;height:66px}.player-action{width:38px}.player-action svg{width:30px;height:30px}}