.an-sleep-controls { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; padding:16px; }
.an-sleep-controls label { margin:0; }
.an-sleep-controls select, .an-sleep-controls button { font:inherit; min-height:44px; padding:8px 12px; border:1px solid #8c98ac; border-radius:8px; color:inherit; background:transparent; cursor:pointer; }
.an-sleep-controls small { flex-basis:100%; text-align:center; }
.an-sleep-controls [hidden] { display:none; }
.an-bedtime, .an-bedtime body, .an-bedtime .well, .an-bedtime .section, .an-bedtime .player, .an-bedtime .playlist, .an-bedtime .listen-song-row, .an-bedtime #jp_container_1, .an-bedtime .jp-interface, .an-bedtime .jp-playlist { background:#080c15 !important; color:#e7edf7 !important; }
.an-bedtime a { color:#afc9ff !important; }
.an-bedtime select option { color:#e7edf7; background:#151c29; }
.an-bedtime #spectrum, .an-bedtime #waveform, .an-bedtime iframe { display:none !important; }
.an-bedtime .an-sleep-controls { background:#151c29; color:#e7edf7; border-radius:12px; }

html.an-bedtime { color-scheme:dark; --primary:#8ecaff; --button:#00538f; --secondary:#55cfe6; --text:#f2f2f7; --muted:#c7c7cc; --ground:#080c15; --card:#151c29; --variant:#2c2c2e; --separator:#58637a; --soft:#10283b; --danger:#ff8a9b; }
.an-bedtime .playback-spectrum { display:none; }
.an-bedtime .main, .an-bedtime .navbar-app, .an-bedtime .footer { background:#080c15 !important; color:#e7edf7 !important; }
.an-bedtime .main h1, .an-bedtime .main h2, .an-bedtime .main h3, .an-bedtime .main h5, .an-bedtime .main p { color:#e7edf7; }
.an-bedtime #app_nav, .an-bedtime #footer, .an-bedtime .navbar { display:none; }
.an-sleep-controls small { color:inherit; }
#jp_container_1 { max-width:100%; }
#jp_container_1 .jp-interface, #jp_container_1 .jp-playlist { max-width:100%; }
/* The old player skin positions controls in a fixed 420px row. */
#jp_container_1 .jp-type-playlist .jp-interface { display:flex; flex-direction:column; gap:12px; height:auto; padding:16px; box-sizing:border-box; }
#jp_container_1 .jp-controls, #jp_container_1 .jp-toggles { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; position:static; width:auto; margin:0; padding:0; }
#jp_container_1 .jp-controls li, #jp_container_1 .jp-toggles li { display:contents; float:none; }
#jp_container_1 .jp-controls a, #jp_container_1 .jp-toggles a { background:none; text-indent:0; width:auto; height:auto; min-height:44px; display:flex; align-items:center; justify-content:center; margin:0; padding:8px 12px; border:1px solid currentColor; border-radius:8px; box-sizing:border-box; font-size:14px; line-height:1.4; }
#jp_container_1 .jp-type-playlist .jp-progress, #jp_container_1 .jp-volume-bar, #jp_container_1 .jp-type-playlist .jp-time-holder { position:static; width:100%; }
#jp_container_1 .jp-progress { order:2; }
#jp_container_1 .jp-time-holder { order:3; }
#jp_container_1 .jp-volume-bar { order:4; height:16px; background:#69788f; border-radius:8px; }
#jp_container_1 .jp-volume-bar-value { height:100%; background:#287da6; }
#jp_container_1 .jp-toggles { order:5; }