.player-sheet#player-audio{width:min(440px,calc(100% - 32px));padding:24px;background:#f6f5ef}.soundtrack{border-top:1px solid #d8ddd0;margin-top:24px;padding-top:22px}.soundtrack button,.soundtrack input,.soundtrack summary,.soundtrack a{touch-action:manipulation}.soundtrack-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.soundtrack .eyebrow{font-size:10px;letter-spacing:.18em;color:#70816c}.music-power{border:0;background:#23473b;color:#fff;border-radius:30px;padding:8px 16px;font-size:12px;min-height:40px}.music-power[aria-pressed=false]{background:#e0e3da;color:#576251}.music-now{display:flex;align-items:center;gap:16px;margin:18px 0}.music-art{position:relative;flex:0 0 82px;height:82px;border-radius:20px;background:radial-gradient(ellipse at 20% 10%,#cfddb1,transparent 65%),linear-gradient(145deg,#698574,#203f35);overflow:hidden;display:grid;place-items:center;color:#f5f4df;font-size:30px}.music-art i{position:absolute;width:100px;height:100px;border:1px solid #ffffff45;border-radius:45%;transform:translate(-30px,25px)}.music-art i:nth-child(2){transform:translate(25px,-20px)}.music-art i:nth-child(3){transform:translate(15px,35px)}[data-mood=energy] .music-art{background:radial-gradient(ellipse at 20% 10%,#ecbd8b,transparent 65%),linear-gradient(145deg,#b57255,#604d5a)}[data-mood=flow] .music-art{background:radial-gradient(ellipse at 20% 10%,#cbd4a0,transparent 65%),linear-gradient(145deg,#839271,#435943)}[data-mood=rest] .music-art{background:radial-gradient(ellipse at 20% 10%,#bcc9d2,transparent 65%),linear-gradient(145deg,#7a869e,#44455d)}.music-stage{margin:0 0 7px;font-size:9px;letter-spacing:.14em;color:#72816c}.music-title{font-size:19px;line-height:1.2;font-weight:550;margin:0 0 5px;letter-spacing:-.025em;overflow-wrap:anywhere}.music-artist{font-size:12px;color:#697663;text-decoration:none}.music-transport{display:flex;align-items:center;gap:8px}.music-transport button{border:0;background:transparent;border-radius:50%;width:44px;height:44px;font-size:24px;color:#23473b}.music-transport .music-play{background:#23473b;color:#fff;font-size:17px}.music-clock{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:#72816c}.soundtrack .music-seek{height:20px;margin:9px 0 18px;accent-color:#68845f}.music-modes{display:flex;gap:3px;background:#e9ece2;padding:4px;border-radius:14px}.music-modes button{min-height:42px;flex:1;padding:7px 4px;border:0;background:transparent;border-radius:10px;font-size:11px;color:#56694e}.music-modes button[aria-pressed=true]{background:#fff;color:#214435;box-shadow:0 2px 5px #1c352b0c;font-weight:600}.music-volume-label{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px}.music-level{font-size:11px;color:#6a7963}.soundtrack .music-duck{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.4}.music-duck input{width:18px;height:18px;accent-color:#365b45}.soundtrack .music-note{font-size:11px;line-height:1.6;margin:12px 0 17px}.soundtrack details{border-top:1px solid #d8ddd0;padding:12px 0;margin:0}.soundtrack summary{font-size:12px;cursor:pointer;min-height:32px;align-content:center}.music-credits p,.music-credits a{font-size:10px;line-height:1.7;color:#71806a}.music-is-playing .music-art span{animation:music-breathe 3s ease-in-out infinite}.music-local input[type=file]{font-size:11px;width:100%}.soundtrack button:focus-visible,.soundtrack a:focus-visible,.soundtrack summary:focus-visible{outline:2px solid #c75d35;outline-offset:3px}@keyframes music-breathe{50%{opacity:.45;transform:scale(.9)}}@media(prefers-reduced-motion:reduce){.music-is-playing .music-art span{animation:none}}@media(max-width:650px){.player-sheet#player-audio{right:16px;bottom:90px;padding:20px;max-height:calc(100% - 112px)}.music-art{flex-basis:68px;height:68px;border-radius:17px}.music-title{font-size:17px}.music-modes button{font-size:10px}}

