/* Mixtape tools share the quiet paper, moss, and lime palette of the playlist. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
#mix-settings{display:flow-root}
.mode-bar{display:flex;align-items:center;gap:16px;padding:16px 28px;background:#fafbf8;border-top:1px solid #e4e9df}
.mode-label{font-size:14px;font-weight:600;color:#344e3e}
.mode-switch{display:flex;gap:4px;padding:4px;border:1px solid #dfe6d8;border-radius:12px;background:#edf2e8}
.mode-switch button{display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px;border:0;border-radius:8px;background:transparent;color:#77856d;font-weight:500}
.mode-switch button[aria-pressed="true"]{background:#fff;color:#284738;box-shadow:0 1px 4px #293e1b12}
.mode-switch svg,.mix-symbol svg{width:22px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
#mode-caption{color:#82907a;font-size:12px}
.mixtape-editor{padding:25px 28px 0;background:linear-gradient(140deg,#fcfdf9,#f5f8f0 80%,#f0f5e8);border-top:1px solid #e0e8d8;color:#304c3c}
.mix-heading{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:20px}
.mix-heading .eyebrow{display:none}
.mix-heading h3{font-family:'Space Grotesk',sans-serif;font-size:23px;letter-spacing:-.6px;margin:0;font-weight:500;line-height:1.3}
.mix-symbol{width:44px;height:44px;display:grid;place-items:center;border:1px solid #dfe7d7;border-radius:13px;background:#edf3e5;color:#7a9468;flex-shrink:0}
.mix-symbol svg{width:28px;height:23px}
.mix-tabs{display:flex;gap:26px;border-bottom:1px solid #dfe7d7}
.mix-tabs button{position:relative;border:0;border-radius:0;padding:0 2px 13px;background:none;color:#889280;font-size:13px;font-weight:500}
.mix-tabs button[aria-selected="true"]{color:#355337}
.mix-tabs button[aria-selected="true"]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#8aab68;border-radius:2px}
.mix-panel{padding:23px 0 20px;min-height:170px}
.mixtape-editor label{color:#3f583e;font-size:13px;margin:0;font-weight:600}
.mix-hint{display:block;font-size:12px;line-height:1.6;color:#819078;font-weight:400}
p.mix-hint{margin:5px 0 0}
.mix-setting-row{display:flex;justify-content:space-between;align-items:center;gap:24px}
.mixtape-editor select{max-width:100%;font:400 13px 'DM Sans',sans-serif;color:#41583e;border:1px solid #dce4d4;border-radius:9px;background:#ffffffc7;padding:11px 30px 11px 12px;cursor:pointer}
.mixtape-editor select:focus-visible,.mixtape-editor input:focus-visible{outline:2px solid #8ba86f;outline-offset:3px}
.mixtape-editor button:focus-visible{outline:2px solid #8ba86f;outline-offset:3px}
.mixtape-editor input[type="range"]{accent-color:#8fae6b;width:100%;height:22px;padding:0;border:0;box-shadow:none;background:transparent;cursor:pointer}
.mixtape-editor input[type="range"]{-webkit-appearance:none;appearance:none}
.mixtape-editor input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:9px;background:linear-gradient(to right,#98b679 0 var(--range-fill,50%),#e0e8d7 var(--range-fill,50%) 100%)}
.mixtape-editor input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#90ad70;border:2px solid #f8fbf2;margin-top:-5px;box-shadow:0 0 0 1px #90ad7030}
.mixtape-editor input[type="range"]::-moz-range-track{height:4px;border-radius:9px;background:#e0e8d7}
.mixtape-editor input[type="range"]::-moz-range-progress{height:4px;border-radius:9px;background:#98b679}
.mixtape-editor input[type="range"]::-moz-range-thumb{width:11px;height:11px;border:2px solid #f8fbf2;border-radius:50%;background:#90ad70}
.mix-range-row{display:flex;align-items:center;gap:20px;margin-top:18px}
.mix-range-row output{font-size:12px;font-variant-numeric:tabular-nums;color:#5a734d;min-width:72px;text-align:right;white-space:nowrap}
.mix-toggle{position:relative;display:block;flex-shrink:0}
.mix-toggle input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0;z-index:1}
.mix-toggle>span:first-of-type{display:block;width:40px;height:24px;border-radius:20px;background:#d8dfd2;transition:background 150ms ease}
.mix-toggle>span:first-of-type::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #29482020;transition:transform 150ms ease}
.mix-toggle input:checked+span{background:#9ab97d}
.mix-toggle input:checked+span::after{transform:translateX(16px)}
.mix-toggle:has(input:focus-visible){outline:2px solid #8ba86f;outline-offset:3px;border-radius:20px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.energy-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.energy-options button{padding:14px;border:1px solid #e0e7d9;background:#ffffff8c;border-radius:12px;text-align:center;color:#829077;transition:background 150ms ease,border-color 150ms ease}
.energy-options button[aria-pressed="true"]{background:#edf4df;border-color:#bace9e;color:#68883f}
.energy-options button:hover:not(:disabled){border-color:#b5c69e}
.energy-options svg{display:block;width:100%;height:45px;margin-bottom:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.energy-options .graph-guide{stroke:#d3ddc6;stroke-width:.7;stroke-dasharray:2 5}
.energy-options strong{display:block;color:#425c3d;font-size:13px;font-weight:600}
.energy-options span{display:block;font-size:11px;font-weight:400;color:#8a957e;margin-top:5px;line-height:1.4}
.mix-order-options{display:flex;flex-wrap:wrap;gap:7px}
.mix-order-options button{border:1px solid #dfe7d6;background:#ffffff80;color:#7d8c70;padding:9px 14px;font-size:12px;font-weight:500;border-radius:9px}
.mix-order-options button[aria-pressed="true"]{color:#506e39;background:#eaf2db;border-color:#bdcfa5}
.mix-order-options button:hover:not(:disabled){border-color:#b7c99f;background:#eef4e5}
.mix-order-options span{margin-left:6px}
#mix-order-panel{min-height:0;padding-bottom:24px}
.transition-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.crossfade-tool{max-width:390px;padding:18px;border:1px solid #e0e7d8;border-radius:12px;background:#ffffff70}
.crossfade-tool .mix-setting-row{gap:14px}
.crossfade-tool .mix-range-row{gap:12px;margin-top:16px}
.crossfade-tool .mix-range-row output{min-width:62px;font-size:11px}
.crossfade-tool>p.mix-hint{font-size:11px;margin-top:10px}
#mix-sequence{border-top:1px solid #e1e8d8;padding:19px 0 0;margin:0;min-width:0}
.mix-sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:9px}
.mix-sequence-heading strong{font-size:13px;font-weight:500;color:#567247}
.mix-sequence-heading .mix-hint{font-size:11px;margin-top:4px}
.mix-view-switch{display:flex;flex-shrink:0;gap:3px;padding:3px;border:1px solid #dfe7d6;border-radius:9px;background:#eef3e9}
.mix-view-switch button{border:0;background:transparent;border-radius:6px;padding:7px 10px;font-size:11px;color:#7d8e6e;font-weight:500;white-space:nowrap}
.mix-view-switch button[aria-pressed="true"]{background:#fff;color:#48663a;box-shadow:0 1px 3px #2947200a}
#mix-queue{position:relative;display:flex;gap:32px;list-style:none;padding:12px 4px 18px;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbdabb transparent;overscroll-behavior-x:contain;min-height:0}
.mix-queue-surface{position:relative;isolation:isolate;min-width:0;border-radius:12px;overflow:hidden}
.mix-sequence-wash{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none;opacity:.28}
.mix-queue-surface::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
@media(forced-colors:active){.mix-sequence-wash,.mix-queue-surface::before{display:none}}
.mix-card{position:relative;flex:0 0 128px;width:128px;box-sizing:border-box;background:#ffffff9c;border:1px solid #e0e7d8;padding:6px 6px 9px;border-radius:11px;user-select:none;cursor:grab;list-style:none;color:#45613b}
.mix-card-art{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:linear-gradient(135deg,#dbe6ca,#859b7a);touch-action:pan-x}
.mix-card-art img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.mix-card .mix-track-number{position:absolute;left:7px;top:7px;min-width:23px;padding:3px 4px;font-size:10px;font-variant-numeric:tabular-nums;text-align:center;color:#fff;background:#19362970;backdrop-filter:blur(8px);border-radius:5px;pointer-events:none}
.mix-card-art input{position:absolute;right:7px;top:7px;width:15px;height:15px;margin:0;padding:0;accent-color:#abc684;cursor:pointer}
.mix-card-grip{position:absolute;right:7px;bottom:3px;width:24px;height:24px;text-align:center;line-height:24px;font-size:18px;color:#a4b095;touch-action:none;cursor:grab}
.mix-card .mix-track-copy{display:block;padding:10px 3px 0;min-width:0}
.mix-card .mix-track-copy strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;line-height:1.35;font-weight:500;min-height:0;color:#3e5735}
.mix-card .mix-track-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin-top:3px;color:#748569;font-weight:400}
.mix-card .mix-track-metric{display:block;margin:8px 3px 0;color:#8b9b7c;font-size:10px;font-variant-numeric:tabular-nums}
.mix-card .mix-transition-button{position:absolute;right:-29px;top:50px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #cedec0;border-radius:50%;background:#f6faef;color:#87a168;font-size:13px;cursor:pointer}
.mix-card .mix-transition-button::before{content:"";position:absolute;width:6px;height:1px;right:100%;background:#dce6cf;pointer-events:none}
.mix-card .mix-transition-button:hover:not(:disabled){background:#dfedc9;border-color:#aac58e;color:#527436}
.mix-card:focus-visible,.mix-card.keyboard-drag{outline:2px solid #96b576;outline-offset:2px}
.mix-card.omitted .mix-card-art img,.mix-card.omitted .mix-track-copy,.mix-card.omitted .mix-track-metric{opacity:.4}
.mix-card.is-dragging{opacity:.22;border-style:dashed}
.mix-card.is-settling{opacity:.22}
#mix-queue .mix-card{transition:translate 180ms ease-out,box-shadow 180ms ease-out}
#mix-queue .mix-card.is-settling{transition:none}
@media(hover:hover) and (pointer:fine){
 #mix-queue:not(.is-sorting) .mix-card:is(:hover,.settle-hover){translate:0 -3px;box-shadow:0 5px 12px #243b2914}
}
@media(prefers-reduced-motion:reduce){
 #mix-queue .mix-card{transition:none}
 #mix-queue:not(.is-sorting) .mix-card:is(:hover,.settle-hover){translate:none}
}
#mix-queue.is-sorting,.mix-card.is-dragging{cursor:grabbing}
#mix-queue[aria-busy="true"] .mix-card,#mix-queue[aria-busy="true"] .mix-card-grip{cursor:progress}
.mix-drag-ghost{position:fixed;z-index:9999;pointer-events:none;background:#fcfdf8;box-shadow:0 12px 30px #243b2930;transform:rotate(1deg) scale(1.035);cursor:grabbing;margin:0}
.mix-drag-ghost .mix-transition-button{display:none}
#mix-queue.queue-list{flex-direction:column;gap:6px;max-height:420px;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:8px 4px 12px}
:is(.queue-list .mix-card,.mix-list-row){display:grid;grid-template-columns:44px minmax(0,1fr) 82px 26px;gap:12px;align-items:center;width:100%;flex:0 0 auto;padding:8px 12px 8px 70px;border-radius:9px;min-height:62px}
:is(.queue-list .mix-card,.mix-list-row) .mix-card-art{position:static;width:44px;height:44px;aspect-ratio:auto;background:none;overflow:visible;touch-action:pan-y}
:is(.queue-list .mix-card,.mix-list-row) .mix-card-art img{border-radius:6px}
:is(.queue-list .mix-card,.mix-list-row) .mix-track-number{left:33px;top:calc(50% - 9px);background:transparent;color:#88987b;padding:2px 0;backdrop-filter:none}
:is(.queue-list .mix-card,.mix-list-row) .mix-card-art input{left:11px;right:auto;top:calc(50% - 7px)}
:is(.queue-list .mix-card,.mix-list-row) .mix-card-grip{left:auto;right:44px;top:calc(50% - 12px);bottom:auto;width:20px;background:none}
:is(.queue-list .mix-card,.mix-list-row) .mix-track-copy{padding:0;grid-column:2;grid-row:1}
:is(.queue-list .mix-card,.mix-list-row) .mix-track-copy strong{display:block;white-space:nowrap;text-overflow:ellipsis;min-height:0;font-size:13px}
:is(.queue-list .mix-card,.mix-list-row) .mix-track-copy small{font-size:12px;margin-top:2px}
:is(.queue-list .mix-card,.mix-list-row) .mix-track-metric{grid-column:3;grid-row:1;margin:0;padding-right:18px;text-align:right}
:is(.queue-list .mix-card,.mix-list-row) .mix-transition-button{position:static;grid-column:4;grid-row:1}
:is(.queue-list .mix-card,.mix-list-row) .mix-transition-button::before{display:none}
#mix-queue-empty{margin:0 0 20px}
.workspace[data-download-mode="mixtape"] #tracks,.workspace[data-download-mode="mixtape"] .view-switch{display:none}
.sound-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:25px}
.sound-presets button{padding:8px 12px;font-size:12px;border:1px solid #dce5d2;background:transparent;color:#7e8c71;font-weight:500;border-radius:8px}
.sound-presets button[aria-pressed="true"]{color:#526d3c;background:#eaf2dd;border-color:#c8d9b0}
.sound-presets span{margin-left:8px;color:#89a669}
.sound-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.sound-label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;min-height:28px}
.mix-lock{display:flex;align-items:center;gap:6px;min-width:81px;justify-content:center;background:#f2f3ed;border:1px solid #dfe3d6;border-radius:8px;color:#8a917e;font-size:11px;font-weight:500;padding:7px 9px;transition:background 160ms ease,border-color 160ms ease,color 160ms ease}
.mix-lock[aria-pressed="true"]{color:#5e7e43;background:#edf4e3;border-color:#cbdcb6}
.mix-lock:hover:not(:disabled){border-color:#a9c38d;background:#e8f0dd}
.mix-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.sound-mode-options{display:flex;gap:4px;padding:4px;background:#eef2e9;border:1px solid #dfe6d6;border-radius:10px}
.sound-mode-options button{flex:1;border:1px solid transparent;border-radius:7px;background:transparent;padding:9px 10px;font-size:12px;font-weight:500;color:#859378;white-space:nowrap}
.sound-mode-options button[aria-pressed="true"]{background:#fff;border-color:#e3e9dd;color:#4e6a3e;box-shadow:0 1px 3px #28452306}
.sound-mode-options button:hover:not(:disabled){color:#4e6a3e;background:#ffffff70}
.sound-note-label{font-size:12px;color:#7c8d6d}
.root-note-options{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:9px}
.root-note-options button{padding:8px 3px;border:1px solid #dfe7d5;border-radius:7px;background:#ffffff90;color:#7e9070;font-size:12px;font-weight:500}
.root-note-options button[aria-pressed="true"]{background:#e5f0d5;border-color:#b5cc98;color:#496a33}
.sound-control .sound-lock-note{margin-top:13px;font-size:11px;line-height:1.6;color:#7e8e70}
.sound-control input[type="number"]{width:100%;padding:10px 12px;font-size:13px;background:#fff;border:1px solid #dce4d4;margin-top:8px}
#mix-bpm-control,#mix-tonic-control{margin-top:14px}
.reverb-row{padding-top:20px;margin-top:22px;border-top:1px solid #e2e8da}
.reverb-row .mix-range-row{margin:0;flex:1;max-width:340px}
#mix-key-note{margin-top:8px;color:#7f8864}
.mix-analysis{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#eef3e5;padding:15px 17px;border:1px solid #dfe8d2;border-radius:11px;margin-bottom:18px}
.mix-analysis strong{display:block;font-size:12px;font-weight:600;color:#5c754b}
.mix-analysis p{font-size:12px;color:#829274;line-height:1.6;margin:4px 0 0}
.mix-analysis .secondary{flex-shrink:0;padding:9px 13px;font-size:12px;background:#ffffff80;border-color:#d4dfc7}
.mix-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid #dfe7d6}
.mix-bottom strong{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:500;letter-spacing:-.3px}
.mix-bottom .mix-hint{margin-top:4px;font-size:11px}
.mix-bottom-actions{display:flex;align-items:center;gap:10px}
.mix-bottom .primary,.mix-bottom .secondary{font-size:12px;padding:12px 16px;gap:12px;white-space:nowrap}
.mix-bottom .primary{background:#d5edac;border-color:#c9dfa8;color:#3d5733}
.mix-bottom .primary:hover:not(:disabled){background:#c8e298}
.mix-bottom .secondary{background:#ffffffb3;border-color:#d9e2cf;color:#6b815a}
#mix-feedback{padding:0 0 19px;color:#738462;font-size:12px;line-height:1.6}
#mix-progress{display:block;margin:12px 0 0;height:5px;accent-color:#91ad72}
#mix-player-wrap{padding:0 0 22px}
#mix-player-label{overflow-wrap:anywhere;margin-bottom:9px}
#mix-player{display:block;width:100%;height:40px}
#mix-result{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin:0 0 22px;border:1px solid #d1e0bc;background:#ebf4dd;border-radius:12px}
#mix-result strong{display:block;font-size:14px;margin-bottom:4px}
#mix-result a{flex-shrink:0;font-size:13px}
@media(max-width:700px){
 .mode-bar{padding:15px 20px;gap:12px;flex-wrap:wrap}.mode-label{font-size:13px}#mode-caption{flex-basis:100%;font-size:11px}
 .mixtape-editor{padding:22px 20px 0}.mix-heading h3{font-size:21px}.mix-symbol{width:38px;height:38px}
 .mix-bottom{align-items:flex-start;flex-direction:column;gap:15px}.mix-bottom-actions{width:100%}.mix-bottom-actions button{flex:1}
 .mix-setting-row{gap:15px}.mix-setting-row select{max-width:50%}.energy-options{gap:8px}.energy-options button{padding:10px}.energy-options span{font-size:10px}
 .mix-analysis{gap:12px;padding:13px}.mix-analysis .secondary{padding:9px;font-size:11px}
 .sound-columns{gap:18px}.mix-lock span{font-size:11px}.mix-range-row{gap:10px}.mix-range-row output{min-width:58px;font-size:11px}
 .sound-mode-options button{padding:9px 5px;font-size:11px}
 .mix-sequence-heading{align-items:center;gap:12px}.mix-card .mix-track-metric{font-size:10px;text-align:left}
 .mix-sequence-heading>div:first-child{min-width:0}.mix-sequence-heading .mix-hint{font-size:10px}
 .mix-view-switch button{padding:7px 8px;font-size:10px}
 :is(.queue-list .mix-card,.mix-list-row){grid-template-columns:36px minmax(0,1fr) 24px;padding:7px 8px 7px 54px;gap:9px;min-height:54px}
 :is(.queue-list .mix-card,.mix-list-row) .mix-card-art{width:36px;height:36px}
 :is(.queue-list .mix-card,.mix-list-row) .mix-track-number{left:27px;min-width:20px;font-size:9px}
 :is(.queue-list .mix-card,.mix-list-row) .mix-card-art input{left:8px;width:13px;height:13px}
 :is(.queue-list .mix-card,.mix-list-row) .mix-card-grip{left:auto;right:37px}
 :is(.queue-list .mix-card,.mix-list-row) .mix-track-copy{padding-right:15px}
 :is(.queue-list .mix-card,.mix-list-row) .mix-track-metric{display:none}
 :is(.queue-list .mix-card,.mix-list-row) .mix-transition-button{grid-column:3}
 .transition-tools{grid-template-columns:1fr}.crossfade-tool{width:100%;box-sizing:border-box;max-width:390px}
 .mix-order-options{gap:6px}.mix-order-options button{padding:8px 11px;font-size:11px}
 #mix-result{padding:15px;flex-wrap:wrap}
}
@media(max-width:430px){.sound-columns{grid-template-columns:1fr}.energy-options strong{font-size:11px}.mix-heading h3{font-size:19px}.mix-bottom .primary,.mix-bottom .secondary{padding:11px;font-size:11px}.mix-setting-row>div:first-child{min-width:0}.mix-hint{font-size:11px}.mode-switch button{padding:8px 15px}}
@media(prefers-reduced-motion:reduce){.mixtape-editor *{transition:none!important}}
@media(forced-colors:active){.energy-options button[aria-pressed="true"],.mode-switch button[aria-pressed="true"],.mix-tabs button[aria-selected="true"]{outline:2px solid Highlight}.mix-range-row input{forced-color-adjust:auto}}

/* Export summary belongs with the editor heading; playback stays within reach. */
.mix-heading{flex-wrap:wrap;row-gap:18px}
.mix-heading .mix-bottom{margin-left:auto;padding:0;border:0;gap:20px}
.mix-heading .mix-bottom strong{font-size:15px;letter-spacing:0}
.mix-heading .mix-bottom .mix-hint{font-size:10px}
.mixtape-editor{padding-bottom:20px}
.has-listen-dock{padding-bottom:112px}
.listen-dock{position:fixed;z-index:100;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,510px) minmax(0,1fr);align-items:center;gap:30px;padding:14px 32px 16px;background:#203b32f5;color:#f6f9ef;border-top:1px solid #ffffff26;backdrop-filter:blur(18px);box-shadow:0 -6px 28px #20392c0c}
.listen-info{display:flex;align-items:center;gap:12px;min-width:0}.listen-info>div{min-width:0}
.listen-info img{width:48px;height:48px;border-radius:7px;object-fit:cover}
.listen-info strong,.listen-info span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.listen-info strong{font-size:13px;font-weight:500}.listen-info span{font-size:11px;color:#c2d1c7;margin-top:4px}
.listen-buttons{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:9px}
.listen-buttons button{display:grid;place-items:center;width:29px;height:29px;border:0;padding:5px;background:transparent;color:#d9e2d9;border-radius:50%}
.listen-buttons button:hover:not(:disabled){color:#fff;background:#ffffff14}
.listen-buttons .listen-main{width:34px;height:34px;background:#f9fbed;color:#203b32;padding:7px}
.listen-buttons .listen-main:hover:not(:disabled){background:#dcf0b8;color:#203b32}
.listen-buttons svg,.song-play svg{width:100%;height:100%;fill:currentColor}
.listen-timeline{display:flex;gap:9px;align-items:center;font-size:10px;font-variant-numeric:tabular-nums;color:#d0dace}
.listen-timeline span{min-width:31px;text-align:center}
#listen-seek{appearance:none;height:3px;min-width:0;flex:1;margin:0;padding:0;border:0;border-radius:3px;background:linear-gradient(to right,#e3edce var(--played,0%),#ffffff35 var(--played,0%));cursor:pointer}
#listen-seek::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#f5f9e9}
#listen-seek::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#f5f9e9}
#listen-seek:disabled{opacity:.4;cursor:default}
#listen-status{font-size:11px;color:#c7d6c7;line-height:1.5;text-align:right}
.song-play{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:7px;border:1px solid #b6c9ac;border-radius:50%;color:#3a5739;background:#f8fbeded;cursor:pointer}
.mix-card-art .song-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;background:#f8fbeded;box-shadow:0 2px 10px #152e3020}
@media(hover:hover) and (pointer:fine){.mix-card-art .song-play{opacity:0;transition:opacity 140ms ease}.mix-card:hover .song-play,.mix-card:focus-within .song-play,.mix-card .song-play.is-playing{opacity:1}}
.mix-card-art .song-play:disabled{visibility:hidden}
.queue-list .mix-card-art .song-play{left:92px;top:50%;width:26px;height:26px;padding:6px}
.cover-grid .track-main>.song-play{position:absolute;right:12px;top:12px;z-index:3;color:#fff;background:#18332d66;border-color:#ffffff70}
.song-play:focus-visible,#listen-seek:focus-visible,.listen-buttons button:focus-visible{outline:2px solid #a6c982;outline-offset:3px}
@media(max-width:1000px){.mix-heading .mix-bottom{flex-basis:100%;margin-left:0;justify-content:space-between}.listen-dock{grid-template-columns:minmax(0,1fr) minmax(260px,1.3fr);gap:18px}#listen-status{grid-column:1/-1;text-align:center}#listen-status:empty{display:none}}
@media(max-width:700px){.mix-heading .mix-bottom{flex-direction:row;align-items:center}.mix-heading .mix-bottom-actions{width:auto}.queue-list .mix-card-art .song-play{left:72px}.listen-dock{padding:10px 18px 14px;gap:9px;grid-template-columns:1fr}.listen-info{justify-content:center}.listen-info img{width:30px;height:30px}.listen-info>div{display:flex;gap:7px;align-items:baseline}.listen-info span{margin:0}.listen-buttons{margin-bottom:5px}.has-listen-dock{padding-bottom:153px}.listen-info strong{font-size:12px}.listen-info span{max-width:150px}}

/* Low-profile mixer faders: recessed rails and a tactile, ridged sliding cap. */
.mixtape-editor input[type="range"]{height:38px;padding:0 3px;cursor:ew-resize;touch-action:pan-y;user-select:none}
.mixtape-editor input[type="range"]::-webkit-slider-runnable-track{height:7px;border:1px solid #a6b69b;border-radius:4px;background:linear-gradient(180deg,#718365,#a1b58d);box-shadow:inset 0 2px 3px #2b422943,0 1px 0 #fff}
.mixtape-editor input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:30px;margin-top:-12px;border:1px solid #b1bfa5;border-radius:5px;background:linear-gradient(90deg,transparent 43%,#7c946a 43% 49%,#fcfff4 49% 55%,transparent 55%),linear-gradient(180deg,#fff 0%,#f0f5e9 35%,#e1e9d5 68%,#f6faee 100%);box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #fff,0 3px 5px #29402735}
.mixtape-editor input[type="range"]::-moz-range-track{height:5px;border:1px solid #a6b69b;border-radius:4px;background:linear-gradient(180deg,#718365,#a1b58d);box-shadow:inset 0 2px 3px #2b422943,0 1px 0 #fff}
.mixtape-editor input[type="range"]::-moz-range-progress{background:transparent}
.mixtape-editor input[type="range"]::-moz-range-thumb{width:22px;height:28px;border:1px solid #b1bfa5;border-radius:5px;background:linear-gradient(90deg,transparent 43%,#7c946a 43% 49%,#fcfff4 49% 55%,transparent 55%),linear-gradient(180deg,#fff,#e1e9d5 68%,#f6faee);box-shadow:inset 0 1px 0 #fff,0 3px 5px #29402735}
.mixtape-editor input[type="range"]:active::-webkit-slider-thumb{box-shadow:inset 0 1px 0 #fff,0 2px 3px #29402730;border-color:#8ea477}
.mixtape-editor input[type="range"]:focus-visible{outline:2px solid #8eac70;outline-offset:2px;border-radius:5px}
.mixtape-editor input[type="range"]:disabled{opacity:.4;cursor:default}
#mix-bpm-control .mix-range-row{margin-top:2px}
#mix-bpm-control label{font-size:11px;color:#7e8e70;font-weight:400;margin-bottom:4px}
.relative-key-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.relative-key-options button{padding:8px 5px;line-height:1.4}
.relative-key-options strong,.relative-key-options span{display:block}
.relative-key-options strong{font-size:12px;font-weight:500}
.relative-key-options span{font-size:10px;color:#8a9a7c;margin-top:1px}
.relative-key-options button[aria-pressed="true"] span{color:#6d8953}
#listen-seek{height:5px;margin:0 5px}
#listen-seek::-webkit-slider-thumb{width:14px;height:18px;border:1px solid #afc0a0;border-radius:3px;background:linear-gradient(90deg,#edf3e4 43%,#739361 43% 51%,#fff 51% 58%,#e4ecd8 58%);box-shadow:0 2px 4px #0d211f50}
#listen-seek::-moz-range-thumb{width:12px;height:16px;border:1px solid #afc0a0;border-radius:3px;background:linear-gradient(90deg,#edf3e4 43%,#739361 43% 51%,#fff 51% 58%,#e4ecd8 58%);box-shadow:0 2px 4px #0d211f50}
@media(forced-colors:active){.mixtape-editor input[type="range"]::-webkit-slider-thumb{background:ButtonFace;border-color:ButtonText}.mixtape-editor input[type="range"]::-webkit-slider-runnable-track{background:Canvas;border-color:CanvasText}.relative-key-options button[aria-pressed="true"]{outline:2px solid Highlight}}

/* Continuous crossfade, with a quieter console finish. */
.crossfade-tool{background:linear-gradient(145deg,#ffffffed,#f2f6eb);border-color:#dce6d1;border-radius:15px;box-shadow:inset 0 1px 0 #fff,0 4px 14px #49683b06;padding:19px 20px}
.crossfade-tool .mix-range-row{gap:16px;margin-top:17px}
.crossfade-tool .mix-range-row output{min-width:82px;padding:6px 8px;background:#f9fcf4;border:1px solid #e3ebda;border-radius:7px;text-align:center;color:#526d42;font-size:11px}
.crossfade-tool input[type="range"]{background:repeating-linear-gradient(90deg,#b6c6a96b 0 1px,transparent 1px 10%) left 3px bottom 4px/calc(100% - 6px) 3px no-repeat;height:43px}
.crossfade-tool input[type="range"]::-webkit-slider-runnable-track{background:linear-gradient(180deg,#94a583,#bfceb0);border-color:#b1c0a2;box-shadow:inset 0 1px 2px #4f673d35,0 1px 0 #fff;height:6px}
.crossfade-tool input[type="range"]::-webkit-slider-thumb{margin-top:-12px;border-color:#becbb2;border-radius:6px;box-shadow:inset 0 1px 0 #fff,0 2px 4px #36532a25}
.crossfade-tool>p.mix-hint{margin-top:8px;color:#8a9a7b}

/* The dark palette is retained as an opt-in for a future theme switch. */
.listen-dock{--player-bg:#49685cf5;--player-fg:#f5f8ef;--player-muted:#e0e8dc;--player-border:#ffffff26;--player-button:#e2eadc;--player-hover:#ffffff14;--player-main:#f3f7e9;--player-main-hover:#e2edcc;--player-rail:#ffffff30;--player-fill:#e1edcf;background:var(--player-bg);color:var(--player-fg);border-color:var(--player-border);padding:12px 26px 14px;gap:24px;box-shadow:0 -3px 18px #29462608}
.listen-dock[data-theme="dark"]{--player-bg:#203b32f5;--player-fg:#f6f9ef;--player-muted:#c2d1c7;--player-border:#ffffff26;--player-button:#d9e2d9;--player-hover:#ffffff14;--player-main:#f9fbed;--player-main-hover:#dcf0b8;--player-rail:#ffffff35;--player-fill:#e3edce}
.listen-info{gap:10px}.listen-info img{width:36px;height:36px;border-radius:6px}
.listen-info span,.listen-timeline,#listen-status{color:var(--player-muted)}
.listen-buttons{gap:18px;margin-bottom:5px}
.listen-buttons button{width:27px;height:27px;color:var(--player-button)}
.listen-buttons button:hover:not(:disabled){color:var(--player-fg);background:var(--player-hover)}
.listen-buttons .listen-main{width:32px;height:32px;background:var(--player-main);color:#34503e;box-shadow:inset 0 1px 0 #ffffffa0}
.listen-buttons .listen-main:hover:not(:disabled){background:var(--player-main-hover);color:#34503e}
#listen-seek{background:linear-gradient(to right,var(--player-fill) var(--played,0%),var(--player-rail) var(--played,0%));height:4px}
#listen-seek::-webkit-slider-thumb{height:14px;width:12px;box-shadow:0 1px 3px #29402725}
#listen-seek::-moz-range-thumb{height:12px;width:10px;box-shadow:0 1px 3px #29402725}
.has-listen-dock{padding-bottom:calc(var(--listen-height,70px) + 16px)}
@media(max-width:700px){
 .listen-dock{grid-template-columns:minmax(0,1fr) minmax(185px,1.4fr);gap:8px 12px;padding:12px 14px 14px}
 .listen-info{justify-content:flex-start;gap:7px}.listen-info img{width:30px;height:30px}
 .listen-info>div{display:block}.listen-info strong{font-size:11px}.listen-info span{font-size:10px;margin-top:3px}
 .listen-buttons{gap:16px}.listen-timeline{gap:3px}.listen-timeline span{min-width:27px;font-size:9px}
}

/* Playback is a progress line, with a conventional dot only while interacting. */
#listen-seek{height:16px;background-size:100% 4px;background-repeat:no-repeat;background-position:center;cursor:pointer}
#listen-seek::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border:0;border-radius:50%;background:var(--player-fill);box-shadow:none;opacity:0;transition:opacity 120ms ease}
#listen-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--player-fill);box-shadow:none;opacity:0;transition:opacity 120ms ease}
.listen-timeline:hover #listen-seek:not(:disabled)::-webkit-slider-thumb,#listen-seek:focus-visible::-webkit-slider-thumb{opacity:1}
.listen-timeline:hover #listen-seek:not(:disabled)::-moz-range-thumb,#listen-seek:focus-visible::-moz-range-thumb{opacity:1}
@media(prefers-reduced-motion:reduce){#listen-seek::-webkit-slider-thumb,#listen-seek::-moz-range-thumb{transition:none}}

/* One song control follows the pointer's column, below the complete card. */
#mix-queue:not(.queue-list){padding-bottom:58px}
#mix-queue .mix-card>.song-play{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);z-index:3;opacity:0;pointer-events:none;transition:none;background:#f8fbeded;border-color:#bdceae;box-shadow:0 2px 6px #253d2510}
#mix-queue .mix-card.play-target>.song-play:not(:disabled){opacity:1;pointer-events:auto;transition:opacity 120ms ease}
#mix-queue.queue-list .mix-card>.song-play{left:92px;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;padding:6px}
#mix-queue.is-sorting .mix-card>.song-play,.mix-drag-ghost>.song-play{visibility:hidden}
@media(max-width:700px){#mix-queue.queue-list .mix-card>.song-play{left:72px}}
/* A quiet invitation to play, rather than another prominent action. */
#mix-queue .mix-card>.song-play{background:transparent;border-color:transparent;box-shadow:none;color:#607b4f;opacity:0}
#mix-queue .mix-card.play-target>.song-play:not(:disabled){opacity:.55;transition:opacity 200ms ease}
#mix-queue .mix-card.play-target>.song-play:hover:not(:disabled),#mix-queue .mix-card.play-target>.song-play:focus-visible{opacity:.8;background:#ffffff18;border-color:transparent}
@media(prefers-reduced-motion:reduce){#mix-queue .mix-card.play-target>.song-play:not(:disabled){transition:none}}

/* Frosted playback glass, gently tinted by the current song's artwork. */
.listen-dock{background:linear-gradient(105deg,rgba(var(--playing-color,111,143,119),.17),transparent 52%,rgba(var(--playing-accent,99,127,113),.10)),linear-gradient(180deg,#ffffff0c,transparent 70%),#374f45d9;backdrop-filter:blur(26px) saturate(1.15);-webkit-backdrop-filter:blur(26px) saturate(1.15);border-top:1px solid #ffffff42;box-shadow:inset 0 1px 0 #ffffff0e,0 -5px 24px #2946260a}
.listen-info img{width:56px;height:56px;flex-shrink:0;border-radius:9px;border:1px solid #ffffff52;box-shadow:0 3px 10px #14281f20}
.listen-info{gap:12px}
.listen-dock[data-theme="dark"]{background:linear-gradient(105deg,rgba(var(--playing-color,111,143,119),.13),transparent 60%),#203b32db}
@supports not (backdrop-filter:blur(1px)){.listen-dock{background-color:#49685c}}
@media(max-width:700px){.listen-info img{width:44px;height:44px;border-radius:7px}.listen-info{gap:8px}}

/* Neutral glass lets each cover provide the color, without a permanent green cast. */
.listen-dock:not([data-theme="dark"]){--player-fg:#343937;--player-muted:#59605c;--player-button:#515955;--player-hover:#ffffff60;--player-main:#ffffffe0;--player-main-hover:#ffffff;--player-rail:#555b5826;--player-fill:#707773;background:linear-gradient(105deg,rgba(var(--playing-color,128,128,128),.38),rgba(var(--playing-color,128,128,128),.09) 48%,rgba(var(--playing-accent,128,128,128),.29)),linear-gradient(180deg,#ffffff40,transparent 80%),#e2e5e1ac;border-color:#ffffffa3;backdrop-filter:blur(32px) saturate(1.2);-webkit-backdrop-filter:blur(32px) saturate(1.2);box-shadow:inset 0 1px 0 #ffffff60,0 -4px 24px #2429250a}
.listen-dock:not([data-theme="dark"]) .listen-main,.listen-dock:not([data-theme="dark"]) .listen-main:hover:not(:disabled){color:#343937}
.listen-dock:not([data-theme="dark"]) .listen-info img{border-color:#ffffffa6;box-shadow:0 3px 10px #24292518}
@supports not (backdrop-filter:blur(1px)){.listen-dock:not([data-theme="dark"]){background-color:#e2e5e1}}

/* Let the cover edges glow; keep the surrounding paper quiet. */
.mix-sequence-wash{opacity:.065}
.mix-queue-surface::before{opacity:.014}
.mix-card{background:#ffffffd6}
.mix-card-art{box-shadow:-4px 0 10px -2px rgba(var(--edge-left,220,224,215),.36),4px 0 10px -2px rgba(var(--edge-right,220,224,215),.36),0 -4px 10px -2px rgba(var(--edge-top,220,224,215),.32),0 4px 11px -2px rgba(var(--edge-bottom,220,224,215),.4)}
@media(forced-colors:active){.mix-card-art{box-shadow:none}}

/* Brushed console caps and a softly polished rocker switch. */
.mixtape-editor .mix-range-row output,.mix-toggle{user-select:none;-webkit-user-select:none}
.crossfade-tool .mix-range-row output{font-size:13px;font-weight:500;min-width:82px;letter-spacing:.05px}
.mixtape-editor input[type="range"]{cursor:grab}
.mixtape-editor input[type="range"]:active{cursor:grabbing}
.mixtape-editor input[type="range"]:disabled{cursor:default}
.mixtape-editor input[type="range"]::-webkit-slider-runnable-track{height:6px;border:1px solid #a3ae98;background:linear-gradient(180deg,#5e6b54,#97a78b);box-shadow:inset 0 1px 3px #27332355,0 1px 0 #fff}
.mixtape-editor input[type="range"]::-webkit-slider-thumb{width:25px;height:32px;margin-top:-14px;cursor:grab;border:1px solid #b0b5a2;border-radius:4px;background:linear-gradient(90deg,transparent 46%,#79836b 46% 51%,#ffffff9c 51% 55%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 4px,#727d6220 4px 5px,#ffffff80 5px 6px),linear-gradient(90deg,#dce1cf,#fbfbed 24%,#e9ebdc 76%,#c9d0bb);box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffffb0,inset -1px 0 0 #a5ae9480,0 3px 5px #28392135}
.mixtape-editor input[type="range"]::-moz-range-track{height:4px;border:1px solid #a3ae98;background:linear-gradient(180deg,#5e6b54,#97a78b);box-shadow:inset 0 1px 3px #27332355,0 1px 0 #fff}
.mixtape-editor input[type="range"]::-moz-range-thumb{width:23px;height:30px;cursor:grab;border:1px solid #b0b5a2;border-radius:4px;background:linear-gradient(90deg,transparent 46%,#79836b 46% 51%,#ffffff9c 51% 55%,transparent 55%),repeating-linear-gradient(0deg,transparent 0 4px,#727d6220 4px 5px,#ffffff80 5px 6px),linear-gradient(90deg,#dce1cf,#fbfbed 24%,#e9ebdc 76%,#c9d0bb);box-shadow:inset 0 1px 0 #fff,0 3px 5px #28392135}
.mixtape-editor input[type="range"]:active::-webkit-slider-thumb{cursor:grabbing}
.mixtape-editor input[type="range"]:active::-moz-range-thumb{cursor:grabbing}
.mix-toggle>span:first-of-type{border:1px solid #b6c1a9;background:linear-gradient(180deg,#b8c1af,#d4dccd);box-shadow:inset 0 2px 4px #44543c24,0 1px 0 #ffffffd0}
.mix-toggle input:checked+span{border-color:#8ca76b;background:linear-gradient(180deg,#c7dda1 0%,#a9c882 42%,#88ac63 54%,#a9c97d 100%);box-shadow:inset 0 1px 1px #ffffff65,inset 0 -2px 3px #47662928,0 1px 0 #ffffffd0}
.mix-toggle>span:first-of-type::before{content:"";position:absolute;top:2px;left:5px;right:5px;height:8px;border-radius:12px;background:linear-gradient(#ffffff42,#ffffff00);pointer-events:none}
.mix-toggle>span:first-of-type::after{background:linear-gradient(145deg,#fff 15%,#f6f8ef 60%,#dce3d2);border:1px solid #ffffffb0;box-shadow:0 2px 3px #31452440,inset 0 1px 1px #fff}
@media(forced-colors:active){.mix-toggle input:checked+span{background:Highlight}.mixtape-editor input[type="range"]::-webkit-slider-thumb{background:ButtonFace;border-color:ButtonText}}

/* Stable export summary and gentler, compact console details. */
.mix-heading .mix-bottom{display:grid;grid-template-columns:210px 140px;grid-template-rows:auto auto;gap:3px 18px;align-items:center}
.mix-heading .mix-bottom>div:first-child{display:contents}
.mix-heading #mix-duration{grid-column:1;grid-row:1;font-size:20px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}
.mix-heading #mix-count{grid-column:1;grid-row:2;margin:0;font-size:11px;line-height:1.4;font-variant-numeric:tabular-nums}
.mix-heading .mix-bottom-actions{grid-column:2;grid-row:1;align-self:center;width:140px}
#mix-create{width:100%;border-radius:10px;border-color:#bed799;background:linear-gradient(180deg,#e1f2bd,#d2e9a8);box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #8fad6b1a,0 2px 3px #40552c14;transition:background 150ms ease,box-shadow 150ms ease,transform 150ms ease}
#mix-create:hover:not(:disabled){background:linear-gradient(180deg,#dcefb4,#cce39f);box-shadow:inset 0 1px 1px #ffffffb3,0 3px 5px #40552c19}
#mix-create:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 2px #89a8641f,0 1px 2px #40552c0f}
.mix-toggle{margin:0;align-self:center;width:40px;height:24px;line-height:0}
.mix-toggle input{width:40px;height:24px;padding:0}
.mix-toggle>span:first-of-type::after{top:3px;left:3px;width:18px;height:18px;box-sizing:border-box}
.mixtape-editor input[type="range"]::-webkit-slider-thumb{width:21px;height:27px;margin-top:-12px;border-color:#bdc5b1;border-radius:5px;background:linear-gradient(90deg,transparent 47%,#9fa991 47% 52%,#ffffffa0 52% 56%,transparent 56%),linear-gradient(90deg,#e4e9db,#fafbf3 30%,#eef1e4 72%,#dce3d0);box-shadow:inset 0 1px 0 #fff,0 2px 3px #35472920}
.mixtape-editor input[type="range"]::-moz-range-thumb{width:19px;height:25px;border-color:#bdc5b1;border-radius:5px;background:linear-gradient(90deg,transparent 47%,#9fa991 47% 52%,#ffffffa0 52% 56%,transparent 56%),linear-gradient(90deg,#e4e9db,#fafbf3 30%,#eef1e4 72%,#dce3d0);box-shadow:inset 0 1px 0 #fff,0 2px 3px #35472920}
.mixtape-editor input[type="range"]::-webkit-slider-runnable-track{height:5px;background:linear-gradient(180deg,#a5b398,#c6d2ba);border-color:#b5c1a9;box-shadow:inset 0 1px 2px #556b4030,0 1px 0 #fff}
.mixtape-editor input[type="range"]::-moz-range-track{height:3px;background:linear-gradient(180deg,#a5b398,#c6d2ba);border-color:#b5c1a9;box-shadow:inset 0 1px 2px #556b4030,0 1px 0 #fff}
@media(max-width:700px){.mix-heading .mix-bottom{width:100%;grid-template-columns:minmax(0,1fr) 124px;column-gap:12px}.mix-heading .mix-bottom-actions{width:124px}.mix-heading #mix-duration{font-size:17px}}
@media(max-width:430px){.mix-heading #mix-duration{font-size:16px}}
@media(max-width:360px){.mix-heading #mix-duration{font-size:14px}}

/* Flat toggle and right-aligned export details beneath the sequence. */
.mix-toggle>span:first-of-type{border:0;background:#d8dfd2;box-shadow:none}
.mix-toggle input:checked+span{border:0;background:#9ab97d;box-shadow:none}
.mix-toggle>span:first-of-type::before{display:none}
.mix-toggle>span:first-of-type::after{background:#fff;border:0;box-shadow:none}
.mixtape-editor>.mix-bottom{display:grid;grid-template-columns:210px 140px;justify-content:end;align-items:center;gap:18px;padding:20px 0 0;border-top:1px solid #dfe7d6}
.mixtape-editor>.mix-bottom>div:first-child{min-width:0}
.mixtape-editor>.mix-bottom #mix-duration{display:block;font-size:20px;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap;user-select:none}
.mixtape-editor>.mix-bottom #mix-count{font-size:11px;font-variant-numeric:tabular-nums}
.mixtape-editor>.mix-bottom .mix-bottom-actions{width:140px;align-self:center}
@media(max-width:700px){.mixtape-editor>.mix-bottom{grid-template-columns:minmax(0,180px) 124px;gap:12px}.mixtape-editor>.mix-bottom .mix-bottom-actions{width:124px}.mixtape-editor>.mix-bottom #mix-duration{font-size:17px}}
@media(max-width:430px){.mixtape-editor>.mix-bottom #mix-duration{font-size:16px}}
@media(max-width:360px){.mixtape-editor>.mix-bottom #mix-duration{font-size:14px}}
.unavailable-summary{cursor:help;text-decoration:underline dotted #849878;text-underline-offset:3px}
.unavailable-summary:focus-visible{outline:2px solid #8ba86f;outline-offset:2px;border-radius:2px}