@font-face{font-family:Archivo Variable;src:url(/fonts/archivo-latin-wght-normal.woff2)format("woff2-variations");font-weight:100 900;font-display:swap}@font-face{font-family:Syncopate;src:url(/fonts/syncopate-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Syncopate;src:url(/fonts/syncopate-latin-700-normal.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ground:#161615;--raise:#1f1e1c;--raise-2:#292825;--stage:#0c0c0b;--paper:#f2efe8;--stone:#a29f98;--dim:#8a8781;--rule:#2b2a27;--rule-2:#3a3834;--live:#e9542d;--live-hover:#f2683f;--live-ink:#161615;--live-soft:#e9542d1a;--ok:#6f9e7c;--warn:#d9a441;--bad:#f0607a;--sans:"Archivo Variable",Archivo,"Segoe UI",system-ui,sans-serif;--display:"Syncopate","Archivo Variable",sans-serif;--ease:cubic-bezier(.16,1,.3,1);--l0:var(--ground);--l1:var(--raise);--l2:var(--raise-2);--l3:#33322e;--border:var(--rule);--border-strong:var(--rule-2);--text:var(--paper);--text-2:var(--stone);--text-3:#95928b;--accent:var(--live);--accent-hover:var(--live-hover);--on-accent:var(--live-ink);--danger:var(--bad);--lead:var(--paper);--thirds:#b5a0dc;--mixed:#7fa9cc;--fifth:#8db897;--low:#cdb06a;--counter:#79b9b6;--backing:var(--dim);--r-sm:0;--r-md:0;--r-lg:0;--vp-narrow:375px;--vp-medium:768px;--vp-wide:1280px;--hit:44px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%}body{background:var(--ground);color:var(--paper);font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--live);color:var(--live-ink)}h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;text-wrap:balance;font-size:28px;font-weight:400;line-height:1.1}h2{letter-spacing:-.01em;font-size:16px;font-weight:600;line-height:1.25}h3{font-size:14px;font-weight:600;line-height:1.25}.meta{color:var(--text-3);font-size:12px;line-height:1.4}.sec-label{color:var(--stone);font-size:12px;font-weight:600;line-height:1.4}.t2{color:var(--stone)}.num{font-variant-numeric:tabular-nums}.display-num{font-family:var(--display);letter-spacing:0;font-weight:400}.icon{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:16px;height:16px}.icon.lg{width:20px;height:20px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus{outline:none}:focus-visible{outline:2px solid var(--live);outline-offset:2px}.btn{min-height:var(--hit);font:600 14px/1 var(--sans);color:var(--paper);box-shadow:inset 0 -1px 0 var(--rule-2);cursor:pointer;white-space:nowrap;transition:color .12s var(--ease),box-shadow .12s var(--ease),background-color .12s var(--ease);background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.btn:hover{box-shadow:inset 0 -1px 0 var(--paper)}.btn.primary{background:var(--live);color:var(--live-ink);box-shadow:none;padding:0 16px}.btn.primary:hover{background:var(--live-hover)}.btn.strong{background:var(--paper);color:var(--live-ink);box-shadow:none}.btn.strong:hover{background:var(--stone)}.btn.ghost{box-shadow:none;color:var(--stone)}.btn.ghost:hover{color:var(--paper)}.ibtn{width:var(--hit);height:var(--hit);color:var(--stone);cursor:pointer;transition:color .12s var(--ease),background-color .12s var(--ease);background:0 0;border:1px solid #0000;border-radius:0;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.ibtn:hover{color:var(--paper);background:var(--raise-2)}.ibtn.boxed{border-color:var(--rule-2)}.ibtn.on{color:var(--live-ink);background:var(--paper);border-color:var(--paper)}.ibtn.play,.btn.play{background:var(--paper);color:var(--live-ink);border-color:var(--paper)}.ibtn.play:hover,.btn.play:hover{background:var(--stone);border-color:var(--stone);color:var(--live-ink)}[data-tip]:after{content:attr(data-tip);background:var(--stage);border:1px solid var(--rule-2);color:var(--paper);font:400 12px/1.4 var(--sans);text-transform:none;letter-spacing:0;white-space:nowrap;pointer-events:none;z-index:100;padding:4px 8px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}[data-tip]:focus-visible:after{display:block}@media (hover:hover){[data-tip]:hover:after{display:block}}[data-tip].tip-below:after{top:calc(100% + 8px);bottom:auto}[data-tip].tip-left:after{left:auto;right:0;transform:none}.seg{border:1px solid var(--rule-2);background:0 0;display:inline-flex;overflow:hidden}.seg label{min-width:var(--hit);min-height:var(--hit);color:var(--stone);cursor:pointer;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.seg label+label{border-left:1px solid var(--rule-2)}.seg label:hover{color:var(--paper)}.seg input{opacity:0;cursor:pointer;position:absolute;inset:0}.seg label:has(input:checked){background:var(--paper);color:var(--live-ink)}.seg label:has(input:focus-visible){outline:2px solid var(--live);outline-offset:-2px}input[type=range]{appearance:none;width:100%;height:var(--hit);cursor:pointer;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--stone),var(--stone)) 0/var(--v,50%) 100% no-repeat,var(--rule-2);height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--paper);border:0;width:6px;height:20px;margin-top:-9px;transition:background-color .12s}input[type=range]:hover::-webkit-slider-thumb{background:var(--live)}input[type=range]:active::-webkit-slider-thumb{background:var(--live)}.check{min-height:var(--hit);cursor:pointer;color:var(--stone);align-items:center;gap:12px;display:flex}.check:hover{color:var(--paper)}.check input{width:18px;height:18px;accent-color:var(--paper);flex:none}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--stone);font-size:12px;font-weight:600}.input{min-height:var(--hit);border:0;border-bottom:1px solid var(--stone);background:var(--raise);color:var(--paper);font:400 14px/1 var(--sans);border-radius:0;padding:0 12px}.input:hover{border-bottom-color:var(--paper)}.input:focus-visible{outline-offset:0}.input::placeholder{color:var(--text-3)}.topbar{border-bottom:1px solid var(--rule);background:var(--ground);align-items:center;gap:8px;height:56px;padding:0 16px 0 24px;display:flex}.brand{font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);margin-right:24px;font-size:14px;font-weight:700}.nav{align-self:stretch;gap:0;display:flex}.nav a{min-height:var(--hit);color:var(--stone);align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:inset 0 -2px #0000}.nav a[aria-current=page]{color:var(--paper);box-shadow:inset 0 -2px 0 var(--paper)}.nav a:hover{color:var(--paper)}.spacer{flex:1}.avatar{width:var(--hit);height:var(--hit);border:1px solid var(--rule-2);background:var(--raise);color:var(--paper);font:600 14px/1 var(--sans);cursor:pointer;border-radius:50%;flex:none;position:relative}.avatar:hover{border-color:var(--stone)}.menu-btn{display:none}.surface{background:var(--raise);border:1px solid var(--rule)}.list{list-style:none}.list>li{border-top:1px solid var(--rule)}.list>li:first-child{border-top:0}.status{color:var(--stone);align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.status:before{content:"";background:var(--dim);width:8px;height:8px}.status.ok:before{background:var(--ok)}.status.run:before{background:var(--warn)}.status.bad:before{background:var(--bad)}.page{width:100%;max-width:var(--vp-wide);margin:0 auto}@media (max-width:767.98px){.nav{display:none}.menu-btn{display:inline-flex}.brand{margin-right:0}.topbar{padding:0 8px}h1{font-size:22px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.crumbs a{min-height:var(--hit);min-width:var(--hit);justify-content:center;align-items:center;display:inline-flex}html,body{min-height:100%}a{color:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.app main{flex:1}button{font:inherit}.btn:disabled,.ibtn:disabled{opacity:.45;cursor:not-allowed}.btn.primary:disabled{background:var(--live)}.link{color:var(--paper);text-underline-offset:3px;cursor:pointer;min-height:var(--hit);background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--raise-2);min-height:20px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.notice{border:1px solid var(--rule-2);background:var(--raise);align-items:flex-start;gap:12px;padding:16px;display:flex}.notice.bad{border-color:var(--bad)}.notice.warn{border-color:var(--warn)}.notice .icon{flex:none;margin-top:2px}.err{color:var(--bad);font-size:14px}.field .input{width:100%}.field .err{margin-top:4px}.bar{background:var(--rule-2);width:100%;height:2px}.bar>i{background:var(--paper);height:100%;transition:width .4s var(--ease);display:block}.toasts{z-index:500;flex-direction:column;gap:8px;width:min(480px,100% - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--stage);border:1px solid var(--rule-2);color:var(--paper);align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.toast.bad{border-color:var(--bad)}.menu{background:var(--raise-2);border:1px solid var(--rule-2);z-index:300;min-width:220px;padding:4px 0;position:absolute;top:calc(100% + 4px);right:0}.menu .who{color:var(--text-3);border-bottom:1px solid var(--rule);padding:8px 16px;font-size:12px}.menu button,.menu a{width:100%;min-height:var(--hit);color:var(--paper);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 16px;text-decoration:none;display:flex}.menu button:hover,.menu a:hover{background:var(--l3)}.scrim{z-index:190;background:#0c0c0bb8;position:fixed;inset:0}.sheet{background:var(--raise);border-left:1px solid var(--rule-2);z-index:200;flex-direction:column;width:400px;max-width:100%;display:flex;position:fixed;top:0;bottom:0;right:0}.sheet-head{border-bottom:1px solid var(--rule);align-items:center;gap:8px;padding:8px 8px 8px 24px;display:flex}.sheet-head h2{margin-right:auto}.sheet-body{flex:1;padding:8px 24px;overflow-y:auto}.sheet-foot{border-top:1px solid var(--rule);padding:16px 24px}.sheet-foot .btn{width:100%}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:767.98px){.sheet{width:100%}.sheet-head{padding-left:16px}.sheet-body,.sheet-foot{padding-left:16px;padding-right:16px}}.page.home{max-width:760px;padding:40px 24px}.lede{color:var(--stone);max-width:60ch;margin-top:8px}.drop{border:1px dashed var(--stone);background:var(--raise);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;margin-top:24px;padding:24px;display:flex;position:relative}.drop:hover{border-color:var(--paper)}.drop:has(input:focus-visible){outline:2px solid var(--live);outline-offset:2px}.drop input{opacity:0;width:1px;height:1px;position:absolute}.drop b{font-size:16px;font-weight:600}.drop .btn{pointer-events:none;margin-top:8px}h2.songs-h{margin:40px 0 8px}.song{min-height:72px;color:inherit;align-items:center;gap:16px;padding:12px 16px;text-decoration:none;display:flex}.song:hover{background:var(--raise-2)}.song .name{font-size:16px;font-weight:600}.song .chev{color:var(--stone);margin-left:auto}.prog{background:var(--rule-2);width:min(240px,100%);height:2px;margin-top:8px}.prog i{background:var(--paper);width:60%;height:100%;display:block}@media (max-width:767.98px){.page.home{padding:24px 16px}}.page.studio{max-width:960px;padding:16px 24px 40px}.back{min-height:var(--hit);color:var(--stone);align-items:center;gap:4px;margin-left:-4px;font-size:14px;text-decoration:none;display:inline-flex}.back:hover{color:var(--paper)}.head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.head h1{margin-right:auto}.sub{color:var(--stone);margin-top:4px}.player{margin-top:24px;padding:16px}.prow{align-items:center;gap:16px;display:flex}.time{font-family:var(--display);white-space:nowrap;font-size:16px}.time span{font-family:var(--sans);color:var(--stone);font-size:14px}.wave{flex:1;align-items:center;gap:2px;min-width:0;height:56px;display:flex;position:relative}.wave i{background:var(--dim);flex:1}.wave i.in{background:var(--stone)}.sel{border-left:2px solid var(--paper);background:#f2efe80f;position:absolute;top:0;bottom:0;right:0}.ph{background:var(--live);width:2px;position:absolute;top:-4px;bottom:-4px}.section{color:var(--stone);flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.section b{color:var(--paper);font-weight:600}h2.parts-h{margin:32px 0 8px}.part{grid-template-columns:200px auto auto minmax(0,1fr) 56px auto;align-items:center;gap:12px;padding:12px 16px;display:grid}.pname{align-items:flex-start;gap:12px;min-width:0;display:flex}.pname i{flex:none;width:10px;height:10px;margin-top:6px}.pname b{font-size:16px;font-weight:600;line-height:1.4;display:block}.vol{align-items:center;display:flex}.part output{color:var(--stone);text-align:right;white-space:nowrap;font-size:14px}.fx{border-top:1px dashed var(--rule-2);grid-column:1/-1;grid-template-columns:200px repeat(2,minmax(0,1fr));align-items:center;gap:4px 24px;padding:4px 0;display:grid}.fx label{color:var(--stone);align-items:center;gap:12px;font-size:14px;display:flex}.fx label span{width:52px}.fx .sec-label{padding-left:22px}@media (max-width:767.98px){.page.studio{padding:8px 16px 32px}.prow{flex-wrap:wrap}.wave{flex-basis:100%;order:3}.part{grid-template-columns:minmax(0,1fr) auto auto;gap:4px 8px}.pname{grid-column:1}.part .seg{grid-area:2/1/auto/-1;display:flex}.part .seg label{flex:1}.vol{grid-area:3/1/auto/3}.part output{grid-area:3/3}.solo{grid-area:1/2}.fxb{grid-area:1/3}.part>span:empty{display:none}.fx{grid-row:4;grid-template-columns:1fr}.fx .sec-label{padding-left:0}}.opt{border-top:1px solid var(--rule);cursor:pointer;align-items:flex-start;gap:12px;padding:16px 0;display:flex}.opt:first-child{border-top:0}.opt input{width:18px;height:18px;accent-color:var(--paper);flex:none;margin-top:2px}.opt b{font-weight:600;display:block}.opt span{color:var(--stone);margin-top:2px;font-size:14px;display:block}.drop.busy{cursor:default}.drop.over{border-color:var(--paper);background:var(--raise-2)}.wave.interactive{cursor:pointer}.wave .sel.pick{border-right:2px solid var(--paper)}.picker{margin-top:16px;padding:16px}.picker .ranges{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.picker .times{flex-wrap:wrap;gap:16px;margin-top:12px;display:flex}.picker .times .field{width:140px}.steps-list{margin-top:16px;list-style:none}.steps-list li{min-height:40px;color:var(--text-3);align-items:center;gap:12px;display:flex}.steps-list li.done{color:var(--stone)}.steps-list li.now{color:var(--paper);font-weight:600}.steps-list .state{justify-content:center;width:20px;display:inline-flex}.processing{margin-top:24px;padding:24px}.processing .bar{margin-top:16px}.empty{text-align:center;color:var(--stone);padding:32px 16px}.auth-card{max-width:420px;margin:48px auto;padding:24px}.auth-card form{flex-direction:column;gap:16px;margin-top:16px;display:flex}.auth-card .btn.primary{width:100%}.tabs-row{border-bottom:1px solid var(--rule);margin-top:16px;display:flex}.tabs-row button{min-height:var(--hit);color:var(--stone);cursor:pointer;background:0 0;border:0;padding:0 12px;font-weight:600;box-shadow:inset 0 -2px #0000}.tabs-row button[aria-selected=true]{color:var(--paper);box-shadow:inset 0 -2px 0 var(--paper)}.player .loading{flex-direction:column;flex:1;gap:8px;display:flex}.song-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}a.btn,a.ibtn{text-decoration:none}