:root{color-scheme:light dark;--paper: #f7f6f2;--ink: #161616;--soft: #595959;--hair: #e2e0da;--faint: #c9c6be;--vocals: #d93b30;--drums: #c99300;--drums-ring: #8f6900;--other: #2e9150;--bass: #2f6fd0;--sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--gutter: 16px}@media(prefers-color-scheme:dark){:root{--paper: #121212;--ink: #ecebe7;--soft: #a3a29d;--hair: #2b2b2a;--faint: #4a4946;--vocals: #ff6b5f;--drums: #f0b828;--drums-ring: #f0b828;--other: #4cc777;--bass: #5d9bff}}@media(min-width:600px){:root{--gutter: 20px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.5 var(--sans);font-variant-numeric:tabular-nums}h1,h2,p,ul{margin:0}h1,h2{font-size:20px;line-height:1.3;font-weight:600}a{color:inherit;text-decoration-color:var(--faint);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}main:focus,[tabindex="-1"]:focus{outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.soft{color:var(--soft)}.page{max-width:calc(640px + 2 * var(--gutter));margin:0 auto;padding:env(safe-area-inset-top) max(var(--gutter),env(safe-area-inset-right)) max(64px,env(safe-area-inset-bottom)) max(var(--gutter),env(safe-area-inset-left))}.top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:72px}.wordmark{display:inline-flex;align-items:center;min-height:44px;font-size:20px;font-weight:600;text-decoration:none}.top nav{display:flex;margin-right:-10px}.text-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:6px;background:none;font-size:17px;text-decoration:none}.text-button:hover,.text-button[aria-current=page]{text-decoration:underline;text-decoration-color:currentColor}.text-button:disabled{color:var(--soft);text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:22px;background:var(--ink);color:var(--paper);font-size:17px;font-weight:500;text-decoration:none}.button:disabled{opacity:.35}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.actions>.text-button:first-child{margin-left:-10px}.post{padding:40px 0;border-top:1px solid var(--hair)}.post-title{overflow-wrap:anywhere}.post-title a,.meta a,.remixes a{display:inline-block;padding:9px 0;margin:-9px 0;text-decoration:none}.post-title a{min-width:44px}.meta a{padding:11.5px 0;margin:-11.5px 0;text-decoration:underline;text-decoration-color:var(--faint)}.remixes a{padding:9.5px 0;margin:-9.5px 0}.post-title a:hover,.remixes a:hover{text-decoration:underline;text-decoration-color:var(--faint)}.meta{margin-top:4px;font-size:14px;color:var(--soft)}.caption{margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.file{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;font:13px/1.4 var(--mono);color:var(--soft)}.file span{min-width:0;overflow-wrap:anywhere}.file a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}.song{margin-top:24px}.transport{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:center}.play{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--ink);color:var(--paper)}.play svg{width:16px;height:16px;fill:currentColor}.wave{position:relative;height:48px;cursor:pointer;touch-action:pan-y;border-radius:2px}.wave svg{position:absolute;inset:0;display:block;width:100%;height:100%}.wave .rest{fill:var(--faint)}.wave .done{fill:var(--ink)}.time{grid-column:2;margin-top:2px;font-size:14px;color:var(--soft)}.song-error{grid-column:2;font-size:14px}.mixer{margin-top:24px}.faders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:360px}.stem{display:flex;flex-direction:column;align-items:center;gap:4px}.stem.is-vocals{--stem: var(--vocals)}.stem.is-drums{--stem: var(--drums);--ring: var(--drums-ring)}.stem.is-other{--stem: var(--other)}.stem.is-bass{--stem: var(--bass)}.fader{writing-mode:vertical-lr;direction:rtl;inline-size:140px;block-size:44px;max-width:100%;margin:0;accent-color:var(--stem);cursor:pointer;touch-action:none}.stem-name{font:13px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--soft)}.light{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.light span{width:14px;height:14px;border:2px solid var(--ring, var(--stem));border-radius:50%}.light.is-lit span{background:var(--stem)}.hint{margin-top:4px;font-size:14px;color:var(--soft)}.film{display:block;width:100%;height:auto;max-height:80vh;margin-top:24px;aspect-ratio:auto 16 / 9;background:var(--hair)}.end,.notice,.empty{padding-top:40px;border-top:1px solid var(--hair);text-align:center;color:var(--soft)}.notice h1,.notice .text-button,.end .text-button{color:var(--ink)}.notice p+.text-button,.notice h1+.text-button{margin-top:8px}.empty .button{margin-top:20px}.remixes{padding-top:32px;border-top:1px solid var(--hair)}.remixes ul{margin-top:8px;padding:0;list-style:none}.remixes li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--hair)}.remixes li:first-child{border-top:0}.remixes time{flex:none;font-size:14px;color:var(--soft)}.edit{margin-top:4px}.field{display:block;margin-top:20px}.label{display:block;margin-bottom:6px;font-size:14px;color:var(--soft)}.input{display:block;width:100%;min-height:44px;padding:9px 12px;border:1px solid var(--soft);border-radius:6px;background:transparent;font-size:17px}textarea.input{resize:vertical}.input:disabled{color:var(--soft)}.fixed{overflow-wrap:anywhere}.error{margin-top:16px;overflow-wrap:anywhere}.signout-error{margin:0 0 16px}.error a{display:inline-block;padding:11px 0;margin:-11px 0}.composer{padding-top:40px;border-top:1px solid var(--hair)}.choose{margin-top:24px}.choose p{margin-top:12px;font-size:14px}.disc{margin-top:48px;padding-top:24px;border-top:1px solid var(--hair)}.disc p,.disc .button,.disc ul{margin-top:12px}.disc-errors{padding-left:20px;font-size:14px;color:var(--soft)}.reading,.draft{margin-top:24px}.draft .file{margin-top:2px}.draft .meta{margin-top:6px}.sending{margin-top:24px}.progress{height:2px;background:var(--hair)}.progress div{height:100%;background:var(--ink)}.sending .actions{justify-content:space-between;margin-top:4px}.login{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:24px var(--gutter)}.login form{width:100%;max-width:320px}.login .soft{margin-top:2px}.login .button{width:100%;margin-top:28px}