:root{--color-black:#1c1a1f;--color-white:#fff;--color-grey-800:#38383a;--color-grey-600:#58595b;--color-grey-500:#818286;--color-grey-400:#b2b3b5;--color-grey-200:#e4e4e4;--color-grey-100:#f1f1f2;--color-page-grey:#eee;--color-orange:#ff7b00;--color-orange-50:#fff1e4;--color-orange-200:#ffc997;--color-orange-700:#d74c00;--c-major:#1fb6a6;--c-minor:#7b61ff;--c-dominant:#ff7b00;--c-diminished:#f0445a;--c-augmented:#e255a1;--c-suspended:#2e9bf0;--c-other:#9a9ba0;--grad-play:linear-gradient(135deg, #ff7b00 0%, #e255a1 60%, #7b61ff 100%);--grad-flow:linear-gradient(135deg, #ff7b00 0%, #e255a1 16%, #7b61ff 36%, #1fb6a6 68%, #2e9bf0 100%);--color-bg:var(--color-white);--color-text:var(--color-black);--color-text-muted:var(--color-grey-600);--color-text-faint:var(--color-grey-500);--color-accent:var(--color-orange);--color-border:var(--color-grey-200);--color-divider:var(--color-black);--font-primary:"Suisse Int'l", "Helvetica Neue", Arial, system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius-none:0px;--radius-pill:999px;--border-hairline:1px solid var(--color-black);--motion-fast:.12s;--motion-standard:.18s;--motion-grad:.65s;--motion-ease-out:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1rem;font-weight:400;line-height:1.4}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:300;line-height:1.05}button{cursor:pointer;font-family:inherit}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:400}.wordmark{letter-spacing:-.02em;text-transform:uppercase;font-weight:600}.bar-btn{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text);background:0 0;border-radius:0;font-family:inherit;font-size:.6875rem;font-weight:400}.bar-btn:hover:not(:disabled){background:var(--color-black);border-color:var(--color-black);color:var(--color-white)}.bar-btn:disabled{color:var(--color-grey-400);cursor:not-allowed}.bar-btn--on{background:var(--c-major);border-color:var(--c-major);color:var(--color-white)}.sec-icon{width:26px;height:26px;color:var(--color-white);background:linear-gradient(135deg, var(--c-dominant), var(--c-augmented));border-radius:7px;flex:none;align-self:center;place-items:center;display:grid;position:relative}.sec-icon:before{content:"";z-index:0;border-radius:inherit;background:linear-gradient(135deg, var(--c-major), var(--c-suspended));opacity:0;transition:opacity var(--motion-grad) var(--motion-ease-out);position:absolute;inset:0}.sec-icon>svg{z-index:1;position:relative}.sec-icon--open:before{opacity:1}.vmenu{margin-top:var(--space-1);background:var(--color-white);border:1px solid var(--color-black);z-index:50;min-width:220px;padding:var(--space-1);position:absolute;top:100%;right:0;box-shadow:0 8px 24px #1c1a1f24}.vmenu__row{text-align:left;width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text);background:0 0;border:0;font-family:inherit;font-size:.95rem;display:block}.vmenu__row:hover{background:var(--color-grey-100)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__row{align-items:baseline;gap:var(--space-2);display:flex}.field__input,.field__select{letter-spacing:-.02em;color:var(--color-text);background:var(--color-white);border:0;border-bottom:var(--border-hairline);padding:var(--space-1) 0;border-radius:0;font-family:inherit;font-size:1.25rem;font-weight:300}.field__input:focus,.field__select:focus{border-bottom-color:var(--color-accent);outline:none}.field__input{width:5.5ch}.field__select{min-width:8ch}.field__unit{color:var(--color-text-faint)}.frame.art{z-index:0;isolation:isolate;position:relative}.art-bg{z-index:0;pointer-events:none;opacity:.2;filter:blur(34px);background:radial-gradient(38% 38% at 22% 26%, color-mix(in srgb, var(--c-dominant) 70%, transparent), transparent 70%), radial-gradient(42% 42% at 80% 22%, color-mix(in srgb, var(--c-augmented) 65%, transparent), transparent 70%), radial-gradient(48% 48% at 66% 84%, color-mix(in srgb, var(--c-minor) 65%, transparent), transparent 70%), radial-gradient(44% 44% at 24% 80%, color-mix(in srgb, var(--c-suspended) 60%, transparent), transparent 70%);translate:var(--art-px,0) var(--art-py,0);transition:translate .4s var(--motion-ease-out);animation:28s ease-in-out infinite alternate art-drift,64s linear infinite art-hue;position:fixed;inset:-12%}.art-bg:after{content:"";background:radial-gradient(40% 40% at 70% 32%, color-mix(in srgb, var(--c-augmented) 55%, transparent), transparent 70%), radial-gradient(46% 46% at 30% 62%, color-mix(in srgb, var(--c-major) 50%, transparent), transparent 70%);animation:36s ease-in-out infinite alternate art-drift2;position:absolute;inset:0}.art-lattice{z-index:0;pointer-events:none;opacity:.2;width:100vw;height:100vh;position:fixed;inset:0}.frame.art>.head,.frame.art>.editor{z-index:1;position:relative}.frame.art .bar{background:linear-gradient(135deg, color-mix(in srgb, var(--c-major) 12%, transparent), color-mix(in srgb, var(--c-augmented) 12%, transparent) 50%, color-mix(in srgb, var(--c-suspended) 12%, transparent)), var(--color-white);animation:art-wash 15s ease-in-out var(--art-delay,0s) infinite alternate;background-position:0%,0 0;background-size:220% 220%,auto}.frame.art .bar--playing{background:linear-gradient(135deg, color-mix(in srgb, var(--c-major) 30%, transparent), color-mix(in srgb, var(--c-augmented) 30%, transparent) 50%, color-mix(in srgb, var(--c-suspended) 30%, transparent)), var(--color-white);animation:art-wash 15s ease-in-out var(--art-delay,0s) infinite alternate;background-position:0%,0 0;background-size:220% 220%,auto}.frame.art .staff-wrap{background:linear-gradient(120deg, color-mix(in srgb, var(--c-augmented) 9%, transparent), color-mix(in srgb, var(--c-minor) 9%, transparent) 50%, color-mix(in srgb, var(--c-major) 9%, transparent)), var(--color-white);background-position:0%,0 0;background-size:200% 200%,auto;animation:22s ease-in-out infinite alternate art-wash}.frame.art .bar-btn,.frame.art .add-bar,.frame.art .inspire,.frame.art .play{transition:transform var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-standard) var(--motion-ease-out), background-position var(--motion-grad) var(--motion-ease-out)}.frame.art .bar-btn:hover:not(:disabled),.frame.art .add-bar:hover,.frame.art .inspire:hover{background-image:var(--grad-flow);color:var(--color-white);background-repeat:no-repeat;background-size:300% 100%;border-color:#0000;animation:5s ease-in-out infinite alternate art-sweep}.frame.art .bar-btn:active:not(:disabled),.frame.art .add-bar:active,.frame.art .inspire:active,.frame.art .play:active{transform:scale(.95)}.frame.art .bar{transition:transform .2s var(--motion-ease-out), box-shadow .25s var(--motion-ease-out)}.frame.art .bar:hover{box-shadow:0 12px 28px color-mix(in srgb, var(--c-augmented) 24%, transparent);z-index:2;transform:translateY(-3px)}.frame.art .slot:focus-within{box-shadow:0 0 0 2px color-mix(in srgb, var(--q,var(--c-major)) 55%, transparent), 0 0 20px color-mix(in srgb, var(--q,var(--c-major)) 35%, transparent)}.frame.art .play--on{animation:1.7s ease-in-out infinite art-pulse}.frame.art .head__mark--playing{animation:4.5s linear infinite art-wordflow}@keyframes art-drift{0%{transform:translate(-1.5%,-1%)scale(1.04)rotate(0)}to{transform:translate(1.5%,1.5%)scale(1.12)rotate(4deg)}}@keyframes art-wash{0%{background-position:0%,0 0}to{background-position:100%,0 0}}@keyframes art-hue{0%{filter:blur(34px)hue-rotate()}to{filter:blur(34px)hue-rotate(52deg)}}@keyframes art-drift2{0%{transform:translate(2%,1%)scale(1.1)rotate(0)}to{transform:translate(-2%,-1.5%)scale(1.04)rotate(-5deg)}}@keyframes art-sweep{0%{background-position:0 0}to{background-position:100% 0}}@keyframes art-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb, var(--c-major) 28%, transparent), 0 6px 26px color-mix(in srgb, var(--c-suspended) 12%, transparent)}50%{box-shadow:0 0 0 9px color-mix(in srgb, var(--c-major) 16%, transparent), 0 8px 36px color-mix(in srgb, var(--c-suspended) 48%, transparent)}}@keyframes art-wordflow{0%{background-position:55% 0}to{background-position:255% 0}}.art-ripple{z-index:9999;pointer-events:none;background:var(--grad-flow);width:16px;height:16px;animation:art-ripple-pop .6s var(--motion-ease-out) forwards;background-size:200% 100%;border-radius:50%;margin:-8px 0 0 -8px;position:fixed}@keyframes art-ripple-pop{0%{opacity:.5;transform:scale(.35)}to{opacity:0;transform:scale(11)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.frame.svelte-12qhfyh{border-top:var(--border-hairline);min-height:100vh}.save-toast.svelte-12qhfyh{left:50%;bottom:var(--space-6);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill,999px);background:var(--color-black);color:var(--color-white);pointer-events:none;animation:svelte-12qhfyh-save-toast-in .14s var(--motion-ease-out);font-size:.85rem;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #00000040}@keyframes svelte-12qhfyh-save-toast-in{0%{opacity:0;transform:translate(-50%,6px)}}@media (prefers-reduced-motion:reduce){.save-toast.svelte-12qhfyh{animation:none}}.head.svelte-12qhfyh{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.head__left.svelte-12qhfyh{align-items:baseline;gap:var(--space-4);min-width:0;display:flex}.head__mark.svelte-12qhfyh{background:var(--grad-flow);color:#0000;-webkit-text-fill-color:transparent;transition:background-position var(--motion-grad) var(--motion-ease-out);background-position:0 0;background-size:230% 100%;-webkit-background-clip:text;background-clip:text;font-size:1.25rem}.head__mark--playing.svelte-12qhfyh{background-position:100% 0}.nav.svelte-12qhfyh{align-items:baseline;gap:var(--space-3);display:flex}.nav__link.svelte-12qhfyh{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-faint);transition:color var(--motion-fast) var(--motion-ease-out);border-bottom:1px solid #0000;padding-bottom:2px;font-size:.6875rem;font-weight:400;text-decoration:none}.nav__link.svelte-12qhfyh:hover{color:var(--color-black)}.nav__link.svelte-12qhfyh:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.nav__link--on.svelte-12qhfyh{color:var(--color-black);border-bottom-color:var(--color-black)}.head__right.svelte-12qhfyh{align-items:baseline;gap:var(--space-3);min-width:0;display:flex}.art-toggle.svelte-12qhfyh{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);padding:var(--space-1) var(--space-2);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);transition:color var(--motion-fast) var(--motion-ease-out), border-color var(--motion-fast) var(--motion-ease-out);background:0 0;align-self:center;font-family:inherit;font-size:.6875rem;font-weight:400;display:inline-flex}.art-toggle.svelte-12qhfyh:hover{border-color:var(--color-black);color:var(--color-black)}.art-toggle--on.svelte-12qhfyh{color:var(--color-white);background:var(--grad-flow);background-position:55% 0;background-size:200% 100%;border-color:#0000}.art-toggle__dot.svelte-12qhfyh{border-radius:var(--radius-pill);background:var(--grad-flow);background-size:200%;width:8px;height:8px}.art-toggle--on.svelte-12qhfyh .art-toggle__dot:where(.svelte-12qhfyh){background:var(--color-white)}.head__pitch.svelte-12qhfyh{color:var(--color-text);background:var(--color-white);border:0;border-bottom:1px solid var(--color-border);padding:var(--space-1) 0;border-radius:0;min-width:0;font-family:inherit;font-size:.8rem;font-weight:400}.head__pitch.svelte-12qhfyh:focus{border-bottom-color:var(--color-accent);outline:none}@media (width<=600px){.head.svelte-12qhfyh{padding:var(--space-3) var(--space-4);gap:var(--space-2)}.head__left.svelte-12qhfyh,.head__right.svelte-12qhfyh{flex:100%}.head__right.svelte-12qhfyh{justify-content:flex-start}.head__mark.svelte-12qhfyh{font-size:1.125rem}}.update.svelte-12qhfyh{left:50%;bottom:var(--space-6);align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-black);color:var(--color-white);z-index:10;display:flex;position:fixed;transform:translate(-50%)}.update.svelte-12qhfyh .label{color:var(--color-white)}.update__btn.svelte-12qhfyh{border:1px solid var(--color-white);color:var(--color-white);padding:var(--space-1) var(--space-3);letter-spacing:.08em;text-transform:uppercase;background:0 0;font-family:inherit;font-size:.6875rem;font-weight:400}.update__btn.svelte-12qhfyh:hover{background:var(--color-orange);border-color:var(--color-orange)}