.music-mini{position:absolute;top:50%;right:max(20px,env(safe-area-inset-right));left:auto;transform:translateY(-50%);z-index:2;color:#f6f7ee;max-width:calc(100% - 32px)}.music-mini-body{display:flex;align-items:center;gap:10px;width:440px;max-width:100%;padding:10px 12px;background:#172c26d9;border:1px solid #ffffff26;border-radius:22px;box-shadow:0 8px 32px #0003;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.music-mini [hidden]{display:none}.music-mini button{flex-shrink:0;min-width:40px;min-height:40px;padding:8px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.music-mini button:hover{background:#ffffff18}.music-mini button:disabled{opacity:.4;cursor:default}.music-mini-icon{font-size:23px;color:#c8deb7}.music-mini-info{min-width:0;flex:1}.music-mini-label{display:block;font-size:8px;letter-spacing:.15em;color:#bbccb9;margin-bottom:5px}.music-mini-title{display:block;font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-mini .music-mini-play{background:#e5eddc;color:#203e36;font-size:15px}.music-mini-next{font-size:22px}.music-mini .music-mini-volume{width:60px;flex-shrink:0;accent-color:#c8deb7;margin:0}.music-mini .music-mini-hide{font-size:10px;border-radius:12px}.music-mini .music-mini-open{background:#172c26db;border:1px solid #ffffff30;box-shadow:0 4px 20px #0003;font-size:22px;backdrop-filter:blur(16px)}.music-mini button:focus-visible,.music-mini input:focus-visible{outline:2px solid #d6eabf;outline-offset:3px}.music-mini.is-playing .music-mini-icon{animation:music-breathe 3s ease-in-out infinite}@media(max-width:800px){.music-mini{right:max(12px,env(safe-area-inset-right));max-width:calc(100% - 24px);width:360px}.music-mini-body{width:100%;gap:5px;padding:8px}.music-mini-icon{display:none}.music-mini .music-mini-volume{width:48px}.music-mini.is-minimized{width:auto}}@media(prefers-reduced-motion:reduce){.music-mini.is-playing .music-mini-icon{animation:none}}

.music-modes{flex-wrap:wrap}.music-modes button{flex:1 1 28%}.music-mix{margin-top:14px!important}.music-match-count{float:right;font-size:11px;color:#65755e}.music-filter-help{font-size:11px;line-height:1.6;color:#65755e;margin:4px 0 12px}.music-styles{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.music-styles button,.music-clear-filters{border:1px solid #ccd5c5;background:#fff;border-radius:18px;padding:8px 12px;min-height:40px;font-size:12px;color:#34503c}.music-styles button[aria-pressed=true]{background:#23473b;border-color:#23473b;color:white}.music-styles button[hidden]{display:none}.music-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.music-filter-grid label{display:grid;gap:5px;font-size:11px;color:#586951}.music-filter-grid select{width:100%;min-width:0;min-height:42px;padding:8px;border:1px solid #ccd5c5;border-radius:10px;background:#fff;color:#23473b;font:12px system-ui,sans-serif}.music-estimate-label{display:flex!important;align-items:center;gap:8px;font-size:11px;margin:12px 0}.music-estimate-label input{width:18px!important;height:18px;accent-color:#365b45}.music-clear-filters{margin-bottom:8px;background:transparent}.soundtrack select:focus-visible{outline:2px solid #c75d35;outline-offset:3px}



.music-collection-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:650;font-size:14px;padding:10px 12px;border:1px solid #d5dfd7;border-radius:14px;background:#f1f5ef}.music-collection-label select{max-width:180px;border:0;border-radius:9px;padding:8px;color:#203e36;background:white;font:inherit}

/* The soundtrack stays at the edge; expanding keeps the same right anchor. */
.music-mini .music-mini-open{min-width:44px;min-height:44px}
.music-mini:not(.is-minimized) .music-mini-body{animation:soundtrack-reveal .18s ease-out;transform-origin:center right}
@keyframes soundtrack-reveal{from{opacity:0;transform:translateX(8px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.music-mini:not(.is-minimized) .music-mini-body{animation:none}}