:root{color-scheme:dark;--md-sys-color-background: #121212;--md-sys-color-on-background: #FFFFFF;--md-sys-color-surface: #121212;--md-sys-color-surface-variant: #282828;--md-sys-color-on-surface: #FFFFFF;--md-sys-color-on-surface-variant: #B3B3B3;--md-sys-color-surface-container-low: #181818;--md-sys-color-surface-container: #282828;--md-sys-color-surface-container-high: #3E3E3E;--md-sys-color-surface-container-highest: #535353;--md-sys-color-primary: #1DB954;--md-sys-color-on-primary: #000000;--md-sys-color-primary-container: #1ED760;--md-sys-color-on-primary-container: #000000;--md-sys-color-secondary-container: #282828;--md-sys-color-on-secondary-container: #FFFFFF;--md-sys-color-outline: #B3B3B3;--md-sys-color-outline-variant: #535353}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Roboto,system-ui,-apple-system,sans-serif;background:var(--md-sys-color-background);color:var(--md-sys-color-on-background);-webkit-tap-highlight-color:transparent}.page{max-width:600px;margin:0 auto;padding:24px 16px 120px}.page__title{margin:0 0 24px;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;color:var(--md-sys-color-on-surface)}.search{margin:0 0 24px}.search__field{position:relative;display:flex;align-items:center}.search__input{width:100%;border:none;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);border-radius:8px;padding:14px 48px;font-size:1rem;transition:background .2s ease}.search__input:focus{outline:none;background:var(--md-sys-color-surface-container-high)}.search__input::placeholder{color:var(--md-sys-color-on-surface-variant)}.search__clear{position:absolute;right:12px;width:32px;height:32px;border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.search__clear:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.search__status{margin:12px 16px 0;color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.result-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.result-item{width:100%;border:none;background:transparent;border-radius:8px;display:flex;align-items:center;gap:16px;padding:8px;text-align:left;color:inherit;cursor:pointer;transition:background .2s ease}.result-item:hover{background:var(--md-sys-color-surface-container-low)}.result-item--active{background:var(--md-sys-color-surface-container)}.result-item--active .result-item__title{color:var(--md-sys-color-primary)}.result-item__thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;background:var(--md-sys-color-surface-container-highest);flex-shrink:0}.result-item__info{display:flex;flex-direction:column;overflow:hidden}.result-item__title{margin:0 0 4px;font-size:1rem;font-weight:500;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--md-sys-color-on-surface)}.result-item__artist{margin:0;color:var(--md-sys-color-on-surface-variant);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty,.error{margin:24px 16px;color:var(--md-sys-color-on-surface-variant);font-size:1rem;text-align:center}.error{color:#ffb4ab}.mini-player{position:fixed;left:8px;right:8px;bottom:16px;background:#424242;border-radius:8px;display:flex;flex-direction:column;z-index:100;overflow:hidden}.mini-player__content{display:flex;align-items:center;padding:8px;gap:12px}.mini-player__thumb{width:40px;height:40px;border-radius:4px;object-fit:cover;background:var(--md-sys-color-surface-container-highest);flex-shrink:0}.mini-player__info{display:flex;flex-direction:column;overflow:hidden;flex-grow:1;justify-content:center}.mini-player__title{margin:0 0 2px;font-size:.875rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__artist{margin:0;color:#b3b3b3;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player__controls{display:flex;align-items:center;gap:8px;padding-right:4px}.mini-player__button{width:40px;height:40px;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%}.mini-player__button:active{background:#ffffff1a}.mini-player__progress-bar{width:100%;height:2px;background:#fff3;position:absolute;bottom:0;left:0}.mini-player__progress-fill{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}@media (min-width: 600px){.mini-player{left:50%;transform:translate(-50%);width:100%;max-width:584px}}