@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,sans-serif;color:#eee;background:#000;color-scheme:dark;font-synthesis:none;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border:1px solid #555;border-radius:3px;background:#000;color:#eee;cursor:pointer;text-decoration:none;white-space:nowrap}button:hover:not(:disabled),.button:hover{background:#191919}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:3px}h1,h2,p{margin:0}h1{font-size:26px;font-weight:600;overflow-wrap:anywhere}h2{font-size:19px;font-weight:600}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-bottom:1px solid #333}.brand{font-size:20px;font-weight:600;text-decoration:none}main{padding:36px 32px 140px;max-width:1440px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}input:not([type=range]):not([type=checkbox]),textarea{display:block;width:100%;min-width:0;background:#000;border:1px solid #555;border-radius:3px;padding:10px 12px}.search{max-width:560px;margin-bottom:28px}input[type=file]{padding:9px;overflow:hidden}input::file-selector-button{font:inherit;color:#eee;background:#111;border:1px solid #555;border-radius:2px;padding:6px 10px;margin-right:12px}textarea{resize:vertical}.muted,.empty{color:#aaa}.muted{font-size:13px}.empty{padding:24px 0}.mix-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:24px;padding:18px 0;border-top:1px solid #333}.mix-name{text-decoration:none;min-width:0}.mix-name strong,.track-name strong{font-weight:500;overflow-wrap:anywhere}.mix-name span,.track-name span{display:block;color:#aaa;font-size:13px;margin-top:4px}.time-label,.timestamp,.player-controls>span{font-variant-numeric:tabular-nums}.detail>h1{margin:28px 0 8px}.description{margin-top:16px;white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.track-heading{margin-top:48px}.tracks{margin-top:18px}.track{display:flex;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #333}.track-name{min-width:0;flex:1}.track-form{display:grid;grid-template-columns:110px 1fr 1fr auto;align-items:end;gap:16px;margin-top:24px}label{display:block}label>input,label>textarea{margin-top:7px}.track-form label{margin:0}.notice{border:1px solid #777;padding:14px;margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow-wrap:anywhere}.player{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;gap:32px;padding:18px 32px;background:#000;border-top:1px solid #444}.player-info{width:25%;min-width:0}.player-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.player-info span{display:block;font-size:12px;color:#aaa}.player-controls{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.player-controls input{flex:1;width:100%;min-width:20px}.player-seek{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.player-seek button{flex-shrink:0;padding:9px 10px;font-size:12px}.player-controls>span{font-size:12px}input[type=range]{accent-color:#ddd}.volume{display:flex;align-items:center;gap:10px;font-size:12px}.volume input{width:70px;margin:0}dialog{background:#000;color:#eee;border:1px solid #666;border-radius:3px;padding:24px;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px)}dialog::backdrop{background:#000b}dialog p{margin:18px 0}fieldset{margin:0;padding:0;border:0;min-width:0}form>label,fieldset>label{margin:20px 0}.full{width:100%;margin-top:16px}@media(max-width:700px){header{padding:16px}header button{white-space:normal;max-width:55%}main{padding:28px 16px 170px}.mix-row{grid-template-columns:auto minmax(0,1fr) auto;gap:14px}.mix-row>a:last-child{grid-column:3}.mix-row>a:nth-last-child(2){grid-column:2}.player{padding:14px 16px;flex-wrap:wrap;gap:12px}.player-info{width:100%}.player-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;flex-basis:100%;gap:10px}.player-seek{grid-column:1 / -1;grid-row:2}.volume{display:none}.track{gap:10px;flex-wrap:wrap}.track-name{flex-basis:calc(100% - 120px)}.track>a{margin-left:auto}.track-form{grid-template-columns:90px 1fr}.track-form label:nth-child(3){grid-column:1/-1}.track-form button{grid-column:1/-1}dialog{padding:20px}}