:root{--orange: #F25E0D;--teal: #0DF2C9;--teal-light: #00967F;--purple: #7B41B9;--black: #000000;--white: #FFFFFF;--bg: #F4F3F0;--surface: #ECEAE5;--surface-2: #E4E2DC;--surface-3: #D8D5CE;--border: #D8D5CE;--border-strong: #B8B5AE;--muted: #888880;--muted-2: #ADABA5;--text: #1A1917;--code-bg: #111C1A;--code-inline-bg: #182926;--code-border: #2F524B;--code-text: #E5EFED;--code-muted: #7A9E98;--owner-kevin: var(--orange);--owner-chris: #22AA99;--owner-shared: var(--muted);--ring: #00967F;--ring-offset: #F4F3F0;--error: #C0392B;--error-surface: #FDF0EE;--error-border: #E07060;--success: #22AA99;--success-surface: #EEF8F6;--success-border: #22AA99;--warning: #F25E0D;--warning-surface: #FEF3EB;--nav-bg: rgb(244 243 240 / .92);--font-sans: "Inter LoSnoCo", ui-sans-serif, system-ui, sans-serif;--font-mono: "Iosevka LoSnoCo", "Iosevka LoSnoCo Web", ui-monospace, "SF Mono", Menlo, monospace;--font-mono-nolig: "Iosevka LoSnoCo NoLig", "Iosevka LoSnoCo NoLig Web", ui-monospace, "SF Mono", Menlo, monospace;--font-mono-qp: "Iosevka LoSnoCo NoLig QP", "Iosevka LoSnoCo NoLig QP Web", ui-monospace, "SF Mono", Menlo, monospace;--text-display: 2.8125rem;--text-heading: 1.625rem;--text-subheading: 1.0625rem;--text-body: .9375rem;--text-technical: .8375rem;--text-label: .6875rem;--text-caption: .6875rem;--lh-display: 1;--lh-heading: 1.25;--lh-subheading: 1.4;--lh-body: 1.7;--lh-technical: 1.6;--lh-label: 1.4;--lh-caption: 1.5;--tracking-display: -.03em;--tracking-heading: -.02em;--tracking-subheading: -.01em;--tracking-label: .2em;--tracking-caption: .08em;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--radius-container: 10px;--radius-card: 8px;--radius-btn: 6px;--radius-input: 6px;--radius-control: 4px;--radius-note: 6px;--radius-code: 3px;--radius-tag: 99px;--content-width: 820px;--dur-fast: .1s;--dur-quick: .16s;--dur-medium: .24s;--dur-slow: .42s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, .1, .2, 1);--ease-linear: linear}@media(prefers-color-scheme:dark){:root{--bg: #111C1A;--surface: #182926;--surface-2: #1E332F;--surface-3: #243D38;--border: #243D38;--border-strong: #2F524B;--muted: #7A9E98;--muted-2: #567873;--text: #E5EFED;--teal-light: #0DF2C9;--ring: #0DF2C9;--ring-offset: #111C1A;--owner-chris: #0DF2C9;--success: #2ED9B8;--success-surface:#14302B;--nav-bg: rgb(17 28 26 / .92)}}:root[data-theme=light]{color-scheme:light;--bg: #F4F3F0;--surface: #ECEAE5;--border: #D8D5CE;--muted: #888880;--text: #1A1917;--teal-light: #00967F;--ring: #00967F;--ring-offset: #F4F3F0;--owner-chris: #22AA99;--nav-bg: rgb(244 243 240 / .92)}:root[data-theme=dark]{color-scheme:dark;--bg: #111C1A;--surface: #182926;--border: #243D38;--muted: #7A9E98;--text: #E5EFED;--teal-light: #0DF2C9;--ring: #0DF2C9;--ring-offset: #111C1A;--owner-chris: #0DF2C9;--nav-bg: rgb(17 28 26 / .92)}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:var(--lh-body)}body{margin:0;font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--lh-body)}h1,.h1,.display{font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:var(--tracking-display);font-weight:800;color:var(--text);margin:0 0 var(--space-md)}h2,.h2,.heading{font-size:var(--text-heading);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);font-weight:700;color:var(--text);margin:0 0 var(--space-sm)}h3,.h3,.subheading{font-size:var(--text-subheading);line-height:var(--lh-subheading);letter-spacing:var(--tracking-subheading);font-weight:600;color:var(--text);margin:0 0 var(--space-sm)}p,.body{font-size:var(--text-body);line-height:var(--lh-body);margin:0 0 var(--space-md);text-wrap:pretty}small,.caption{font-size:var(--text-caption);line-height:var(--lh-caption);letter-spacing:var(--tracking-caption);color:var(--muted)}.label,.sec-label{font-size:var(--text-label);line-height:var(--lh-label);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;color:var(--orange);display:block;margin-bottom:.75rem}.technical,.hostname,.meta,.path{font-family:var(--font-mono-qp);font-size:var(--text-technical);line-height:var(--lh-technical);font-variant-numeric:tabular-nums}code,kbd{font-family:var(--font-mono-nolig);font-size:.85em;font-variant-numeric:tabular-nums;background:var(--code-inline-bg, #182926);color:var(--code-text, #E5EFED);padding:.1em .4em;border-radius:var(--radius-code)}pre{font-family:var(--font-mono);font-size:var(--text-technical);line-height:var(--lh-technical);background:var(--code-bg, #111C1A);border:2px solid var(--code-border, #2F524B);border-radius:var(--radius-card);padding:var(--space-md);overflow-x:auto;color:var(--code-text, #E5EFED)}pre code{background:none;color:inherit;padding:0;border-radius:0;font-size:inherit}a{color:var(--teal-light);text-decoration:none;transition:color .12s ease}a:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}hr{border:0;border-top:1px solid var(--border);margin:var(--space-lg) 0}::selection{background:var(--teal-light);color:var(--white)}a{transition:color var(--dur-quick) var(--ease-out),text-decoration-color var(--dur-quick) var(--ease-out)}h2,.heading{position:relative}h2:after,.heading:after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;max-width:2.5em;background:var(--border-strong);transform-origin:left center;transform:scaleX(0);transition:transform var(--dur-slow) var(--ease-out)}h2:not(.heading-rule):after,.heading:not(.heading-rule):after{display:none}.heading-rule:after{transform:scaleX(1)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;transition:outline-color var(--dur-fast) var(--ease-out)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0}button,.btn,[role=button]{transition:background-color var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}button:active,.btn:active,[role=button]:active{transform:translateY(1px)}input,textarea,select{transition:background-color var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.tag{transition:background-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.card{transition:background-color var(--dur-medium) var(--ease-out),border-color var(--dur-medium) var(--ease-out),box-shadow var(--dur-medium) var(--ease-out),transform var(--dur-medium) var(--ease-out)}.card:hover{border-color:var(--border-strong);box-shadow:0 1px #00000008,0 4px 12px #0000000a;transform:translateY(-1px)}@keyframes losnoco-fade-in{0%{opacity:0}to{opacity:1}}@keyframes losnoco-rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes losnoco-reveal-in{0%{opacity:0;transform:translateY(6px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes losnoco-scale-in{0%{opacity:0;transform:scale(.92);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}.enter-fade{animation:losnoco-fade-in var(--dur-medium) var(--ease-out) both}.enter-rise{animation:losnoco-rise-in var(--dur-slow) var(--ease-out) both}.enter-reveal{animation:losnoco-reveal-in var(--dur-slow) var(--ease-out) both}.enter-stagger>*{animation:losnoco-rise-in var(--dur-slow) var(--ease-out) both}.enter-stagger>:nth-child(1){animation-delay:0ms}.enter-stagger>:nth-child(2){animation-delay:40ms}.enter-stagger>:nth-child(3){animation-delay:80ms}.enter-stagger>:nth-child(4){animation-delay:.12s}.enter-stagger>:nth-child(5){animation-delay:.16s}.enter-stagger>:nth-child(6){animation-delay:.2s}.enter-stagger>:nth-child(7){animation-delay:.24s}.enter-stagger>:nth-child(8){animation-delay:.28s}.enter-stagger>:nth-child(9){animation-delay:.32s}.enter-stagger>:nth-child(10){animation-delay:.36s}.enter-stagger>:nth-child(11){animation-delay:.4s}.enter-stagger>:nth-child(12){animation-delay:.44s}[popover],dialog{opacity:0;transform:scale(.94);filter:blur(6px);transition:opacity var(--dur-medium) var(--ease-out),transform var(--dur-medium) var(--ease-out),filter var(--dur-medium) var(--ease-out),overlay var(--dur-medium) allow-discrete,display var(--dur-medium) allow-discrete}[popover]:popover-open,dialog[open]{opacity:1;transform:scale(1);filter:blur(0)}@starting-style{[popover]:popover-open,dialog[open]{opacity:0;transform:scale(.94);filter:blur(6px)}}details>summary{cursor:pointer;list-style:none;position:relative;padding-left:1.25rem;transition:color var(--dur-quick) var(--ease-out)}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";position:absolute;left:0;top:.45em;width:8px;height:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='none' stroke='%23888880' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' d='M2.5 1.5L5.5 4 2.5 6.5'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--dur-quick) var(--ease-out)}details[open]>summary:before{transform:rotate(90deg)}details[open]>:not(summary){animation:losnoco-rise-in var(--dur-medium) var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}.enter-fade,.enter-rise,.enter-reveal,.enter-stagger>*{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}:root{color-scheme:light dark;--key-white: #FAF9F7;--key-white-ink: #8A8781;--key-black: #16211F;--key-width: 34px;--key-height: 128px;--key-height-black: 80px;--pad-width: 112px;--error-ink: var(--error);--warning-ink: var(--warning)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--error-surface: color-mix(in srgb, var(--error) 20%, var(--surface));--warning-surface: color-mix(in srgb, var(--warning) 20%, var(--surface));--error-border: color-mix(in srgb, var(--error) 45%, var(--surface));--error-ink: color-mix(in srgb, var(--error) 55%, var(--text));--warning-ink: color-mix(in srgb, var(--warning) 75%, var(--text))}}:root[data-theme=dark]{--error-surface: color-mix(in srgb, var(--error) 20%, var(--surface));--warning-surface: color-mix(in srgb, var(--warning) 20%, var(--surface));--error-border: color-mix(in srgb, var(--error) 45%, var(--surface));--error-ink: color-mix(in srgb, var(--error) 55%, var(--text));--warning-ink: color-mix(in srgb, var(--warning) 75%, var(--text))}body{margin:0;padding:var(--space-xl) var(--space-md) var(--space-2xl)}header,main,footer,.nav{max-width:min(100%,1600px);margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md)}header .sec-label{margin-bottom:var(--space-xs)}.lede{font-size:var(--text-subheading);line-height:var(--lh-subheading);color:var(--muted);max-width:40rem;margin:0 0 var(--space-lg)}.lede code{font-size:.8em}.nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1.75rem;margin:0 auto;padding:.6rem 0;background:var(--nav-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav a{font-family:var(--font-sans);font-size:var(--text-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color var(--dur-quick) var(--ease-out)}.nav a:hover,.nav a[aria-current]{color:var(--text)}.theme-toggle{display:inline-flex;flex:none;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-btn);overflow:hidden}.theme-toggle button{margin:0;padding:.35rem .55rem;border:0;border-radius:0;background:var(--surface);color:var(--muted);font-family:var(--font-sans);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;line-height:var(--lh-label);cursor:pointer}.theme-toggle button:hover{background:var(--surface-2);color:var(--text)}.theme-toggle button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.theme-toggle button:focus-visible{outline-offset:-2px}.theme-toggle button:active{transform:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-container);padding:var(--space-md) var(--space-lg) var(--space-lg);margin:var(--space-md) 0}.panel>h2{font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-label);line-height:var(--lh-label);text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-md)}.panel>h2>.mode-badge{display:inline-block;margin-left:var(--space-sm);padding:0 var(--space-xs);border:1px solid var(--purple);border-radius:var(--radius-btn);color:var(--purple);letter-spacing:var(--tracking-label);vertical-align:baseline}.row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm) var(--space-md);margin:var(--space-sm) 0}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.45rem .85rem;border:1px solid transparent;border-radius:var(--radius-btn);font-family:var(--font-sans);font-size:var(--text-body);font-weight:600;line-height:1.2;cursor:pointer}.btn-primary{background:var(--orange);border-color:var(--orange);color:var(--white)}.btn-primary:hover:not(:disabled){filter:brightness(.92)}.btn-secondary{background:var(--bg);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn:disabled{opacity:.4;cursor:default}.btn-tiny{padding:.15rem .4rem;font-size:var(--text-label);font-weight:700;letter-spacing:.05em}.btn-tiny[aria-pressed=true],.btn-tiny[aria-pressed=true]:hover:not(:disabled){background:var(--purple);border-color:var(--purple);color:var(--white)}.btn-tiny[aria-pressed=true]:hover:not(:disabled){filter:brightness(.92)}label{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--muted);font-size:var(--text-body)}select,input[type=file],input[type=search],input[type=range]{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-input);padding:.3rem .4rem;font:inherit;font-family:var(--font-sans)}select:hover,input[type=file]:hover,input[type=search]:hover{border-color:var(--border-strong)}input[type=range]{padding:0;border:0;background:none;accent-color:var(--ring)}input[type=checkbox]{accent-color:var(--ring);width:1rem;height:1rem}input[type=file]::file-selector-button{margin-right:var(--space-sm);padding:.35rem .75rem;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-body);font-weight:600;cursor:pointer;transition:background-color var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}input[type=file]::file-selector-button:hover{background:var(--surface-2);border-color:var(--border-strong)}input[type=file].file-primary::file-selector-button{background:var(--orange);border-color:var(--orange);color:var(--white)}input[type=file].file-primary::file-selector-button:hover{background:var(--orange);border-color:var(--orange);filter:brightness(.92)}.tag{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:var(--radius-tag);font-family:var(--font-mono-qp);font-size:var(--text-caption);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.5;white-space:nowrap}.tag-muted{background:var(--surface-2);color:var(--muted)}.tag-success{background:var(--success-surface);color:var(--success)}.tag-warn{background:var(--warning-surface);color:var(--warning-ink)}.tag-error{background:var(--error-surface);color:var(--error-ink)}.hash{word-break:break-all;font-size:var(--text-caption)}.clock{font-size:var(--text-body);color:var(--text)}.identity{display:grid;grid-template-columns:7rem 1fr;gap:var(--space-xs) var(--space-md);margin:0 0 var(--space-md)}.identity dt{color:var(--muted);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;line-height:var(--lh-technical)}.identity dd{margin:0}.note{color:var(--muted);font-size:var(--text-technical)}p.note{line-height:var(--lh-technical)}.error{color:var(--error-ink)}.scrub{width:100%;margin:var(--space-sm) 0}.readouts{gap:var(--space-sm)}.strips{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;container-type:inline-size}.strip{display:grid;grid-template-columns:7.5rem minmax(6rem,12rem) auto minmax(0,1fr);align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--surface)}.strip.silent{opacity:.45}.strip.unused .sounding,.strip.unused .label{opacity:.5}.strip .label{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono-qp);font-size:var(--text-caption);font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.strip .voices{min-width:1.15rem;padding:0 .3rem;border-radius:var(--radius-tag);background:var(--purple);color:var(--white);font-size:var(--text-caption);line-height:var(--lh-caption);text-align:center}.strip .voices.quiet{visibility:hidden}.strip .sounding{font-size:var(--text-caption);line-height:var(--lh-caption);color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.strip .buttons{display:flex;gap:var(--space-xs)}.strip .faders{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-sm)}.fader{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:var(--space-xs);font-size:var(--text-caption)}.fader input[type=range]{width:100%;height:.9rem}@container (max-width: 52rem){.strip{grid-template-columns:7.5rem minmax(0,1fr) auto;row-gap:var(--space-xs)}.strip .faders{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width: 26rem){.strip .faders{grid-template-columns:minmax(0,1fr)}}.hits,.kits{display:grid;gap:1px;margin:var(--space-sm) 0;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.pads{display:grid;grid-template-columns:repeat(auto-fill,var(--pad-width));gap:1px;margin:var(--space-sm) 0;padding:1px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.hits{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.miller{display:grid;grid-template-columns:minmax(8rem,.8fr) minmax(11rem,1.4fr) minmax(9rem,1fr);gap:1px;height:22rem;margin:var(--space-sm) 0;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}@media(max-width:640px){.miller{grid-template-columns:1fr;height:auto}.miller>.column{max-height:14rem}}.column{display:flex;flex-direction:column;min-height:0;overflow-y:auto;background:var(--surface)}.column-head{position:sticky;top:0;z-index:1;padding:.35rem var(--space-sm);background:var(--surface-2);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-label);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase}.group{position:sticky;top:1.75rem;padding:.25rem var(--space-sm);background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:var(--text-caption);font-weight:700;letter-spacing:var(--tracking-caption)}.column>.group:first-of-type{border-top:0}.item{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);flex:none;margin:0;padding:.25rem var(--space-sm);border:0;border-radius:0;background:transparent;color:var(--text);font-family:var(--font-sans);font-size:var(--text-caption);text-align:left;cursor:pointer}.item:hover{background:var(--surface-2)}.item.on,.item.on:hover{background:var(--purple);color:var(--white)}.item .technical{color:var(--muted);flex:none}.item.on .technical{color:var(--white)}.item .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item:focus-visible{outline-offset:-2px}.column-note{margin:0;padding:var(--space-sm)}.kits{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.pad{box-shadow:0 0 0 1px var(--border)}.pad>*{pointer-events:none}.hit,.kit,.pad{display:flex;align-items:baseline;gap:var(--space-xs);margin:0;padding:.3rem var(--space-sm);border:0;border-radius:0;background:var(--surface);color:var(--text);font-family:var(--font-sans);font-size:var(--text-caption);text-align:left;cursor:pointer}.kit{justify-content:space-between}.hit:hover,.kit:hover,.pad:hover{background:var(--surface-2)}.hit:focus-visible,.kit:focus-visible,.pad:focus-visible{outline-offset:-2px}.hit.on,.kit.on,.hit.on:hover,.kit.on:hover{background:var(--purple);color:var(--white)}.hit .technical,.kit .technical,.pad .technical{color:var(--muted);flex:none}.kit .count{color:var(--muted);font-family:var(--font-mono-qp);font-variant-numeric:tabular-nums;flex:none}.hit.on .technical,.kit.on .technical,.kit.on .count{color:var(--white)}.hit .name,.kit .name,.pad .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pad{flex-direction:column;align-items:flex-start;gap:0}progress{width:12rem;accent-color:var(--ring)}.keyboard{position:relative;height:var(--key-height);margin-top:var(--space-md);user-select:none;touch-action:none}.key{position:absolute;top:0;padding:0;border-radius:0 0 var(--radius-code) var(--radius-code);cursor:pointer}.key:active{transform:none}.key.white{width:var(--key-width);height:var(--key-height);background:var(--key-white);border:1px solid var(--border-strong);color:var(--key-white-ink);font-family:var(--font-mono-qp);font-size:var(--text-caption);display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-xs);z-index:1}.key.black{width:calc(var(--key-width) * .6);height:var(--key-height-black);background:var(--key-black);border:1px solid var(--key-black);z-index:2}.key.down,.key.white.down,.key.black.down{background:var(--teal-light);border-color:var(--teal-light)}footer{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-technical)}footer p{max-width:44rem;font-size:var(--text-technical);line-height:var(--lh-technical)}.colophon{margin-bottom:0}.booting{max-width:26rem;margin:6rem auto;padding:0 var(--space-md);text-align:center;color:var(--muted)}.booting h1{font-size:var(--text-heading);letter-spacing:var(--tracking-heading);color:var(--text);margin-bottom:var(--space-lg)}.boot-bar{height:3px;background:var(--border);border-radius:2px;overflow:hidden;margin:var(--space-sm) 0 var(--space-xs)}.boot-bar>div{width:0;height:100%;background:var(--teal-light);transition:width var(--dur-medium) var(--ease-linear)}.boot-bar.indeterminate>div{width:30%;transition:none;animation:boot-sweep 1.1s var(--ease-in-out) infinite}@keyframes boot-sweep{0%{margin-left:-30%}to{margin-left:100%}}.boot-detail{font-family:var(--font-mono-qp);font-size:var(--text-technical);font-variant-numeric:tabular-nums;min-height:1.2em;margin:0}#blazor-error-ui{display:none;position:fixed;bottom:0;left:0;right:0;padding:var(--space-sm) var(--space-md);background:var(--error-surface);color:var(--error-ink);border-top:1px solid var(--error-border);font-size:var(--text-technical);z-index:1000}#blazor-error-ui a{color:var(--error-ink);text-decoration:underline;text-underline-offset:2px}#blazor-error-ui .dismiss{display:inline-flex;align-items:center;cursor:pointer;float:right}.gain{display:flex;align-items:center;gap:var(--space-sm)}.gain input[type=range]{width:12rem;max-width:100%;accent-color:var(--accent)}.gain-readout{font-family:var(--font-mono);font-size:var(--text-label);font-variant-numeric:tabular-nums;color:var(--muted);min-width:3.5ch}