.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header__container{max-width:var(--player-max-width);margin:0 auto;padding:var(--space-md);display:flex;justify-content:space-between;align-items:center}.header__logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:.02em;display:flex;align-items:center;gap:var(--space-sm)}.header__artist{text-transform:uppercase}.header__divider{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.header__album{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}@media (max-width: 640px){.header__logo{font-size:var(--font-size-base);gap:var(--space-xs)}}.footer{background-color:var(--color-bg);border-top:1px solid var(--color-border);padding:var(--space-lg) var(--space-md);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.footer__container{max-width:var(--player-max-width);margin:0 auto;text-align:center}.footer__copyright{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--space-xs)}.footer__credits{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media (max-width: 640px){.footer{padding:var(--space-md) var(--space-sm)}}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg)}.layout__main{flex:1;width:100%}.equalizer{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;display:flex;align-items:center;justify-content:center}.equalizer__canvas{width:100%;height:100%;display:block;opacity:.75;mix-blend-mode:screen;border-radius:0!important}@keyframes equalizer-fade-in{0%{opacity:0}to{opacity:.75}}.equalizer__canvas{animation:equalizer-fade-in var(--transition-normal)}.artwork{width:100%;max-width:var(--artwork-size-desktop);margin:0 auto;padding:0}.artwork__container{position:relative;width:100%;aspect-ratio:1;border-radius:0;overflow:visible;background-color:var(--color-border);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.artwork--playing .artwork__container{animation:subtle-pulse 4s ease-in-out infinite}@keyframes subtle-pulse{0%,to{transform:scale(1);box-shadow:var(--shadow-lg)}50%{transform:scale(1.02);box-shadow:var(--shadow-xl)}}.artwork__image{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--radius-lg)}.artwork__container--no-image{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-border),var(--color-accent))}.artwork__container--no-image:after{content:"FOUNDATION";text-align:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);opacity:.5;letter-spacing:.1em}@media (max-width: 768px){.artwork{max-width:var(--artwork-size-mobile);padding:var(--space-sm)}}.track-info{text-align:center;padding:0;margin:0 auto;width:100%}.track-info__track-number{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.track-info__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-xs);line-height:1.2}.track-info__artist{font-size:var(--font-size-lg);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.track-info--error{padding:var(--space-lg) var(--space-md)}.track-info__error-message{font-size:var(--font-size-md);color:#ef4444;font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.track-info__error-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);opacity:.8}@media (max-width: 640px){.track-info{padding:var(--space-sm) 0}.track-info__title{font-size:var(--font-size-xl)}.track-info__artist{font-size:var(--font-size-md)}}.time-display{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);width:fit-content;margin:0 auto;font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.time-display__current{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.time-display__divider{opacity:.5}.time-display__duration{color:var(--color-text-secondary)}@media (max-width: 640px){.time-display{font-size:var(--font-size-xs)}}.waveform-bar{position:relative;width:100%;max-width:600px;min-width:0;height:60px;margin:0 auto;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;align-self:center}.waveform-bar:focus{outline:none}.waveform-bar:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.waveform-bar__canvas{width:100%;height:100%;display:block}.waveform-bar--dragging{cursor:grabbing}.waveform-bar--loading{background-color:var(--color-border);opacity:.5}.waveform-bar__loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.waveform-bar{height:50px;max-width:100%;width:calc(100% - var(--space-md))}}.controls{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:0;margin:-32px auto 0;width:100%;max-width:600px}.controls__button{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--color-text-primary);transition:all var(--transition-fast);border-radius:var(--radius-full)}.controls__button:hover:not(:disabled){color:var(--color-hover);transform:scale(1.05)}.controls__button:active:not(:disabled){transform:scale(.95)}.controls__button:disabled{opacity:.4;cursor:not-allowed}.controls__button:focus-visible{outline:2px solid var(--color-active);outline-offset:4px}.controls__button--primary{width:64px;height:64px;background-color:var(--color-accent);color:var(--color-bg)}.controls__button--primary:hover:not(:disabled){background-color:var(--color-hover);color:var(--color-bg);transform:scale(1.1)}.controls__button--secondary{width:48px;height:48px;padding:var(--space-xs)}.controls__button--primary .spinner{width:32px;height:32px;border-color:var(--color-bg);border-top-color:transparent}@media (max-width: 640px){.controls{gap:var(--space-sm)}.controls__button--primary{width:56px;height:56px}.controls__button--secondary{width:40px;height:40px}}.volume-control{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;max-width:200px;-webkit-user-select:none;user-select:none}.volume-control__button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--space-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.volume-control__button:hover{color:var(--color-text-primary);background-color:var(--color-border)}.volume-control__button:active{transform:scale(.95)}.volume-control__button:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.volume-control__slider{flex:1;min-width:80px;padding:var(--space-xs) 0;cursor:pointer;touch-action:none}.volume-control__slider:focus{outline:none}.volume-control__slider:focus-visible .volume-control__track{outline:2px solid var(--color-active);outline-offset:2px}.volume-control__track{position:relative;width:100%;height:4px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden;transition:height var(--transition-fast)}.volume-control__slider:hover .volume-control__track,.volume-control__slider--dragging .volume-control__track{height:6px}.volume-control__fill{position:absolute;top:0;left:0;height:100%;background:var(--color-accent);transition:width .1s linear;pointer-events:none}.volume-control__thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;background-color:var(--color-active);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast);pointer-events:none;box-shadow:0 0 4px #0000004d}.volume-control__slider:hover .volume-control__thumb,.volume-control__slider--dragging .volume-control__thumb{opacity:1}.volume-control__percentage{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono);min-width:3ch;text-align:right;flex-shrink:0}@media (max-width: 768px){.volume-control{max-width:160px}.volume-control__slider{min-width:60px}.volume-control__track{height:6px}.volume-control__thumb{width:12px;height:12px}}.shuffle-button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:var(--space-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.shuffle-button:hover{color:var(--color-text-primary);background-color:var(--color-border)}.shuffle-button:active{transform:scale(.95)}.shuffle-button:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.shuffle-button--active{color:var(--color-active)}.shuffle-button--active:hover{color:var(--color-hover);background-color:var(--color-border)}.shuffle-button--active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--color-active);border-radius:var(--radius-full)}@media (max-width: 768px){.shuffle-button{width:40px;height:40px}}.repeat-button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:var(--space-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.repeat-button:hover{color:var(--color-text-primary);background-color:var(--color-border)}.repeat-button:active{transform:scale(.95)}.repeat-button:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.repeat-button--active{color:var(--color-active)}.repeat-button--active:hover{color:var(--color-hover);background-color:var(--color-border)}.repeat-button--active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--color-active);border-radius:var(--radius-full)}.repeat-button__one{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:var(--font-weight-bold);color:currentColor;pointer-events:none}@media (max-width: 768px){.repeat-button{width:40px;height:40px}.repeat-button__one{font-size:11px}}.equalizer-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:var(--space-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.equalizer-toggle:hover{color:var(--color-text-primary);background-color:var(--color-border)}.equalizer-toggle:active{transform:scale(.95)}.equalizer-toggle:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.equalizer-toggle--active{color:var(--color-active)}.equalizer-toggle--active:hover{color:var(--color-hover)}.version-toggle{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.version-toggle:hover{border-color:var(--color-accent);color:var(--color-text-primary);background-color:var(--color-border)}.version-toggle:active{transform:scale(.98)}.version-toggle:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.version-toggle__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs)}.version-toggle--vocal .version-toggle__icon{background-color:var(--color-accent);color:var(--color-bg)}.version-toggle--instrumental .version-toggle__icon{background-color:var(--color-border);color:var(--color-text-primary)}.version-toggle--instrumental:hover .version-toggle__icon{background-color:var(--color-accent);color:var(--color-bg)}.version-toggle__label{font-size:var(--font-size-xs)}@media (max-width: 768px){.version-toggle{padding:var(--space-xs);min-width:36px}.version-toggle__label{display:none}.version-toggle__icon{width:24px;height:24px}}.lyrics-toggle{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:var(--space-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.lyrics-toggle:hover:not(:disabled){color:var(--color-text-primary);background-color:var(--color-border)}.lyrics-toggle:disabled{opacity:.3;cursor:not-allowed}.lyrics-toggle:active:not(:disabled){transform:scale(.95)}.lyrics-toggle:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.lyrics-toggle--active{color:var(--color-active)}.lyrics-toggle__indicator{position:absolute;bottom:2px;left:50%;transform:translate(-50%);display:flex;gap:2px}.lyrics-toggle__dot{width:3px;height:3px;background-color:var(--color-active);border-radius:var(--radius-full)}.lyric-line{padding:var(--space-sm) var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);transition:all var(--transition-normal);cursor:pointer;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em}.lyric-line:hover{background-color:var(--color-border);color:var(--color-text-primary)}.lyric-line--current{color:var(--color-active);font-weight:var(--font-weight-medium);background-color:var(--color-border);transform:scale(1.02)}.lyric-line--upcoming{color:var(--color-text-primary)}@media (max-width: 768px){.lyric-line{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}}.lyrics-panel__backdrop{display:none}@media (max-width: 768px){.lyrics-panel__backdrop{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:var(--z-modal);animation:fade-in var(--transition-normal)}}.lyrics-panel{background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-xl);transition:background-color var(--transition-normal),border-color var(--transition-normal)}@media (min-width: 1100px){.lyrics-panel{position:relative;width:427px;height:500px;animation:fade-scale-in var(--transition-normal)}@keyframes fade-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}@media (min-width: 769px) and (max-width: 1099px){.lyrics-panel--mobile{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;max-height:none;border:none;border-radius:0;z-index:calc(var(--z-modal) + 1);animation:slide-up var(--transition-normal)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (max-width: 768px){.lyrics-panel--mobile{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;max-height:none;border:none;border-radius:0;z-index:calc(var(--z-modal) + 1);animation:slide-up var(--transition-normal)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.lyrics-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.lyrics-panel__title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.lyrics-panel__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:var(--space-xs);border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.lyrics-panel__close:hover{color:var(--color-text-primary);background-color:var(--color-border)}.lyrics-panel__close:active{transform:scale(.95)}.lyrics-panel__close:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.lyrics-panel__mobile-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-md);border-bottom:1px solid var(--color-border);background-color:var(--color-bg)}.lyrics-panel__control-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:none;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-fast)}.lyrics-panel__control-btn--play{width:56px;height:56px;background-color:var(--color-active);color:var(--color-bg)}.lyrics-panel__control-btn:hover:not(:disabled){background-color:var(--color-border);transform:scale(1.05)}.lyrics-panel__control-btn--play:hover:not(:disabled){background-color:var(--color-hover)}.lyrics-panel__control-btn:active:not(:disabled){transform:scale(.95)}.lyrics-panel__control-btn:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}@media (min-width: 1100px){.lyrics-panel__mobile-controls{display:none}}.lyrics-panel__content{flex:1;overflow-y:auto;padding:var(--space-md)}.lyrics-panel__content::-webkit-scrollbar{width:8px}.lyrics-panel__content::-webkit-scrollbar-track{background:var(--color-bg);border-radius:var(--radius-sm)}.lyrics-panel__content::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm)}.lyrics-panel__content::-webkit-scrollbar-thumb:hover{background:var(--color-hover)}.lyrics-panel__content{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-bg)}.lyrics-panel__empty{text-align:center;color:var(--color-text-secondary);padding:var(--space-xl);font-size:var(--font-size-sm)}@media (max-width: 768px){.lyrics-panel__header{padding:var(--space-sm) var(--space-md)}.lyrics-panel__content{padding:var(--space-sm)}}.lyrics-box{width:100%;max-width:700px;margin:0 auto;padding:var(--space-md);background-color:var(--color-border);border-radius:var(--radius-md);max-height:120px;overflow-y:auto;text-align:center;animation:slide-down var(--transition-normal)}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lyrics-box__line{padding:var(--space-xs) 0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.03em}.lyrics-box__line--current{color:var(--color-active);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transform:scale(1.05)}.lyrics-box::-webkit-scrollbar{width:0;background:transparent}@media (max-width: 768px){.lyrics-box{padding:var(--space-sm);max-height:100px}.lyrics-box__line{font-size:.625rem}.lyrics-box__line--current{font-size:var(--font-size-xs)}}.tracklist-item{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast);width:100%}.tracklist-item:hover{background-color:var(--color-border)}.tracklist-item:active{transform:scale(.98)}.tracklist-item:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}.tracklist-item--current{background-color:var(--color-active);color:var(--color-bg)}.tracklist-item--current:hover{background-color:var(--color-hover)}.tracklist-item__number{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.tracklist-item__track-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.tracklist-item--current .tracklist-item__track-number{color:var(--color-bg);font-weight:var(--font-weight-bold)}.tracklist-item__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-bg)}.tracklist-item__title{font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tracklist-item--current .tracklist-item__title{font-weight:var(--font-weight-bold)}.tracklist-item__duration{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap}.tracklist-item--current .tracklist-item__duration{color:var(--color-bg);opacity:.9}@media (max-width: 640px){.tracklist-item{grid-template-columns:32px 1fr auto;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs)}.tracklist-item__number{width:32px;height:32px}.tracklist-item__track-number{font-size:var(--font-size-xs)}}.tracklist-item:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.tracklist{display:flex;flex-direction:column;background-color:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;height:100%;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.tracklist__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--color-border)}.tracklist__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.tracklist__count{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.tracklist__content{flex:1;overflow-y:auto;padding:var(--space-xs) 0;scroll-behavior:smooth}.tracklist__content::-webkit-scrollbar{width:8px}.tracklist__content::-webkit-scrollbar-track{background:var(--color-bg)}.tracklist__content::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-sm)}.tracklist__content::-webkit-scrollbar-thumb:hover{background:var(--color-hover)}.tracklist__content{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-bg)}@media (max-width: 640px){.tracklist__header{padding:var(--space-sm) var(--space-sm) var(--space-xs)}.tracklist__title{font-size:var(--font-size-base)}}.tracklist__empty{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-secondary);text-align:center}.keyboard-shortcuts-help{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-md);animation:fade-in var(--transition-normal)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.keyboard-shortcuts-help__content{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.keyboard-shortcuts-help__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-lg);text-align:center}.keyboard-shortcuts-help__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.keyboard-shortcuts-help__section h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.keyboard-shortcuts-help__item{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xs)}.keyboard-shortcuts-help__item kbd{min-width:60px;padding:var(--space-xs) var(--space-sm);background-color:var(--color-border);border:1px solid var(--color-accent);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;box-shadow:0 2px 0 var(--color-accent)}.keyboard-shortcuts-help__item span{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.keyboard-shortcuts-help__footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.keyboard-shortcuts-help__footer kbd{padding:var(--space-xs);background-color:var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-size:var(--font-size-xs)}@media (max-width: 768px){.keyboard-shortcuts-help__content{padding:var(--space-lg)}.keyboard-shortcuts-help__grid{grid-template-columns:1fr;gap:var(--space-md)}}.player{width:100%;max-width:1400px;margin:0 auto;padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs)}@media (max-width: 768px){.player{padding:var(--space-sm) var(--space-md)}}.player audio{display:none}.player__secondary-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xs) 0;max-width:600px;margin:0 auto}.player__version-row{display:flex;justify-content:center;padding:var(--space-xs) 0;margin-top:var(--space-xs)}@media (max-width: 768px){.player__secondary-controls{gap:var(--space-xs);max-width:100%;padding:var(--space-xs) 0;justify-content:space-evenly}}.player__main-area{display:grid;grid-template-columns:403.5px minmax(600px,600px) 403.5px;gap:var(--space-xl);padding:var(--space-xl) 0;position:relative;min-height:500px;align-items:start;justify-items:center;justify-content:center}.player__center-column{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:600px;max-width:none;justify-self:center;margin:0 auto}.player__album-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.15em;margin:0 0 var(--space-xs) 0;text-align:center}.player__center-column>*{width:100%;max-width:600px}.player__center-column .artwork{max-width:400px}@media (min-width: 1100px){.player__center-column{flex-shrink:0}}.player__floating-box{flex-shrink:0;align-self:start;margin-top:-100px}@media (max-width: 1099px){.player__floating-box{display:none!important}}@media (min-width: 1100px){.player__floating-box{display:block}.player__floating-box--tracklist{width:100%;max-width:380px;height:500px;order:-1}.player__floating-box--lyrics{order:1}.player__main-area .artwork{align-self:center}}.player__mobile-lyrics-panel{display:none}@media (max-width: 1099px){.player__mobile-lyrics-panel{display:block}.player__main-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl) 0;position:relative;min-height:auto}}@media (min-width: 1100px){.player__mobile-lyrics-panel{display:none}}@media (max-width: 1099px){.player{max-width:var(--player-max-width);padding:var(--space-lg) var(--space-md)}}@media (max-width: 768px){.player{padding-top:0;padding-right:var(--space-md);padding-bottom:var(--space-md);padding-left:var(--space-md)}.player__main-area{padding-top:0;padding-right:var(--space-sm);padding-bottom:var(--space-md);padding-left:var(--space-sm);gap:var(--space-sm)}.player__center-column{width:100%;max-width:100%;padding:0}.player__center-column>*{max-width:100%}.player__album-title{font-size:var(--font-size-xl)}}.player-section{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);padding:var(--space-2xl) var(--space-md);transition:background-color var(--transition-normal)}.player-section__container{width:100%}@media (max-width: 768px){.player-section{padding:var(--space-xl) var(--space-sm);align-items:flex-start;padding-top:calc(var(--space-xl) + 60px)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{isolation:isolate}:root{--color-bg-light: #e8e8e8;--color-text-primary-light: #1c1c1c;--color-text-secondary-light: #3d3d3d;--color-accent-light: #5a5a5a;--color-border-light: #b8b8b8;--color-hover-light: #2b2b2b;--color-active-light: #0f0f0f;--color-bg-dark: #2a2a2a;--color-text-primary-dark: #e8e8e8;--color-text-secondary-dark: #b8b8b8;--color-accent-dark: #8a8a8a;--color-border-dark: #454545;--color-hover-dark: #d0d0d0;--color-active-dark: #f5f5f5;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--space-2xl: 5rem;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.8;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--player-max-width: 1200px;--artwork-size-desktop: 400px;--artwork-size-mobile: 280px;--controls-height: 80px;--color-bg: var(--color-bg-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-accent: var(--color-accent-dark);--color-border: var(--color-border-dark);--color-hover: var(--color-hover-dark);--color-active: var(--color-active-dark)}[data-theme=dark]{--color-bg: var(--color-bg-dark);--color-text-primary: var(--color-text-primary-dark);--color-text-secondary: var(--color-text-secondary-dark);--color-accent: var(--color-accent-dark);--color-border: var(--color-border-dark);--color-hover: var(--color-hover-dark);--color-active: var(--color-active-dark)}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);transition:background-color var(--transition-normal),color var(--transition-normal)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--color-active);outline-offset:2px}::selection{background-color:var(--color-accent);color:var(--color-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-hover)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.section{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}@media (max-width: 768px){.section{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}}.text-center{text-align:center}.text-uppercase{text-transform:uppercase;letter-spacing:.05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:24px;height:24px;animation:spin .6s linear infinite}