body{margin:0}:root{--md-background: #1C1B1F;--md-surface-container-low: #1E1D23;--md-surface-container-high: #2B2930;--md-surface-container-highest: #36343B;--md-on-surface: #E6E1E5;--md-on-surface-variant: #CAC4D0;--md-primary: #D0BCFF;--md-on-primary: #381E72;--md-primary-container: #4F378B;--md-on-primary-container: #EADDFF;--md-outline-variant: #49454F;--shape-card: 16px;--shape-fab: 16px;--shape-mini-player: 28px}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--md-background);color:var(--md-on-surface);font-family:Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app-bar{height:64px;background-color:var(--md-surface-container-low);display:flex;align-items:center;padding:0 16px;position:sticky;top:0;z-index:100}.app-bar__logo{height:32px;width:auto;margin-right:8px}.app-bar__title{font-size:22px;font-weight:400;line-height:28px;letter-spacing:0;color:var(--md-on-surface);margin:0}.app-main{padding:16px 12px 112px}.station-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.station-card{background-color:var(--md-surface-container-high);border-radius:var(--shape-card);cursor:pointer;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .15s ease;outline:none}.station-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--md-primary);opacity:0;pointer-events:none;transition:opacity .15s ease}.station-card:hover:after{opacity:.08}.station-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006}.station-card:focus-visible:after{opacity:.12}.station-card.active{background-color:var(--md-primary-container)}.station-card.active .station-name{color:var(--md-on-primary-container)}.station-thumb{width:100%;aspect-ratio:1 / 1;overflow:hidden;position:relative}.station-thumb img{width:100%;height:100%;object-fit:cover;display:block}.station-thumb__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000073;display:flex;align-items:center;justify-content:center}.station-info{padding:10px 12px 12px}.station-name{font-size:14px;font-weight:500;line-height:20px;letter-spacing:.1px;color:var(--md-on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wave{display:flex;align-items:flex-end;gap:3px;height:24px}.wave span{display:block;width:4px;background-color:var(--md-primary);border-radius:2px;animation:wave-bar 1s ease-in-out infinite;transform-origin:bottom}.wave span:nth-child(1){animation-delay:0s;height:8px}.wave span:nth-child(2){animation-delay:.15s;height:16px}.wave span:nth-child(3){animation-delay:.3s;height:12px}.wave span:nth-child(4){animation-delay:.45s;height:20px}@keyframes wave-bar{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.mini-player{position:fixed;bottom:12px;left:12px;right:12px;background-color:var(--md-surface-container-highest);border-radius:var(--shape-mini-player);display:flex;align-items:center;padding:10px;gap:12px;z-index:200;box-shadow:0 6px 20px #00000080;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.mini-player--visible{transform:translateY(0);opacity:1}.mini-player--hidden{transform:translateY(calc(100% + 20px));opacity:0;pointer-events:none}.mini-player__thumb{width:48px;height:48px;border-radius:12px;overflow:hidden;flex-shrink:0}.mini-player__thumb img{width:100%;height:100%;object-fit:cover;display:block}.mini-player__meta{flex:1;min-width:0}.mini-player__name{font-size:14px;font-weight:500;line-height:20px;color:var(--md-on-surface);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__status{font-size:12px;font-weight:400;line-height:16px;color:var(--md-on-surface-variant);margin:0}.mini-player__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.fab{width:56px;height:56px;border-radius:var(--shape-fab);border:none;background-color:var(--md-primary-container);color:var(--md-on-primary-container);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;transition:box-shadow .15s ease;flex-shrink:0;touch-action:manipulation}.fab:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--md-on-primary-container);opacity:0;transition:opacity .15s ease}.fab:hover:after{opacity:.08}.fab:active:after{opacity:.12}.fab:hover{box-shadow:0 4px 12px #0006}.fab svg{position:relative;z-index:1}