.device-dashboard-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border:1px solid #637398;border-radius:12px;background:#182b42;color:#fff;margin:8px 0}.device-dashboard-status div{display:grid;gap:4px}.device-dashboard-status span{font-size:14px;color:#d0dbee}.device-dashboard-status a,.device-access-wait a,.device-access-wait button{color:#fff;background:#295e87;border:1px solid #91bada;border-radius:8px;padding:10px 16px;text-decoration:none;font-weight:700}.device-display-wait{height:100dvh;display:grid;place-content:center;color:white;background:radial-gradient(ellipse at 50% 70%,#273b67,#111c36);font:700 clamp(25px,6vw,80px) system-ui}.device-access-wait{max-width:780px;margin:8vh auto;padding:30px;color:white;background:#1b2845;font-family:system-ui;border-radius:16px}.device-access-wait button{margin:10px}
.spotify-dashboard .hitster-spotify-account{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#183249;border:1px solid #688bad;border-radius:12px;margin:10px 0;padding:12px 16px;color:#fff}.spotify-dashboard .hitster-spotify-account.ready{background:#143c31;border-color:#35bd83}.spotify-dashboard .hitster-spotify-account.attention{background:#493821;border-color:#dfb46b}.spotify-dashboard .hitster-spotify-account>div:first-child{display:grid;gap:4px}.spotify-dashboard .hitster-spotify-account span{color:#e0eef7;font-size:14px}.spotify-dashboard .hitster-connection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.spotify-dashboard .hitster-connection-actions button,.spotify-dashboard .hitster-connection-actions a,.spotify-dashboard .hitster-connection-actions summary{padding:10px 14px;color:#fff;background:#285571;border:1px solid #7c9ab8;border-radius:8px;font-weight:650;font-size:14px;text-decoration:none;cursor:pointer}.spotify-dashboard .hitster-connection-actions details button{margin-top:8px}.spotify-dashboard .hitster-workplace.setup{border-color:#759dbb;background:#1c3048}.spotify-dashboard .hitster-workplace .audio-readiness-copy{min-width:220px;flex:1}@media(max-width:600px){.spotify-dashboard .hitster-connection-actions{width:100%}.spotify-dashboard .hitster-connection-actions a,.spotify-dashboard .hitster-connection-actions button{flex:1;text-align:center}.spotify-dashboard .hitster-workplace .audio-readiness-copy{min-width:0}}

.remote-panel{border-color:#4f87ac}.remote-preview{display:grid;gap:8px;background:#101e32;border:1px solid #476281;border-radius:12px;padding:18px;margin:18px 0}.remote-preview strong{font-size:1.4rem}.remote-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.remote-song-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.remote-song-fields label{min-width:0}.remote-song-fields select{width:100%}.remote-panel form{display:grid;gap:16px;max-width:700px;margin:20px 0}.remote-panel form>label:not(.remote-consent){display:grid;gap:7px}.remote-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.6}.remote-consent input{width:22px;min-width:22px;height:22px;margin-top:4px}.remote-result{padding:14px;background:#263c55;border-radius:8px;line-height:1.5}.remote-actions button{min-height:48px}.remote-panel .danger{background:#752e3b;border-color:#c96772;color:#fff}.hitster-remote-banner{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#53421d;border:2px solid #e5b754;border-radius:10px;padding:14px 18px;color:#fff;margin:10px}.hitster-remote-banner>div{display:grid;gap:6px}.hitster-remote-banner button{background:#992e3e;color:white;border:1px solid #ffb8bc;padding:12px;border-radius:8px;cursor:pointer;white-space:nowrap}@media(max-width:650px){.remote-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.remote-song-fields{grid-template-columns:1fr}.hitster-remote-banner{flex-direction:column;align-items:stretch}}

.hitster-between-songs{position:fixed;inset:0;z-index:30;box-sizing:border-box;display:flex;align-items:center;justify-content:center;padding:clamp(60px,11vh,110px) clamp(24px,7vw,130px) clamp(28px,6vh,70px);overflow:hidden;background:linear-gradient(180deg,#0717298c,#07172999 45%,#071729bf),url('/static/media/veurhof-f15df8987629/veurhof-retrodisco.png') center/cover no-repeat;color:white;text-align:center;font-family:system-ui,sans-serif}
.hitster-between-songs h1{max-width:18ch;margin:0;font-size:clamp(22px,min(6.6vw,9vh),108px)!important;line-height:1.16;font-weight:800;letter-spacing:-.025em;color:#fff!important;text-shadow:0 3px 22px #000c;text-wrap:balance}
.display-page:has(.hitster-between-songs) .display-hitster-layout>.round-display:not(.generation-display){z-index:40}
@media(max-height:400px){.hitster-between-songs{padding-top:48px;padding-bottom:16px}}

.spotify-dashboard .hitster-display-preview{min-width:0;background:#17243b;border:1px solid #43516d;border-radius:14px;overflow:hidden}
.spotify-dashboard .hitster-preview-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;color:#f2f7ff;min-width:0}
.spotify-dashboard .hitster-preview-header strong{font-size:14px}
.spotify-dashboard .hitster-preview-actions{display:flex;gap:6px;flex-shrink:0}
.spotify-dashboard .hitster-preview-header button{font:inherit;font-size:12px;line-height:1.25;color:#f2f7ff;border:1px solid #617493;border-radius:7px;padding:8px 9px;background:#2b3d59;cursor:pointer;white-space:nowrap}
.spotify-dashboard .hitster-preview-header button:focus-visible{outline:3px solid #ffd06d;outline-offset:1px}
.spotify-dashboard .hitster-display-preview.is-floating{position:fixed;z-index:900;left:12px;bottom:16px;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;box-shadow:0 12px 40px #0009;overflow:auto}
.spotify-dashboard .hitster-preview-header .hitster-preview-drag{flex:1;min-width:0;padding:8px 2px;border-color:transparent;background:transparent;text-align:left;font-size:14px;font-weight:700;touch-action:none;cursor:grab;user-select:none;overflow:hidden;text-overflow:ellipsis}
.spotify-dashboard .hitster-preview-header .hitster-preview-drag:active{cursor:grabbing}
.spotify-dashboard .hitster-display-preview.is-collapsed .hitster-preview-header{padding:7px 10px}
.spotify-dashboard .hitster-preview-content{padding:0 12px 10px;min-width:0}
.spotify-dashboard .hitster-preview-viewport{position:relative;width:100%;overflow:hidden;background:#090f1c;border-radius:8px;min-height:1px}
.spotify-dashboard .hitster-preview-viewport[hidden]{display:block;visibility:hidden;height:0!important;min-height:0;pointer-events:none}
.spotify-dashboard .hitster-preview-viewport iframe{position:absolute;top:0;border:0;transform-origin:top left;pointer-events:none;background:#090f1c;max-width:none}
.spotify-dashboard .hitster-preview-empty{padding:18px;text-align:center;color:#d1ddec;background:#111d31;border-radius:8px}
.spotify-dashboard .hitster-preview-empty p{margin:0 0 12px}
.spotify-dashboard .hitster-preview-empty button{padding:9px 15px;border:1px solid #6383ae;border-radius:8px;background:#294e76;color:white;font:inherit;cursor:pointer}
.spotify-dashboard .hitster-preview-caption{margin:8px 0 0;color:#bccce1;font-size:12px;line-height:1.4}
@media(max-width:600px){.spotify-dashboard .hitster-preview-header{padding:8px;flex-wrap:wrap}.spotify-dashboard .hitster-preview-header strong{flex:1}.spotify-dashboard .hitster-preview-header button{padding:8px 6px}.spotify-dashboard .hitster-preview-content{padding:0 8px 8px}}

.background-music-heading{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}
.background-music-heading .pause-music-toggle{flex:1 1 260px;width:auto;min-width:0}
.background-music-option{display:flex;align-items:center;gap:10px;box-sizing:border-box;min-height:46px;padding:10px 14px;background:#183b39;border:1px solid #74b6a8;border-radius:9px;color:#fff;font:600 14px system-ui;cursor:pointer}
.background-music-option input{width:22px;height:22px;flex:none;margin:0;accent-color:#20c875}
.background-music-option strong{min-width:25px;font-size:13px}
.background-music-option:has(input:disabled){opacity:.65;cursor:wait}
.pause-music-controls>.pause-music-warning{margin:8px 0;padding:8px 12px;border:1px solid #b47c35;border-radius:8px;background:#342c20}
@media(max-width:600px){.background-music-heading .pause-music-toggle,.background-music-option{flex-basis:100%;width:100%}.background-music-option strong{margin-left:auto}}