/* Quiet visual control with a full 44px target for touch and keyboard access. */
body.nocturne .background-controls{left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));padding:0;gap:0;background:none;border:0;box-shadow:none;backdrop-filter:none;border-radius:0}
html[lang] body.nocturne .background-next{position:relative;display:grid;place-items:center;gap:0;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:none;color:#c6bdcb;cursor:pointer}
body.nocturne .background-next:before{content:'';position:absolute;width:30px;height:30px;border-radius:50%;border:1px solid #9e8ca638;background:#0d0b1299;z-index:-1;transition:border-color .2s,background-color .2s}
body.nocturne .background-next>svg{width:15px;height:15px;opacity:.8}
body.nocturne .background-next:hover:before{border-color:#b19cbb80;background:#19131fe6}
body.nocturne .background-next:focus-visible{outline:1px solid #d4bdde;outline-offset:1px}
body.nocturne .background-next:disabled{opacity:.4;cursor:wait}
body.nocturne .background-next>.background-tip{position:absolute;bottom:calc(100% + 4px);left:2px;display:block;white-space:nowrap;padding:6px 9px;border:1px solid #8c789344;border-radius:4px;background:#100c16f5;font:400 11px/1.5 var(--body);letter-spacing:0;color:#ded5e1;opacity:0;visibility:hidden;pointer-events:none}
body.nocturne .background-next:is(:hover,:focus-visible)>.background-tip{opacity:1;visibility:visible}
body.nocturne.has-music-dock .background-controls{bottom:calc(106px + env(safe-area-inset-bottom))}
@media(prefers-reduced-motion:reduce){body.nocturne .background-next:before{transition:none}}
@media(forced-colors:active){body.nocturne .background-next{color:ButtonText}body.nocturne .background-next:before{background:Canvas;border-color:ButtonText}body.nocturne .background-next:focus-visible{outline-color:Highlight}body.nocturne .background-next>.background-tip{background:Canvas;color:CanvasText;border-color:CanvasText}}