:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f0f3eb;font-synthesis:none;--muted:#a5aca2;--lime:#c3ef69;--line:#303830;background:#101211;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-underline-offset:4px}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}:focus-visible{outline:3px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}.sr-only,.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip:focus{z-index:10;background:#101211;padding:12px;position:fixed}header{border-bottom:1px solid var(--line)}.header-inner,main{max-width:1440px;margin:auto;padding-inline:80px}.header-inner{justify-content:space-between;align-items:center;height:80px;display:flex}.brand{letter-spacing:-1.6px;font-size:36px;font-weight:800;text-decoration:none}nav{align-items:center;gap:40px;display:flex}nav a{text-decoration:none}.text-button{color:inherit;background:0 0;padding:6px 0}.text-button:hover,nav a:hover{color:var(--lime)}.studio-grid{grid-template-columns:1.58fr 1fr;gap:36px;padding-top:38px;display:grid}h1{letter-spacing:-2.8px;margin:0 0 18px;font-size:clamp(44px,5.4vw,70px);font-weight:780;line-height:1.02}h2{letter-spacing:-.8px;margin:0;font-size:28px;line-height:1.2}h3{margin-bottom:8px}p{margin:8px 0 16px}.intro{color:var(--muted);margin-bottom:22px;font-size:21px}.muted{color:var(--muted)}.recorder{border:1px solid var(--line);background:#191c19;border-radius:9px;padding:24px 28px}.recorder p{margin:4px 0 0}#waveform{width:100%;height:80px;margin:10px 0;display:block}.consent{color:var(--muted);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}input[type=checkbox],input[type=radio]{accent-color:var(--lime);flex-shrink:0;width:21px;height:21px;margin:2px 0}.capture-actions{gap:16px;display:flex}.capture-actions>button{flex:1}.primary,.secondary,.danger{border-radius:7px;min-height:54px;padding:12px 20px;font-weight:650}.primary{background:var(--lime);color:#101510}.primary:hover:not(:disabled){background:#d6ff88}.primary:disabled{color:#b5bab2;opacity:1;background:#373c37}.secondary{color:#f0f3eb;background:0 0;border:1px solid #a5aca2}.secondary:hover:not(:disabled){background:#252c24}.danger{color:#23110c;background:#eca798}.capture-actions span{margin-right:9px}.direction{padding-top:136px}.direction h2{margin-bottom:20px}fieldset{border:0;min-width:0;margin:0;padding:0}.style-choice{border:1px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:24px;margin-bottom:14px;padding:20px;display:flex}.style-choice:has(input:checked){border-color:var(--lime);background:#191e15}.style-choice strong{font-size:21px;font-weight:600;display:block}.style-choice small{color:var(--muted);margin-top:2px;font-size:16px;display:block}.generate,#cancel{width:100%;margin-top:12px}#status{margin-top:12px}#error{color:#ffb6a6}#capture-status:empty,#storage-note:empty{display:none}#capture-status:not(:empty){padding-top:10px}#trim{padding-bottom:18px}.trim-controls{gap:20px;display:flex}.trim-controls label{width:50%;color:var(--muted);font-size:14px}.trim-controls output{float:right}input[type=range]{width:100%;accent-color:var(--lime);min-height:32px}audio{width:100%;height:42px;margin:8px 0;display:block}#clear-source{color:var(--muted);font-size:14px}#mixes{border-top:1px solid var(--line);margin-top:34px;padding-top:24px;scroll-margin-top:20px}.section-heading,.session-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.empty{text-align:center;padding:30px 0 44px}.empty p{margin-bottom:2px;font-size:20px}.session{border-bottom:1px solid var(--line);padding:24px 0}.session h3{margin:0;font-size:18px}.session-heading p{margin:2px 0 10px;font-size:13px}.track{grid-template-columns:110px 1fr auto;align-items:center;gap:20px;padding:8px 0;display:grid}.download{color:var(--lime);white-space:nowrap;font-size:14px}footer{border-top:1px solid var(--line);color:var(--muted);padding:18px 0 26px;font-size:14px}dialog{border:1px solid var(--line);color:#f0f3eb;background:#191c19;border-radius:12px;width:calc(100% - 32px);max-width:620px;max-height:85vh;padding:28px;overflow:auto}dialog::backdrop{background:#000b}.dialog-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}dialog p,dialog li{color:#c6ccc2}@media (max-width:760px){.header-inner,main{padding-inline:20px}.header-inner{flex-wrap:wrap;gap:8px;height:auto;min-height:72px;padding-block:12px}.brand{font-size:30px}nav{gap:16px;font-size:13px}.studio-grid{grid-template-columns:1fr;gap:28px;padding-top:30px}h1{letter-spacing:-1.8px;font-size:clamp(43px,9vw,62px)}.intro{font-size:17px}.recorder{padding:20px}h2{font-size:25px}.direction{padding-top:0}.style-choice{gap:16px;padding:16px}.primary,.secondary,.danger{padding:12px;font-size:15px}.capture-actions{gap:10px}.track{grid-template-columns:1fr auto;gap:2px 14px}.track audio{grid-area:2/1/auto/-1}.empty{padding:36px 10px}.consent{font-size:14px}.capture-actions span{margin-right:4px}}@media (prefers-reduced-motion:no-preference){button,a,.style-choice{transition:background-color .15s,color .15s}}
.account-main{padding-top:64px;padding-bottom:64px}.account-main h1{letter-spacing:-1.8px;margin-bottom:20px;font-size:clamp(36px,5vw,58px)}.account-panel{max-width:480px;margin:0 auto}.account-panel>p{color:var(--muted)}.account-form{gap:20px;margin-top:28px;display:grid}.account-form label{gap:8px;display:grid}.account-form input{border:1px solid var(--line);width:100%;min-width:0;color:inherit;background:#191c19;border-radius:7px;padding:13px}.account-links{flex-wrap:wrap;gap:16px 24px;margin-top:24px;display:flex}.account-message{color:var(--lime);margin:20px 0}.account-error{color:#ffb6a6;margin:20px 0}.account-main .primary{text-align:center;text-decoration:none;display:inline-block}.library-note{max-width:640px;color:var(--muted)}.library-list{padding:0;list-style:none}.library-list li{border-bottom:1px solid var(--line);padding:20px 0}.save-mix{border:1px solid var(--line);border-radius:12px;max-width:640px;padding:24px}.save-mix h2,.save-mix p{margin:0}.save-mix select{color:inherit;border:1px solid var(--line);background:#191c19;border-radius:7px;padding:12px}.save-mix .save-consent{align-items:flex-start;gap:12px;display:flex}.save-mix .save-consent input{flex-shrink:0;width:20px;margin-top:4px}.track-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;display:flex}.track-actions audio{width:min(100%,400px)}.header-inner nav{flex-wrap:wrap;justify-content:flex-end}.account-main{overflow-wrap:anywhere;padding-bottom:180px}.catalogue-filters{flex-wrap:wrap;align-items:end;gap:16px;margin:32px 0;display:flex}.catalogue-filters label{gap:8px;display:grid}.catalogue-filters input,.catalogue-filters select,.account-form select,.account-form textarea{color:inherit;border:1px solid var(--line);max-width:100%;font:inherit;background:#191c19;border-radius:7px;padding:12px}.account-form textarea{resize:vertical;min-height:100px}.catalogue-list{padding:0;list-style:none}.catalogue-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding:24px 0;display:flex}.catalogue-list li>div{flex:1;min-width:180px}.catalogue-list h2{margin:0;font-size:24px}.track-detail,.submission .account-form,.library-list .account-form{max-width:640px}.submission{margin-top:24px}.submission summary,details summary{cursor:pointer}.account-form .save-consent{align-items:flex-start;gap:12px;display:flex}.account-form .save-consent input{flex-shrink:0;width:20px;margin-top:4px}.music-player{z-index:10;border-top:1px solid var(--line);background:#1b241b;grid-template-columns:minmax(0,1fr) minmax(240px,420px) auto;align-items:center;gap:16px;padding:16px 24px;display:grid;position:fixed;bottom:0;left:0;right:0}.music-player[hidden]{display:none}.music-player>div{gap:4px;min-width:0;display:grid}.music-player strong,.music-player span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music-player p{grid-column:1/-1;margin:0}.music-player p:empty{display:none}.music-player audio{max-width:100%}@media (max-width:760px){.header-inner nav{gap:8px 14px;max-width:70%}.catalogue-filters label{width:100%}.music-player{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 20px}.music-player>div{grid-area:1/1}.music-player button{grid-area:1/2}.music-player audio{grid-area:2/1/auto/-1}.account-main{padding-top:40px}.header-inner nav{gap:14px}}