/* Listening tools share the archive's neutral surfaces and 44px touch targets. */
#status{display:none!important}
.action-notice{position:fixed;z-index:1200;left:50%;bottom:112px;transform:translateX(-50%);width:max-content;max-width:min(440px,calc(100% - 32px));padding:10px 12px;border:1px solid #454950;border-radius:12px;background:#292d33;color:#eef2f6;box-shadow:0 8px 28px #0004;display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.5}
.action-notice[hidden]{display:none}.action-notice>span{min-width:0;overflow-wrap:anywhere}.action-notice>button{flex:none;white-space:nowrap;min-height:44px;padding:6px 10px;color:#fff;background:#ffffff0b;font-size:13px;border-radius:8px}
dialog>.action-notice{bottom:calc(20px + var(--archive-safe-bottom,0px))}
#queue-panel>.action-notice{bottom:calc(94px + var(--archive-safe-bottom,0px))}
#recent-panel,#sleep-panel{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - var(--archive-safe-top,0px) - var(--archive-safe-bottom,0px) - 24px);overflow-y:auto;overscroll-behavior:contain;background:#191b1f}
#recent-panel .panel-head,#sleep-panel .panel-head{position:sticky;top:-20px;z-index:1;background:#191b1f;margin-bottom:14px}
#recent-panel{scrollbar-width:none}#recent-panel::-webkit-scrollbar{display:none}
.recent-tabs{display:flex;gap:4px;background:#24272d;border-radius:10px;padding:4px}.recent-tabs button{flex:1;border-radius:8px;font-size:14px;color:#abb3bf}.recent-tabs [aria-pressed=true]{background:#101214;color:#f4f5f6}
#recent-note,.sleep-note{font-size:12px;line-height:1.7;color:#abb3bf}.recent-clear{display:block;margin-left:auto;font-size:12px;color:#abb3bf}.recent-empty{text-align:center;padding:32px 8px;color:#abb3bf;font-size:14px}
.recent-query{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:8px;padding:10px 4px}.recent-query>span{flex:1;min-width:0;overflow-wrap:anywhere}.recent-query>svg{flex:none;width:18px;color:#abb3bf}
.recent-track{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:9px 0;text-align:left;border-bottom:1px solid #ffffff08;border-radius:0}.recent-track>img{width:44px;height:44px;border-radius:8px;object-fit:cover}.recent-track>span{min-width:0}.recent-track strong,.recent-track small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-track strong{font-size:14px;font-weight:650}.recent-track small,.recent-track time{font-size:12px;color:#abb3bf}.recent-track .member-badges{font-size:12px}
.sleep-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sleep-options button{background:#24272d;border-radius:10px;font-size:14px}.sleep-options button[aria-pressed=true]{background:#f4f5f6;color:#191b1f}#sleep-cancel{width:100%;margin-top:12px;color:#abb3bf}#sleep-state{color:#f4f5f6;font-size:18px}#sleep-open[data-active=true]{color:#f4f5f6;background:#ffffff0b}
.playlist-card-shell{position:relative;min-width:0}
.playlist-card .playlist-card-title{display:flex;align-items:center;gap:5px;min-width:0}
.playlist-card-title>.playlist-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.playlist-pinned-mark{display:inline-flex;align-items:center;flex:none;color:#abb3bf}
.playlist-pinned-mark svg{width:13px;height:13px;fill:currentColor}
@media(max-width:1023px){
 .action-notice{bottom:calc(var(--mobile-nav-height,68px) + var(--archive-safe-bottom,0px) + 14px)}
 body[data-has-track=true]>.action-notice{bottom:calc(var(--mobile-nav-height,68px) + var(--archive-safe-bottom,0px) + 96px)}
 #recent-panel,#sleep-panel{padding:20px max(20px,var(--archive-safe-right,0px)) 20px max(20px,var(--archive-safe-left,0px))}
 .top-actions{gap:0}.top-actions button{padding:10px;width:44px;min-width:44px}
 #player-panel .panel-head>span{flex:1;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media(max-width:360px){.sleep-options{grid-template-columns:repeat(2,minmax(0,1fr))}.action-notice{font-size:12px;gap:6px;padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.action-notice{transition:none;animation:none}}

/* Time stays inside fixed-size controls, without shifting the artwork or title. */
#sleep-open{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:64px;width:64px;height:44px;padding:2px 0}#sleep-open svg{width:18px;height:18px}#sleep-countdown{font-size:10px;line-height:14px;font-variant-numeric:tabular-nums;white-space:nowrap}#dock-sleep{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;min-width:64px;width:64px;height:44px;padding:2px 0;color:#abb3bf}#dock-sleep svg{width:18px;height:18px}#dock-sleep-countdown{font-size:10px;line-height:14px;font-variant-numeric:tabular-nums;white-space:nowrap}#dock-sleep[data-active=true]{color:#edf1f6}#sleep-state{font-variant-numeric:tabular-nums}