:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#101820;color:#f3f6fb}*{box-sizing:border-box}body{margin:0}header,main{width:min(100% - 2rem,940px);margin:auto}header{display:flex;flex-wrap:wrap;gap:1.2rem;padding:1rem 0;border-bottom:1px solid #658193}main{padding:1.5rem 0 4rem}h1{font-size:clamp(1.9rem,5vw,3rem);line-height:1.12}h2{font-size:1.35rem}.eyebrow{letter-spacing:.14em;color:#80e4d2;font-weight:750}a{color:#9ae9ff}p{line-height:1.55}section,details{background:#192630;border:1px solid #617785;border-radius:14px;padding:1.1rem;margin:1rem 0}.buttons,.settings{display:flex;flex-wrap:wrap;gap:.65rem;align-items:end}label{display:inline-flex;flex-direction:column;gap:.35rem;margin:.4rem .7rem .4rem 0}button,input,select,.download{font:inherit;min-height:44px;border:1px solid #8ca1ad;border-radius:7px;padding:.65rem;background:#213744;color:#fff}button{cursor:pointer;margin:.2rem}button:hover:not(:disabled){background:#315365}button:disabled{opacity:.48;cursor:default}input[type=number]{width:9rem}input[type=file]{width:min(100%,38rem)}.file{display:flex;max-width:100%}a.download{background:#165447;display:inline-block}.download[hidden]{display:none}#mix-tracks{padding-left:1.5rem}#mix-tracks li{padding:.75rem;border-bottom:1px solid #6d8390;overflow-wrap:anywhere}#mix-status{padding:1rem;background:#10212a;border-left:4px solid #80e4d2}h3{font-size:1.05rem}.small{font-size:.9rem;color:#d4dfe7}summary{cursor:pointer;min-height:44px;padding:.5rem}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe177;outline-offset:3px}@media(max-width:450px){header,main{width:calc(100% - 1rem)}section{padding:.8rem}.buttons button{flex:1 1 45%}input[type=number]{max-width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}