body{padding-bottom:0}
main{position:relative;z-index:1;padding-bottom:calc(var(--mini-player-height) + var(--mini-player-gap) + env(safe-area-inset-bottom) + 24px)}
.app-header{z-index:100}
.mini-player{z-index:900;height:var(--mini-player-height);padding-bottom:calc(7px + env(safe-area-inset-bottom));pointer-events:auto}
.modal.full-player-modal{z-index:990}
.modal.full-player-modal .modal-dialog{z-index:1000}
.playlist-backdrop{position:fixed;z-index:1090;top:0;right:0;bottom:calc(var(--mini-player-height) + env(safe-area-inset-bottom));left:0;border:0;background:rgba(0,0,0,.62);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--ease)}
body.playlist-open .playlist-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.drawer-sheet{position:fixed;z-index:1100;left:8px;right:8px;bottom:calc(var(--mini-player-height) + 10px + env(safe-area-inset-bottom));max-height:65vh;overflow-y:auto;overscroll-behavior:contain;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0b0d0c;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);transition:transform var(--ease),opacity var(--ease)}
body.playlist-open .drawer-sheet{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.playlist-tools{display:flex;justify-content:flex-end;padding-top:14px}
.modal{z-index:1200}
.toast{z-index:1300;bottom:calc(var(--mini-player-height) + var(--mini-player-gap) + env(safe-area-inset-bottom))}
.site-footer{padding-bottom:calc(var(--mini-player-height) + var(--mini-player-gap) + env(safe-area-inset-bottom) + 24px)}
@media(min-width:900px){
  .mini-player{height:var(--mini-player-height)}
  .drawer-sheet{top:0;right:0;bottom:calc(var(--mini-player-height) + env(safe-area-inset-bottom));left:auto;width:min(420px,92vw);max-height:none;border-radius:18px 0 0 18px;transform:translateX(24px)}
  body.playlist-open .drawer-sheet{transform:translateX(0)}
}
@media(prefers-reduced-motion:reduce){
  .playlist-backdrop,.drawer-sheet{transition-duration:.01ms}
}