:root{--ref-coral:#e7775d;--ref-teal:#287d80;--ref-gold:#e8b65a;--ref-ivory:#fff7e8;--ref-ink:#202a2c;--ref-paper:#f3eddf;--ref-white:#fffcf5;--ref-stone:#68665e;--ref-sand:#cfc6b5;--ref-rust:#ad432e;--ref-deep-teal:#226669;--ref-ochre:#80560f;--ref-night:#171f21;--ref-slate:#344345;--ref-mist:#b4b8ad;--ref-seafoam:#79c7c1;--ref-lilac:#795c97;--ref-lilac-light:#c6abdf;--ref-blue:#486b96;--ref-blue-light:#9dbde6;--ref-rose:#96546a;--ref-rose-light:#e7a6b8;--ref-red:#b33135;--ref-red-light:#ff9992;--bg:var(--ref-paper);--panel:var(--ref-white);--ink:var(--ref-ink);--muted:var(--ref-stone);--line:var(--ref-sand);--accent:var(--ref-rust);--accent-ink:var(--ref-white);--secondary:var(--ref-deep-teal);--audio:var(--accent);--control:var(--secondary);--gate:var(--ref-ochre);--k1:var(--ref-rust);--k2:var(--ref-ochre);--k3:var(--ref-deep-teal);--k4:#7d7058;--k5:var(--ref-lilac);--k6:var(--ref-blue);--voice1:var(--k1);--voice2:var(--k2);--voice3:var(--k3);--voice4:var(--k4);--voice5:var(--k5);--voice6:var(--k6);--voice7:var(--ref-rose);--voice8:var(--ref-blue);--danger:var(--ref-red);--warning:var(--gate);--arm:var(--ref-red);--btn-yellow:color-mix(in oklab, var(--ref-ochre) 70%, var(--ref-stone));--piano-h:160px;--key-white:var(--ref-white);--key-black:var(--ref-ink);--key-edge:var(--ref-sand);--key-white-mapped:color-mix(in oklab, var(--ref-deep-teal) 12%, var(--ref-white));--key-black-mapped:var(--ref-slate);--key-white-letter:var(--ref-deep-teal);--key-black-letter:var(--ref-seafoam);--key-held:var(--accent);--key-held-ink:var(--accent-ink);--key-name:var(--ref-stone);--shadow:color-mix(in srgb, var(--ref-ink) 16%, transparent);--backdrop:color-mix(in srgb, var(--ref-night) 45%, transparent);--surface-tint:color-mix(in oklab, var(--secondary) 5%, var(--panel));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--ref-night);--panel:var(--ref-ink);--ink:var(--ref-ivory);--muted:var(--ref-mist);--line:var(--ref-slate);--accent:var(--ref-coral);--accent-ink:var(--ref-night);--secondary:var(--ref-seafoam);--gate:var(--ref-gold);--danger:var(--ref-red-light);--arm:var(--ref-red-light);--btn-yellow:color-mix(in oklab, var(--ref-gold) 62%, var(--ref-mist));--k1:var(--ref-coral);--k2:var(--ref-gold);--k3:var(--ref-seafoam);--k4:var(--ref-sand);--k5:var(--ref-lilac-light);--k6:var(--ref-blue-light);--voice1:var(--k1);--voice2:var(--k2);--voice3:var(--k3);--voice4:var(--k4);--voice5:var(--k5);--voice6:var(--k6);--voice7:var(--ref-rose-light);--voice8:var(--ref-blue-light);--key-white:color-mix(in oklab, var(--ref-ivory) 86%, var(--ref-night));--key-black:var(--ref-night);--key-edge:var(--ref-night);--key-white-mapped:color-mix(in oklab, var(--ref-seafoam) 30%, var(--key-white));--key-black-mapped:color-mix(in oklab, var(--ref-seafoam) 22%, var(--ref-night));--key-white-letter:var(--ref-deep-teal);--key-black-letter:var(--ref-seafoam);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--ref-night);--panel:var(--ref-ink);--ink:var(--ref-ivory);--muted:var(--ref-mist);--line:var(--ref-slate);--accent:var(--ref-coral);--accent-ink:var(--ref-night);--secondary:var(--ref-seafoam);--gate:var(--ref-gold);--danger:var(--ref-red-light);--arm:var(--ref-red-light);--btn-yellow:color-mix(in oklab, var(--ref-gold) 62%, var(--ref-mist));--k1:var(--ref-coral);--k2:var(--ref-gold);--k3:var(--ref-seafoam);--k4:var(--ref-sand);--k5:var(--ref-lilac-light);--k6:var(--ref-blue-light);--voice1:var(--k1);--voice2:var(--k2);--voice3:var(--k3);--voice4:var(--k4);--voice5:var(--k5);--voice6:var(--k6);--voice7:var(--ref-rose-light);--voice8:var(--ref-blue-light);--key-white:color-mix(in oklab, var(--ref-ivory) 86%, var(--ref-night));--key-black:var(--ref-night);--key-edge:var(--ref-night);--key-white-mapped:color-mix(in oklab, var(--ref-seafoam) 30%, var(--key-white));--key-black-mapped:color-mix(in oklab, var(--ref-seafoam) 22%, var(--ref-night));--key-white-letter:var(--ref-deep-teal);--key-black-letter:var(--ref-seafoam);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.logo{aspect-ratio:1;min-width:0;display:block;position:relative}.logo i{position:absolute;inset:0;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.logo .l-coral{background:var(--accent);-webkit-mask-image:url(../brand/layers/coral.png);mask-image:url(../brand/layers/coral.png)}.logo .l-gold{background:var(--btn-yellow);-webkit-mask-image:url(../brand/layers/gold.png);mask-image:url(../brand/layers/gold.png)}.logo .l-shade{background:color-mix(in oklab, var(--btn-yellow) 78%, #000);-webkit-mask-image:url(../brand/layers/shade.png);mask-image:url(../brand/layers/shade.png)}.logo .l-teal{background:var(--secondary);-webkit-mask-image:url(../brand/layers/teal.png);mask-image:url(../brand/layers/teal.png)}.logo .l-rim{background:var(--ref-sand);-webkit-mask-image:url(../brand/layers/rim.png);mask-image:url(../brand/layers/rim.png)}.logo .l-cream{background:var(--ref-ivory);-webkit-mask-image:url(../brand/layers/cream.png);mask-image:url(../brand/layers/cream.png)}.logo .l-ink{background:var(--ref-ink);-webkit-mask-image:url(../brand/layers/ink.png);mask-image:url(../brand/layers/ink.png)}svg.brand-mark .ink{fill:var(--ink)}svg.brand-mark .accent{fill:var(--secondary)}@font-face{font-family:Barlow Condensed;src:url(../fonts/BarlowCondensed-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}*{box-sizing:border-box}html{scroll-padding-top:16px}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.55 system-ui,sans-serif}a{color:var(--secondary);text-decoration:none}a:hover{text-decoration:underline}.cl-head{justify-content:space-between;align-items:center;gap:16px;max-width:820px;margin:0 auto;padding:18px 16px 0;display:flex}.cl-brand{align-items:center;gap:12px;min-width:0;display:flex}.cl-brand:hover{text-decoration:none}.cl-brand .logo{flex:none;width:44px}.cl-brand .brand-mark{width:auto;height:28px;display:block}.cl-open{border:1px solid var(--line);background:var(--panel);color:var(--ink);text-transform:uppercase;letter-spacing:.07em;border-radius:6px;flex:none;padding:6px 12px;font:600 12px/1.2 Barlow Condensed,system-ui,sans-serif}.cl-open:hover{border-color:var(--secondary);text-decoration:none}.cl-main{max-width:820px;margin:0 auto;padding:8px 16px 64px}.cl-main h1{letter-spacing:.01em;margin:22px 0 6px;font:600 30px/1.1 Barlow Condensed,system-ui,sans-serif}.cl-intro{color:var(--muted);margin:0 0 14px}.cl-toc{flex-wrap:wrap;gap:6px;margin-bottom:22px;display:flex}.cl-toc a{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:999px;padding:2px 9px;font-size:13px}.cl-toc a:hover{border-color:var(--secondary);text-decoration:none}.cl-release{border:1px solid var(--line);background:var(--panel);border-radius:10px;margin-bottom:18px;padding:16px 20px 6px}.cl-release:target{border-color:var(--secondary);box-shadow:0 0 0 1px var(--secondary)}.cl-rhead{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding-bottom:8px;display:flex}.cl-rhead h2{margin:0;font:600 24px/1.1 Barlow Condensed,system-ui,sans-serif}.cl-rhead h2 a{color:var(--ink)}.cl-rhead time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.cl-copy{border:1px solid var(--line);color:var(--secondary);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;background:0 0;border-radius:5px;margin-left:auto;padding:3px 9px;font:600 11px/1.2 Barlow Condensed,system-ui,sans-serif}.cl-copy:hover{border-color:var(--secondary)}.cl-body{overflow-wrap:anywhere}.cl-body h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin:22px 0 6px;font:600 15px/1.2 Barlow Condensed,system-ui,sans-serif}.cl-body h3 .cl-anchor{color:inherit}.cl-body h3 .cl-anchor:hover{color:var(--secondary);text-decoration:none}.cl-body h3 .cl-anchor:hover:after{content:" #"}.cl-body h3:target{color:var(--secondary)}.cl-table{max-width:100%;margin:10px 0;overflow-x:auto}.cl-body table{border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:14px}.cl-body th,.cl-body td{overflow-wrap:normal;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:4px 12px 4px 0}.cl-body th{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font:600 12px/1.2 Barlow Condensed,system-ui,sans-serif}.cl-body tr:last-child td{border-bottom:0}.cl-body ul,.cl-body ol{margin:10px 0;padding-left:20px}.cl-body li{margin:6px 0}.cl-body li::marker{color:var(--accent)}.cl-body p{margin:10px 0}.cl-body strong{font-weight:650}.cl-body code{background:color-mix(in srgb, var(--ink) 7%, var(--panel));border-radius:4px;padding:0 4px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.cl-body pre{background:color-mix(in srgb, var(--ink) 7%, var(--panel));border-radius:6px;padding:10px;overflow-x:auto}.cl-body pre code{background:0 0;padding:0}@media (max-width:520px){.cl-release{padding:12px 14px 4px}.cl-brand .brand-mark{height:22px}}