/* One scoped skin for the record deck and the shared audio controls. */
.record-machine{--mini-face:#242725;--mini-edge:#737c70;--mini-text:#e4e7d7;--mini-glow:#bed5a9;box-sizing:border-box;background:#171a18;border:2px solid;border-color:#737c70 #080a09 #080a09 #737c70;padding:5px;box-shadow:1px 1px 0 #929788,0 8px 20px #17221a24;color:var(--mini-text)}
.record-deck-title,.mini-titlebar{display:flex;align-items:center;justify-content:center;gap:7px;height:19px;color:#c8ccba;font:700 8px/1 monospace;letter-spacing:1.3px;white-space:nowrap}
.record-deck-title:before,.record-deck-title:after,.mini-titlebar:before,.mini-titlebar:after{content:'';flex:1;min-width:8px;height:9px;background:repeating-linear-gradient(to bottom,#6c7568 0 1px,#121613 1px 3px)}
.record-machine .aside-record-art{border-radius:0;border-color:#080a09 #555f53 #555f53 #080a09;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 3px),linear-gradient(140deg,#2f3530,#141915 75%);box-shadow:inset 0 0 0 3px #212722}
.record-machine .aside-record-cover{border-color:#c2c6b7;box-shadow:0 3px 10px #000a}
.record-machine .turntable-platter{background:repeating-radial-gradient(circle,#303830 0 2px,#151c17 2px 3px);box-shadow:0 0 0 1px #020603,0 0 0 3px #838a77,inset 0 0 0 3px #a1a68e,0 4px 7px #0009}
.record-machine .aside-record-disc{border-color:#88917e;background:#1b221b}
.record-machine .aside-record-label:after{background:#d0d2bc;border-color:#141d15;box-shadow:0 0 0 2px #5f6a5a}
.record-machine .turntable-rest{border-color:#64715f;background:#172219;box-shadow:0 2px 2px #0008}
.record-machine .turntable-tonearm:before{background:linear-gradient(90deg,#4a554b,#e4e3ca 45%,#778577)}
.record-machine .turntable-tonearm:after{border-color:#7f8876;background:#9ca78e}
.record-machine .turntable-head{border-color:#9a9f88;background:linear-gradient(90deg,#262e27,#61705d)}
.record-machine .turntable-pivot{background:radial-gradient(circle,#cbd1b8 0 18%,#263829 21% 31%,#a4af95 34% 55%,#52654e 60%);border-color:#829374;box-shadow:0 2px 3px #000a}
.record-machine .turntable-light{background:#475640;box-shadow:0 0 0 3px #101710,inset 0 1px 2px #0008}
.aside-record.is-arm-engaged .record-machine .turntable-light{background:#b9d599;box-shadow:0 0 0 3px #101710,0 0 5px #b9d59966}
.aside-record.is-waiting .record-machine .turntable-light{background:#ccb784}
.mini-player{background:var(--mini-face);padding:0 5px 5px;box-shadow:inset 1px 0 #555e51,inset -1px 0 #0b0e0b;font:10px/1.3 var(--sans);color:var(--mini-text);min-width:0}
.mini-titlebar{height:22px;letter-spacing:1px;font-size:8px}
.mini-lcd{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px;padding:8px 6px 6px;background:#0b120d;border:2px solid;border-color:#090c08 #64705a #64705a #090c08;box-shadow:inset 1px 1px 0 #000;color:var(--mini-glow)}
.mini-clock-panel{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:5px}
.mini-clock>span{display:flex;gap:3px;height:28px;align-items:center}
.mini-digit{position:relative;display:block;width:17px;height:27px;flex:none}
.mini-digit:nth-child(2){margin-right:6px}
.mini-digit:nth-child(2):after{content:'';position:absolute;right:-6px;top:8px;width:2px;height:2px;background:var(--mini-glow);box-shadow:0 10px var(--mini-glow)}
.mini-digit i{position:absolute;background:#203220;opacity:.55}
.mini-digit i.on{background:var(--mini-glow);opacity:1}
.mini-digit i:nth-child(1),.mini-digit i:nth-child(4),.mini-digit i:nth-child(7){left:3px;width:11px;height:3px;clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%)}
.mini-digit i:nth-child(1){top:0}.mini-digit i:nth-child(4){bottom:0}.mini-digit i:nth-child(7){top:12px}
.mini-digit i:nth-child(2),.mini-digit i:nth-child(3),.mini-digit i:nth-child(5),.mini-digit i:nth-child(6){height:11px;width:3px;clip-path:polygon(50% 0,100% 17%,100% 83%,50% 100%,0 83%,0 17%)}
.mini-digit i:nth-child(2){right:0;top:2px}.mini-digit i:nth-child(3){right:0;bottom:2px}.mini-digit i:nth-child(5){left:0;bottom:2px}.mini-digit i:nth-child(6){left:0;top:2px}
.mini-phase{font:9px/1 monospace;letter-spacing:1px;color:#a7b697}
.mini-phase:before{content:'▸';margin-right:4px;color:#d7e6c1}
.mini-information{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:3px}
.aside-record .mini-information .mini-track{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--mini-glow);font:600 11px/1.25 var(--sans);margin:0}
.mini-album,.mini-mode{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mini-album{color:#bbc4aa;font-size:10px}.mini-mode{font:8px/1.2 monospace;color:#92a383}
:is(.mini-player,.mini-playlist) button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:28px;min-width:0;margin:0;padding:3px 5px;border:1px solid;border-color:#7f8777 #0b100b #0b100b #7f8777;border-radius:0;background:linear-gradient(#535c50,#353e35);box-shadow:inset 1px 1px #677360,inset -1px -1px #283127;color:#e9e9d5;font:11px/1.1 var(--sans);cursor:pointer}
:is(.mini-player,.mini-playlist) button:hover:not(:disabled){background:linear-gradient(#64705a,#3e4b3d);border-color:#a3ad94 #0b100b #0b100b #a3ad94}
:is(.mini-player,.mini-playlist) button:active:not(:disabled){border-color:#0b100b #7f8777 #7f8777 #0b100b;box-shadow:inset 1px 1px #182116;background:#303b2f}
:is(.mini-player,.mini-playlist) button:disabled{opacity:.4;cursor:default}
:is(.mini-player,.mini-playlist) button[aria-pressed=true]{color:#dcecc3}
:is(.mini-player,.mini-playlist) button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.mini-adjustments{display:flex;align-items:center;gap:5px;margin:4px 0 0;height:25px}
.mini-adjustments button{border:0;background:none;box-shadow:none;min-height:24px;width:22px;padding:2px;flex-shrink:0}
.mini-volume-value{width:32px;color:#b5bca9;font:8px/1 monospace}.mini-duration{margin-left:auto;color:#b5bca9;font:9px/1 monospace}
.mini-player input[type=range]{appearance:none;-webkit-appearance:none;box-sizing:border-box;border:0;border-radius:0;background:transparent;padding:0;height:24px;margin:0;min-width:0;cursor:pointer;accent-color:#aab69a}
.mini-player input[type=range]:disabled{opacity:.4;cursor:default}
.mini-player input[type=range]::-webkit-slider-runnable-track{height:6px;background:#0b140e;border:1px solid;border-color:#080d09 #68735f #68735f #080d09}
.mini-player input[type=range]::-moz-range-track{height:4px;background:#0b140e;border:1px solid;border-color:#080d09 #68735f #68735f #080d09}
.mini-player input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:10px;margin-top:-3px;border:1px solid;border-color:#d0d4bc #131b12 #131b12 #d0d4bc;border-radius:0;background:linear-gradient(90deg,#7e8973,#c0c8af 45%,#6e7c62);box-shadow:1px 1px 0 #000}
.mini-player input[type=range]::-moz-range-thumb{width:11px;height:8px;border:1px solid;border-color:#d0d4bc #131b12 #131b12 #d0d4bc;border-radius:0;background:#acb69a}
.mini-player [data-mini-volume]{width:78px;max-width:42%}
.mini-player [data-mini-seek]{width:100%;display:block;height:20px}
.mini-player [data-mini-seek]::-webkit-slider-runnable-track{background:linear-gradient(to right,#798b64 var(--mini-position,0%),#0b140e var(--mini-position,0%))}
.mini-transport{display:grid;grid-template-columns:1fr 1.25fr 1fr 2.2fr;gap:3px;margin-top:1px}
.mini-player .mini-play{font-size:15px;color:#f1edce}
.mini-player .mini-shuffle{font:8px/1 monospace;letter-spacing:.3px;gap:5px}
.mini-shuffle i{display:block;width:4px;height:4px;background:#1b2819;border:1px solid #0c110b;box-shadow:1px 1px #7b886d}
.mini-shuffle[aria-pressed=true] i{background:#c3da9e;box-shadow:0 0 3px #c3da9e66}
.mini-player .aside-album-navigation{margin-top:4px;gap:3px}
.mini-player .aside-album-navigation button{min-height:25px;font-size:10px;padding:4px 3px}
.mini-player .aside-record-play{width:100%;margin-top:5px;min-height:28px;font-size:10px;color:#d4d9bf;background:#343e32}
.mini-player [hidden],.aside-record [hidden]{display:none!important}
.mini-player .mini-volume-help{font-size:10px;color:#c5ceb7;margin:4px 0 0;line-height:1.5}
.aside-record :is(.mini-player,.mini-playlist) button:focus-visible,.aside-record .mini-player input:focus-visible{outline:2px solid #ede2b5;outline-offset:2px}
.aside-record-library{margin-top:7px}
@media(pointer:coarse){:is(.mini-player,.mini-playlist) button,.mini-player .aside-album-navigation button,.mini-player .aside-record-play{min-height:44px}.mini-adjustments{height:44px}.mini-adjustments button{min-width:36px}.mini-player input[type=range],.mini-player [data-mini-seek]{height:44px}.mini-player .mini-shuffle{font-size:9px}}

/* Classic horizontal control layout: clock left, title and volume right. */
.mini-lcd{padding:5px 5px 4px;gap:5px}
.mini-clock-panel{justify-content:center;padding:3px 0;gap:7px}
.aside-record .mini-information .mini-track{padding:2px 3px;border:1px solid #2d402a;background:#050d07;font-size:10px}
.mini-information{gap:2px}.mini-album{font-size:9px}.mini-mode{font-size:7px;letter-spacing:.1px}
.mini-adjustments{height:18px;margin:0;gap:3px}
.mini-adjustments button{min-height:18px;width:17px;padding:1px}.mini-adjustments button svg{width:12px;height:12px}
.mini-player [data-mini-volume]{height:18px;width:100%;max-width:none;flex:1}
.mini-volume-value{width:25px;flex-shrink:0;font-size:7px}
.mini-transport{display:flex;gap:5px;align-items:stretch;margin-top:1px}
.mini-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;flex:1;min-width:0;align-items:center}
.mini-buttons button{min-height:26px;padding:3px 2px}.mini-player .mini-play{font-size:12px}
.mini-options{display:grid;gap:2px;width:61px;flex:none}.mini-options button{font:8px/1 monospace;min-height:15px;padding:1px 2px}.mini-player .mini-shuffle{font-size:7px;letter-spacing:0;gap:3px}
@media(pointer:coarse){.mini-adjustments{height:32px}.mini-adjustments button{min-width:24px;min-height:32px}.mini-player [data-mini-volume]{height:32px}.mini-buttons button{min-height:44px}.mini-options button{min-height:28px}.mini-player [data-mini-seek]{height:32px}}

.mini-buttons button{background:linear-gradient(#c7ccba 0%,#a4ae98 45%,#8a957d 50%,#a3ad96 100%);border-color:#e1e3cf #151c13 #151c13 #e1e3cf;color:#263224;box-shadow:inset 1px 1px #b8c3a9,inset -1px -1px #68775d}
.mini-buttons .mini-play{color:#263224}
.mini-buttons button:hover:not(:disabled){background:linear-gradient(#e0e3d1,#b1bea2)}
.mini-playlist{margin:6px -5px -5px;padding:0 5px 4px;background:#1d231e;border-top:3px solid #0a0e0a;box-shadow:inset 1px 0 #737c70,inset -1px 0 #080a09}
.mini-playlist .mini-titlebar{height:19px}
.mini-tracklist{position:relative;max-height:107px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#879276 #111a13;border:2px solid;border-color:#070c08 #67715d #67715d #070c08;background:#080e09;padding:2px}
.mini-tracklist button{display:flex;justify-content:flex-start;gap:4px;width:100%;min-height:20px;padding:2px 3px;background:none;border:0;box-shadow:none;text-align:left;font:9px/1.3 monospace;color:#b8cf9e}
.mini-tracklist .mini-list-name{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-family:var(--sans)}
.mini-tracklist button[aria-current]{background:#33442e;color:#eee9c7}
.mini-tracklist button:hover:not(:disabled){background:#22351e}
.mini-list-footer{display:flex;justify-content:space-between;align-items:center;gap:5px;padding-top:4px;color:#b2bba2;font:8px/1 monospace}
.mini-list-footer button{min-height:19px;font-size:9px}
@media(pointer:coarse){.mini-tracklist{max-height:140px}.mini-tracklist button{min-height:32px}.mini-list-footer button{min-height:32px}}

.record-deck{border-top:1px solid #090e0a;margin-top:4px;color:#aeb99f;font:9px/1.4 var(--sans)}
.record-machine .mini-player{box-shadow:none;padding-top:0}

.mini-meta{display:flex;gap:4px;align-items:center;min-width:0}
.mini-meta .mini-album{flex:1;min-width:0}.mini-meta .mini-mode{flex:none;max-width:38px}
@media(pointer:coarse){.mini-adjustments{height:24px}.mini-adjustments button,.mini-player [data-mini-volume]{min-height:24px;height:24px}.mini-options button{min-height:24px}.mini-player [data-mini-seek]{height:28px}}

/* A small visible turntable, in the same Classic window frame. */
.record-deck{margin-top:6px;padding:0 4px 4px;border:1px solid;border-color:#727a6c #080d09 #080d09 #727a6c;background:#202720}
.record-deck-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:9px;align-items:center}
.record-deck .aside-record-art{margin:0;width:100%;min-width:0}
.record-deck-info{min-width:0;padding-right:2px}
.record-deck .aside-record-story{display:block;margin-top:5px}
.record-deck .aside-record-story strong{font:10px/1.6 var(--sans);color:#d7dfc2;margin:0;display:block}
.record-deck .aside-record-status{color:#a7b79a;min-height:0;font-size:9px;line-height:1.5;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.record-deck .aside-record-library{font-size:10px;line-height:1.5;color:#d7dfc2;padding:3px 0;min-height:30px}
@media(pointer:coarse){.record-deck .aside-record-story{min-height:36px;display:flex;align-items:center}.record-deck .aside-record-library{min-height:36px}}

.record-deck{margin:0 0 5px}
.record-deck-title{cursor:pointer;list-style:none}
.record-deck-title::-webkit-details-marker{display:none}
.record-deck-title:focus-visible{outline:2px solid #ede2b5;outline-offset:1px}
.record-toggle:before{content:'+'}.record-deck[open] .record-toggle:before{content:'−'}

/* Three independent Classic windows: full record, player, then optional playlist. */
.record-deck-stage{display:block}
.record-deck-info{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 2px 0}
.record-deck-info .aside-record-story,.record-deck-info .aside-record-library{flex:1;min-width:0;margin:0}
.record-deck-info .aside-record-status{flex:1;min-width:0;text-align:right;font-size:9px;line-height:1.5;margin:0;-webkit-line-clamp:2}
.record-machine>.mini-playlist{margin:5px 0 0;padding:0 5px 4px;min-width:0;border:1px solid;border-color:#737c70 #080a09 #080a09 #737c70;box-shadow:inset 1px 0 #555e51,inset -1px 0 #0b0e0b;font:10px/1.3 var(--sans);color:var(--mini-text)}

/* Original Classic proportions: one compact transport row, including album keys. */
.mini-player{background:linear-gradient(100deg,#30323a,#25272e);padding-bottom:7px;container-type:inline-size}
.mini-player .mini-titlebar{height:17px;font-size:7px}
.mini-lcd{grid-template-columns:83px minmax(0,1fr);padding:4px;gap:5px}
.mini-clock-panel{padding:2px 0;gap:0}
.mini-clock>span{transform:scale(.83);transform-origin:left top;height:25px}
.mini-phase{font-size:7px;letter-spacing:.5px}
.mini-player .mini-information{gap:2px}
.aside-record .mini-information .mini-track{font:9px/1.3 var(--sans);padding:1px 2px}
.mini-meta{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mini-format{display:flex;align-items:baseline;gap:3px;font:7px/1.2 monospace;white-space:nowrap;color:#abb29f}
.mini-player .mini-format strong{margin:0;padding:0 2px;background:#060d07;border:1px solid #303b28;color:#bdd79d;font:8px/10px monospace}
.mini-channels{margin-left:auto;display:flex;gap:3px;font:6px/1 monospace;color:#536049}
.mini-channels .active{color:#b9e093;text-shadow:0 0 2px #a2d47755}
.mini-player .mini-adjustments{height:15px;gap:3px;margin:0}
.mini-player .mini-adjustments button{height:15px;min-height:15px;min-width:0;width:17px;padding:0;flex:none;font:7px/1 monospace}
.mini-player .mini-adjustments [data-mini-list-toggle],.mini-player .mini-adjustments .mini-album-start{border:1px solid;border-color:#d1d4c8 #121612 #121612 #d1d4c8;background:linear-gradient(#c1c6b6,#84917c);color:#253124;box-shadow:inset -1px -1px #687660}
.mini-player .mini-adjustments .mini-album-start{margin:0;min-height:15px}
.mini-player .mini-adjustments [data-mini-list-toggle][aria-expanded=true]{background:#9daf83;box-shadow:inset 1px 1px #46543b}
.mini-player .mini-adjustments button svg{width:10px;height:10px}
.mini-player input[data-mini-volume]{height:15px;min-height:0;min-width:15px}
.mini-volume-value{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mini-player input[data-mini-seek]{height:15px;margin:1px 0}
.mini-player [data-mini-seek]::-webkit-slider-runnable-track{height:7px;background:#14181d;border-color:#090b0f #686d70 #686d70 #090b0f}
.mini-player [data-mini-seek]::-webkit-slider-thumb{width:19px;height:9px;margin-top:-2px;background:linear-gradient(90deg,#7d8285,#c5c7bd 45%,#888c8d);border-color:#dedfd4 #202529 #202529 #dedfd4}
.mini-player .mini-transport{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0}
.mini-player .mini-buttons{flex:0 1 120px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;min-width:105px}
.mini-player .aside-album-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;flex:0 0 44px;margin:0}
.mini-player .mini-options{display:grid;grid-template-columns:49px 23px;gap:1px;flex:0 0 73px;width:auto}
.mini-player .mini-transport button{box-sizing:border-box;position:relative;height:21px;min-height:21px;min-width:0;margin:0;padding:1px;border:1px solid;border-radius:0;border-color:#f0f0e5 #13171a #13171a #f0f0e5;background:linear-gradient(#d5d7cc 0%,#b9bfb5 43%,#a3aaa3 48%,#bec3b8 100%);box-shadow:inset 1px 1px #e2e3d7,inset -1px -1px #6c7871;color:#354239;gap:0}
.mini-player .mini-transport button:hover:not(:disabled){background:linear-gradient(#edeede,#c6d0bd)}
.mini-player .mini-transport button:active:not(:disabled){background:#9da995;border-color:#19231c #d5dbca #d5dbca #19231c;box-shadow:inset 1px 1px #63715d}
.mini-player .mini-transport button svg{width:12px;height:12px;stroke-width:2;filter:drop-shadow(0 1px 0 #f3f4e6)}
.mini-player .mini-transport .mini-solid{fill:currentColor;stroke:none}
.mini-player .mini-options button svg{width:13px;height:13px}
.mini-player .mini-options button[aria-pressed=true]{color:#163d0c;background:linear-gradient(#cfe6b1,#9bb97e);box-shadow:inset 1px 1px #dcedbd,inset -1px -1px #556e45}
.mini-player .mini-options button:after{content:'';position:absolute;right:2px;bottom:2px;width:2px;height:2px;background:#56634f}
.mini-player .mini-options button[aria-pressed=true]:after{background:#75f334;box-shadow:0 0 2px #75f334}

.mini-player .mini-shuffle svg{display:none}
.mini-player .mini-shuffle-label{font:7px/1 Arial,sans-serif;letter-spacing:0;color:inherit}
@container(max-width:232px){.mini-player .mini-options{flex-basis:48px;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-player .mini-shuffle svg{display:block}.mini-shuffle-label{display:none}}