@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-latin-wght-normal.BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/math/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-ui:"Geist Variable", ui-sans-serif, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", sans-serif;--font-mono:"Geist Mono Variable", ui-monospace, Menlo, "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", monospace;--font-serif:var(--font-ui);--u:1px;--g:1px;--key-off:.4;--fs-2xs:calc(11 * var(--u));--fs-xs:calc(12 * var(--u));--fs-s:calc(12.5 * var(--u));--fs-m:calc(14 * var(--u));--fs-l:calc(16 * var(--u));--fs-xl:calc(20 * var(--u));--fs-2xl:calc(28 * var(--u));--fs-num:calc(56 * var(--u));--radius-s:6px;--radius-m:10px;--radius-l:16px;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-press:.1s;--dur-state:.2s;--dur-travel:.28s;--ease-press:cubic-bezier(.55, 0, .9, .45);--ease-spring:cubic-bezier(.3, 1.5, .55, 1);--ease-travel:cubic-bezier(.55, 0, .25, 1);--track:.18em;--mix-light:#fff;--mask-ink:#000;--noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--fp-porcelain-0:#f4f6f9;--fp-porcelain-1:#cfdaeb;--fp-porcelain-2:#7f9bd0;--fp-porcelain-3:#2b4fa3;--fp-porcelain-4:#0d2260;--fp-ember-0:#000004;--fp-ember-1:#57106e;--fp-ember-2:#bc3754;--fp-ember-3:#f98e09;--fp-ember-4:#fcffa4;--fp-pelt-0:#f2e2bf;--fp-pelt-1:#dcb879;--fp-pelt-2:#a8743c;--fp-pelt-3:#5e3a1d;--fp-pelt-4:#24150b;--fp-signal-glow-0:#03070b;--fp-signal-glow-1:#062a3a;--fp-signal-glow-2:#0b7a96;--fp-signal-glow-3:#5ce1ff;--fp-signal-glow-4:#f0fdff;--fp-aurora-0:#02050b;--fp-aurora-1:#0c2e66;--fp-aurora-2:#0a8fa8;--fp-aurora-3:#45e6a2;--fp-aurora-4:#f3ffe9;--fp-gilt-0:#040302;--fp-gilt-1:#3d2406;--fp-gilt-2:#a8660e;--fp-gilt-3:#f4bd55;--fp-gilt-4:#fff7e2;--fp-neon-0:#05020b;--fp-neon-1:#3b0d63;--fp-neon-2:#b51ca2;--fp-neon-3:#ff77ad;--fp-neon-4:#fff1f5;--fp-viridis-0:#440154;--fp-viridis-1:#3b528b;--fp-viridis-2:#21918c;--fp-viridis-3:#5ec962;--fp-viridis-4:#fde725;--fp-cividis-0:#00224e;--fp-cividis-1:#414d6b;--fp-cividis-2:#7c7b78;--fp-cividis-3:#bcaf6f;--fp-cividis-4:#fee838;--on-dark-text:#eef5fb;--on-dark-text-2:#e6f1fabd;--on-dark-halo:#0205098c;--on-light-text:#0e1a24;--on-light-text-2:#0e1a24b8;--on-light-halo:#fafbfc99}:root,:root[data-theme=dark],.pic-tone[data-tone=dark]{color-scheme:dark;--bg:#05080c;--bg-glow:radial-gradient(1200px 760px at 36% 28%, #0b141e, transparent 72%);--surface:#aad7ff08;--surface-strong:#0a1118;--plot-annotation-bg:color-mix(in srgb, var(--surface-strong) 88%, var(--text));--surface-hover:#aad7ff12;--line:#aad7ff21;--line-strong:#aad7ff4d;--text:#e6f1fa;--text-2:#8b9cac;--text-3:#8091a2;--accent:#5ce1ff;--accent-ink:var(--accent);--shadow:0 24px 60px #00000080;--plot-bg:#070c12;--plot-fill:transparent;--grid-minor:#aad7ff0d;--grid-major:#aad7ff33;--axis:#aad7ff5c;--tick:#74879a;--frame:#aad7ff61;--frame-hi:#c8e6ff9e;--win-glint:#c8e6ff42;--win-sheen:#aad7ff09;--curve:#ecf4fceb;--c-a:#5c86ff;--c-h:#ff4a3d;--c-dy:#ffdc48;--c-slope:#ffdc48;--c-exact:#5c86ff;--c-dy-text:var(--c-dy);--c-slope-text:var(--c-slope);--engrave:#a94038;--engrave-name:#9fb0bf;--engrave-sh:0 -1px 0 #000000bf, 0 1px 0 #ffffff0d;--c-muted-region:#aad7ff0d;--glow:1;--point-shadow:transparent;--accent-grad:linear-gradient(180deg, #5ce1ff1a, #5ce1ff05);--disp-bg:#04070b;--disp-line:#aad7ff1f;--disp-hi:#ffffff0a;--lcd-bg:color-mix(in srgb, var(--disp-bg) 80%, var(--pl-lab));--lcd-off:color-mix(in srgb, var(--disp-bg) 94%, var(--pl-lab));--lcd-led:color-mix(in srgb, var(--pl-lab) 9%, transparent);--lcd-lift:transparent;--lcd-px:#00000012;--lcd-grain:none;--lcd-wall:#0006;--lcd-rule:color-mix(in srgb, var(--pl-lab) 17%, transparent);--lcd-band:color-mix(in srgb, var(--pl-lab) 15%, transparent);--lcd-ink:#fff;--lcd-ink-k:88%;--lcd-ink-shadow:none;--pl-bg:#070b10;--pl-lab:#8496a8;--pl-tx:#e6f1fa;--pl-tray:#020407;--pl-tsh:#000000d9;--pl-tlip:#aad7ff0f;--is-lip:#aad7ff29;--is-lit:#aad7ff1f;--pl-c1:#222a33;--pl-c2:#151a21;--pl-hi:#bee1ff1c;--pl-lo:#00000080;--pl-edge:#000000d9;--pl-drop:#000000b3;--pl-drop2:#0009;--pl-led:#26303a;--pl-rib-hi:#bee1ff12;--pl-rib-lo:#00000059;--pl-dish-t:#00000059;--pl-dish-b:#bee1ff0d;--pl-spun:#bee1ff05;--pl-an:#bee1ff0b;--pl-eng:#8597a8;--pl-eng-sh:0 -1px 0 #000000a6;--pl-gtint:#a0cdf50d;--pl-ge1:#c8e6ff3d;--pl-ge2:#c8e6ff12;--pl-knurl-lo:#0009;--pl-knurl-hi:#e6f1fa29;--zr-lit-top:#bee1ff1c;--zr-lit-bot:#00000052;--zr-breath:color-mix(in srgb, var(--accent) 28%, var(--pl-tray));--zr-breath-glow:color-mix(in srgb, var(--accent) 12%, transparent);--zr-side:color-mix(in srgb, var(--pl-c2) 70%, #000);--plk-core:100%;--plk-halo:40%;--plk-spill:22%;--plk-sheen:color-mix(in srgb, var(--mix-light) 16%, transparent);--plk-contact:var(--pl-tsh);--pl-ge3:#00000073;--pl-sh1:#c8e6ff1c;--pl-sh2:#c8e6ff05;--pl-gv:#0000008c;--pl-hsh:#0009;--pl-led-in:#00000059;--sw-track:#0b1118;--sw-track-on:#5ce1ff8c;--sw-ring:#aad7ff38;--sw-cap-1:#b4c2cf;--sw-cap-2:#7d8c9a;--cap-1:#c22a24;--cap-2:#7e1512;--cap-ink:#ffe9e6;--cap-side:#4f0c0a;--cap-edge:#0009;--cap-hi:#ffaaa059;--cap-lo:#00000059;--pn-rim:linear-gradient(155deg, #ffffff30, #ffffff12 28%, #ffffff06 60%, #ffffff14);--pn-rim2:linear-gradient(155deg, #ffffff0d, transparent 40%);--pn-face:var(--noise), linear-gradient(115deg, transparent 56%, #ffffff08 63%, transparent 71%) top / 100% 45% no-repeat, radial-gradient(130% 55% at 12% 0%, #ffffff09, transparent 65%), linear-gradient(180deg, #c8e1ff0d, #c8e1ff05);--pn-shadow:inset 0 -14px 26px -20px #78aae614, inset 0 -1px 0 #00000059, 0 1px 2px #00000073, 0 34px 70px -34px #000000bf;--pn-under:color-mix(in srgb, var(--bg) 62%, transparent);--lg-tint:#0a0e1485;--lg-solid:#141a22;--lg-shadow:inset 0 -8px 14px -10px #00000080, 0 1px 3px #00000040, 0 14px 30px -14px #0009;--lg-ink:#e8f0facc;--lg-ink-2:#e8f0fa8c;--lg-ink-shadow:0 0 1px #ffffff73, 0 1px 1.5px #00000059;--lg-ink-drop:0 1px 1.5px #00000059;--sf-body:.16;--sf-lit:#6a7887;--sf-shade:#0b1016;--sf-rim:#b8d4f0;--sf-spec:#dcecff;--sf-ink:#e6f1fa;--sf-floor:#a9c6e2;--pl-mod:#0000004d;--pl-mod-sh:#00000080;--pl-mod-edge:#aad7ff14;--fp-ink-0:#05080c;--fp-ink-1:#18222e;--fp-ink-2:#4a5b6c;--fp-ink-3:#b4c3d0;--fp-ink-4:#f4f8fb;--fp-signal-0:#05080c;--fp-signal-1:#06222e;--fp-signal-2:#0b5e72;--fp-signal-3:#5ce1ff;--fp-signal-4:#effcff}:root[data-theme=light]{color-scheme:light;--bg:#eef1f4;--bg-glow:radial-gradient(1200px 760px at 36% 28%, #fbfcfd, transparent 72%);--surface:#fff9;--surface-strong:#fff;--plot-annotation-bg:var(--surface-strong);--surface-hover:#14283c0d;--line:#14283c24;--line-strong:#14283c52;--text:#0e1a24;--text-2:#4c5c6a;--text-3:#57666f;--accent:#0089ad;--accent-ink:#006d8a;--shadow:0 18px 40px #14283c1f;--plot-bg:#f0f3f5;--plot-fill:transparent;--grid-minor:#14283c0d;--grid-major:#14283c3d;--axis:#14283c6b;--tick:#5d6c79;--frame:#14283c6b;--frame-hi:#14283cb8;--win-glint:#fff;--win-sheen:#ffffff8c;--curve:#0e1a24;--c-a:#1d5bd8;--c-h:#dc2f24;--c-dy:#f0b400;--c-slope:#f0b400;--c-exact:#1d5bd8;--c-dy-text:#d39500;--c-slope-text:#d39500;--engrave:#9a2f27;--engrave-name:#66737f;--engrave-sh:0 1px 0 #ffffffe6, 0 -1px 0 #1e28322e;--c-muted-region:#14283c0d;--glow:0;--point-shadow:#14283c47;--sf-body:.22;--sf-lit:#fff;--sf-shade:#98a4b0;--sf-rim:#fff;--sf-spec:#fff;--sf-ink:#0e1a24;--sf-floor:#203444;--accent-grad:linear-gradient(180deg, #0089ad14, #0089ad05);--disp-bg:#fbfcfd;--disp-line:#14283c1f;--disp-hi:#ffffff59;--lcd-bg:color-mix(in srgb, var(--pl-tray) 58%, var(--disp-bg));--lcd-off:transparent;--lcd-led:transparent;--lcd-lift:#ffffff4d;--lcd-px:transparent;--lcd-grain:var(--noise);--lcd-wall:#00000038;--lcd-rule:color-mix(in srgb, var(--pl-lab) 16%, transparent);--lcd-band:color-mix(in srgb, var(--pl-lab) 16%, transparent);--lcd-ink:var(--pl-tx);--lcd-ink-k:82%;--lcd-ink-shadow:calc(.7 * var(--g)) calc(1 * var(--g)) 0 color-mix(in srgb, currentColor 17%, transparent);--pl-bg:#f3f5f7;--pl-lab:#57666f;--pl-tx:#0e1a24;--pl-tray:#d9dfe5;--pl-tsh:#14283c38;--pl-tlip:#ffffffe6;--is-lip:var(--pl-tlip);--is-lit:transparent;--pl-c1:#fff;--pl-c2:#eaeef2;--pl-hi:#fff;--pl-lo:#14283c14;--pl-edge:#14283c33;--pl-drop:#14283c33;--pl-drop2:#14283c33;--pl-led:#c5ccd3;--pl-rib-hi:#fffffff2;--pl-rib-lo:#14283c1a;--pl-dish-t:#14283c1c;--pl-dish-b:#ffffffb3;--pl-spun:#14283c05;--pl-an:#fff9;--pl-eng:#77838e;--pl-eng-sh:0 1px 0 #ffffffe6;--pl-gtint:#ffffff29;--pl-ge1:#fffffff2;--pl-ge2:#14283c1f;--pl-knurl-lo:#14283c1a;--pl-knurl-hi:#fffffff2;--zr-lit-top:#ffffff73;--zr-lit-bot:#14283c14;--zr-breath:color-mix(in srgb, var(--accent) 50%, var(--pl-tray));--zr-breath-glow:color-mix(in srgb, var(--accent) 30%, transparent);--plk-core:70%;--plk-halo:30%;--plk-spill:0%;--plk-sheen:color-mix(in srgb, var(--mix-light) 50%, transparent);--plk-contact:color-mix(in srgb, var(--pl-eng) 75%, transparent);--pl-ge3:#14283c2e;--pl-sh1:#fff9;--pl-sh2:#ffffff1a;--pl-gv:#14283c1f;--pl-hsh:#14283c38;--pl-led-in:#00000059;--sw-track:#d9dfe5;--sw-track-on:#0089adb3;--sw-ring:#14283c1f;--sw-cap-1:#fff;--sw-cap-2:#eaeef2;--cap-1:#e8392c;--cap-2:#b4221a;--cap-ink:#fff;--cap-side:#7d140f;--cap-edge:#00000073;--cap-hi:#ffc8be73;--cap-lo:#3c00004d;--pn-rim:linear-gradient(155deg, #fff, #ffffffd9 30%, #14283c0f 70%, #14283c14);--pn-rim2:linear-gradient(155deg, #ffffffe6, transparent 45%);--pn-face:var(--noise), var(--noise), linear-gradient(115deg, transparent 56%, #fff9 63%, transparent 71%) top / 100% 45% no-repeat, radial-gradient(130% 55% at 12% 0%, #ffffffd9, transparent 65%), linear-gradient(180deg, #ffffffb8, #f6f9fc9e 45%, #ecf1f799);--pn-shadow:inset 0 -16px 28px -22px #2850820f, inset 0 -1px 0 #14283c0a, 0 1px 2px #14283c12, 0 10px 24px -14px #14283c29, 0 34px 60px -34px #14283c52;--pn-under:transparent;--pl-mod:#14283c0d;--pl-mod-sh:#14283c1f;--pl-mod-edge:#14283c1a;--fp-ink-0:#eef1f4;--fp-ink-1:#c3ccd4;--fp-ink-2:#7a8894;--fp-ink-3:#2c3a46;--fp-ink-4:#0b141c;--fp-signal-0:#eef1f4;--fp-signal-1:#b9e3ec;--fp-signal-2:#3fb3cf;--fp-signal-3:#0089ad;--fp-signal-4:#003a4a}@media (prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;text-autospace:normal;font-size:16px}body{background:var(--bg-glow), var(--bg);background-attachment:fixed;min-height:100vh;margin:0}a{color:inherit}:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.hud{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--track);text-transform:uppercase;color:var(--text-3)}:lang(zh) .hud{letter-spacing:.08em}html[data-present] body{overflow:hidden}html[data-present] .site-header,html[data-present] .site-footer,html[data-present] .hero,html[data-present] .prose{display:none!important}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.hbtn{appearance:none;justify-content:center;align-items:center;gap:calc(7 * var(--g));min-height:calc(30 * var(--g));padding:0 calc(11 * var(--g));border:1px solid var(--line);font-family:var(--font-ui);font-size:var(--fs-s);letter-spacing:.01em;white-space:nowrap;color:var(--text-2);cursor:pointer;background:0 0;border-radius:2px;margin:0;font-weight:450;transition:color .15s,border-color .15s,background-color .15s;display:inline-flex}.hbtn:hover:not(:disabled){color:var(--text);border-color:var(--line-strong);background-color:var(--surface-hover)}.hbtn:active:not(:disabled){background-color:color-mix(in srgb, var(--accent) 12%, transparent)}.hbtn:disabled{opacity:.4;cursor:not-allowed}.hbtn[aria-pressed=true]{color:var(--hb-on,var(--accent));border-color:color-mix(in srgb, var(--hb-on,var(--accent)) 50%, transparent)}.hbtn.dot:before{content:"";width:calc(5 * var(--g));height:calc(5 * var(--g));box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%;flex:none;transition:background-color .2s,box-shadow .2s}.hbtn.dot[aria-pressed=true]:before{background:var(--hb-on,var(--accent));box-shadow:var(--hb-glow,0 0 6px color-mix(in srgb, var(--accent) 60%, transparent))}.brk{position:relative}.brk:before{content:"";pointer-events:none;--l:calc(10 * var(--g));--w:1.5px;--c:var(--frame);background:linear-gradient(var(--c), var(--c)) left top / var(--l) var(--w), linear-gradient(var(--c), var(--c)) left top / var(--w) var(--l), linear-gradient(var(--c), var(--c)) right top / var(--l) var(--w), linear-gradient(var(--c), var(--c)) right top / var(--w) var(--l), linear-gradient(var(--c), var(--c)) left bottom / var(--l) var(--w), linear-gradient(var(--c), var(--c)) left bottom / var(--w) var(--l), linear-gradient(var(--c), var(--c)) right bottom / var(--l) var(--w), linear-gradient(var(--c), var(--c)) right bottom / var(--w) var(--l);background-repeat:no-repeat;position:absolute;inset:-1px}.lab{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--track);color:var(--pl-lab);line-height:1.2}.lab.caps{text-transform:uppercase}.lab.dim{color:var(--text-3)}.lab b{color:var(--pl-tx);letter-spacing:.02em;text-transform:none;font-weight:450}:lang(zh) .lab{letter-spacing:.08em}.field{width:100%;min-width:0;height:calc(30 * var(--g));padding:0 calc(8 * var(--g));border:1px solid var(--line);background:var(--disp-bg);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-s);font-variant-numeric:tabular-nums;text-align:center;border-radius:2px;transition:border-color .15s}.field:hover{border-color:var(--line-strong)}.field:focus-visible{border-color:var(--accent);outline:none}.fader{height:calc(86 * var(--g));position:relative}.fader>.fader-scale{position:absolute;top:0;left:0}.fader-scale .tk{stroke:var(--pl-lab);stroke-width:.75px;opacity:.4}.fader-scale .tk.mid{opacity:.6}.fader-scale .tk.big{stroke-width:1.1px;opacity:.85}.fader-scale .rule{stroke:var(--pl-lab);opacity:.55}.fader-scale text{fill:var(--pl-lab);font-family:var(--font-mono);font-size:var(--fs-2xs)}.fader-scale text.mid{font-size:calc(7.5 * var(--u));opacity:.75}.fader-scale text.hit{fill:var(--pl-tx)}.fader-slot{left:0;right:0;top:calc(61 * var(--g));height:calc(8 * var(--g));border-radius:calc(4 * var(--g));background:var(--pl-tray);box-shadow:inset 0 1px 2px var(--pl-tsh), 0 1px 0 var(--pl-tlip);position:absolute}.fader-fill{left:calc(3 * var(--g));top:calc(3.5 * var(--g));background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--lf-on,var(--c-h)) 70%, transparent));border-radius:1px;height:1px;position:absolute}.fader-cur{top:calc(18 * var(--g));width:calc(44 * var(--g));height:calc(62 * var(--g));margin-left:calc(-22 * var(--g));pointer-events:none;position:absolute}.fader-cur,.fader-fill{will-change:transform}.fader-cur .lip{height:calc(4 * var(--g));border-radius:calc(4 * var(--g)) calc(4 * var(--g)) 0 0;background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:inset 0 1px 0 var(--pl-hi), 0 0 0 .5px var(--pl-edge);position:absolute;top:0;left:0;right:0}.fader-cur .glass{left:0;right:0;top:calc(4 * var(--g));height:calc(24 * var(--g));background:linear-gradient(var(--pl-gtint), var(--pl-gtint)), var(--noise), var(--fader-bg,var(--pl-bg));box-shadow:inset 1px 0 0 var(--pl-ge1), inset -1px 0 0 var(--pl-ge2), inset 0 -1px 0 var(--pl-ge3), 0 0 0 .5px var(--pl-edge), 0 calc(10 * var(--g)) calc(14 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);position:absolute;overflow:hidden}.fader-cur .mag{top:calc(-22 * var(--g));position:absolute;transform:scale(1.5)}.fader-cur .mag text{display:none}.fader-cur .glass i{pointer-events:none;display:block;position:absolute}.fader-cur .hsh{background:var(--pl-hsh);filter:blur(.6px);width:1px;margin-left:1.2px;top:0;bottom:0;left:50%}.fader-cur .sheen{background:linear-gradient(104deg, var(--pl-sh1) 0%, var(--pl-sh2) 30%, transparent 55%, transparent 82%, var(--pl-sh2));inset:0}.fader-cur .vig{box-shadow:inset 4px 0 6px -3px var(--pl-gv), inset -4px 0 6px -3px var(--pl-gv);inset:0}.fader-cur .hair{background:var(--lf-on,var(--c-h));width:1px;margin-left:-.5px;top:0;bottom:0;left:50%}:root[data-theme=dark] .fader-cur .hair,:root:not([data-theme]) .fader-cur .hair{box-shadow:0 0 2px color-mix(in srgb, var(--lf-on,var(--c-h)) 55%, transparent)}.fader-cur .tab{left:calc(9 * var(--g));right:calc(9 * var(--g));top:calc(28 * var(--g));border-radius:2px 2px calc(7 * var(--g)) calc(7 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 0 0 .5px var(--pl-edge), 0 1px 1.5px var(--pl-drop), 0 calc(12 * var(--g)) calc(14 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);position:absolute;bottom:0}.fader-cur .tab:after{content:"";left:calc(5 * var(--g));right:calc(5 * var(--g));top:calc(8 * var(--g));bottom:calc(8 * var(--g));background:repeating-linear-gradient(90deg, var(--pl-rib-hi) 0 1px, var(--pl-rib-lo) 1px 2px, transparent 2px 3.6px);border-radius:2px;position:absolute}.fader-input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.fader.snap .fader-cur,.fader.snap .mag{transition:left 80ms var(--ease-out)}.fader.snap .fader-fill{transition:width 80ms var(--ease-out)}.fader.jump .fader-cur,.fader.jump .mag{transition:left var(--jump,.3s) var(--ease-travel)}.fader.jump .fader-fill{transition:width var(--jump,.3s) var(--ease-travel)}.knob{width:calc(150 * var(--g));height:calc(150 * var(--g));touch-action:none;cursor:grab;outline:none;flex:none;position:relative}.knob.turning{cursor:grabbing}.knob>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.knob .tk{stroke:var(--pl-lab);stroke-width:.75px;opacity:.45}.knob .tk.big{stroke-width:1.1px;opacity:.85}.knob .det{fill:var(--pl-tx);opacity:.55}.knob text{fill:var(--pl-lab);font-family:var(--font-mono);font-size:var(--fs-2xs)}.knob text.hit{fill:var(--pl-tx)}.knob .skirt,.knob .idx{border-radius:50%;width:54.2%;height:54.2%;position:absolute;top:22.9%;left:22.9%}.knob .skirt{background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(14 * var(--g)) calc(18 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2)}.knob .skirt:before{content:"";background:repeating-conic-gradient(var(--pl-knurl-lo) 0 1deg, var(--pl-knurl-hi) 1deg 1.9deg, transparent 1.9deg 3deg);-webkit-mask:radial-gradient(circle closest-side, transparent 91%, var(--mask-ink) 93%);mask:radial-gradient(circle closest-side, transparent 91%, var(--mask-ink) 93%);border-radius:50%;position:absolute;inset:0}.knob .kface{pointer-events:none;background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .8px, transparent .8px 1.7px), conic-gradient(from 90deg, var(--pl-an), transparent 22%, var(--pl-an) 50%, transparent 78%, var(--pl-an)), conic-gradient(from 90deg, var(--pl-an), transparent 18%, var(--pl-an) 50%, transparent 82%, var(--pl-an)), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 84%);width:48.8%;height:48.8%;box-shadow:inset 0 calc(1.2 * var(--g)) 0 var(--pl-hi), inset 0 calc(-1.4 * var(--g)) calc(1.2 * var(--g)) var(--pl-lo);border-radius:50%;position:absolute;top:25.6%;left:25.6%}.knob .idx:before{content:"";width:calc(3.8 * var(--g));height:24%;margin-left:calc(-1.9 * var(--g));border-radius:calc(1.9 * var(--g));background:linear-gradient(to right, color-mix(in srgb, var(--kn-on,var(--c-a)) 72%, var(--pl-lo)), var(--kn-on,var(--c-a)) 42%, color-mix(in srgb, var(--kn-on,var(--c-a)) 78%, var(--mix-light)) 58%, color-mix(in srgb, var(--kn-on,var(--c-a)) 72%, var(--pl-lo)));box-shadow:0 0 0 .5px var(--pl-edge), 0 0 calc(2 * var(--g)) var(--pl-drop);position:absolute;top:4.8%;left:50%}.knob.jump .idx{transition:transform .16s var(--ease-out)}.knob.snap .idx{transition:transform 80ms var(--ease-out)}.knob.kick .idx{animation:knob-kick .22s var(--ease-out)}@keyframes knob-kick{0%{rotate:0deg}30%{rotate:calc(var(--kick,1) * 2.5deg)}to{rotate:0deg}}.dial .mk.max{fill:var(--mk-c,var(--c-a))}.dial .mk.min{fill:none;stroke:var(--mk-c,var(--c-a));stroke-width:1.2px}.dial .mk.zero{stroke:var(--mk-c,var(--pl-tx));stroke-width:1.4px;opacity:.7}.dial .bezel{background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);width:71%;height:71%;box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(14 * var(--g)) calc(18 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);border-radius:50%;position:absolute;top:14.5%;left:14.5%}.dial .bz-turn{will-change:transform;border-radius:50%;position:absolute;inset:0}.dial .bz-turn:before{content:"";opacity:.9;background:repeating-conic-gradient(var(--pl-knurl-lo) 0 1.4deg, var(--pl-knurl-hi) 1.4deg 2deg, transparent 2deg 4deg);-webkit-mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);border-radius:50%;position:absolute;inset:0}.dial .bz-turn:after{content:"";width:calc(4 * var(--g));height:6%;margin-left:calc(-2 * var(--g));background:var(--dl-on,var(--c-h));box-shadow:0 0 0 .5px var(--pl-lo);border-radius:1px;position:absolute;top:1%;left:50%}.dial .bezel:after{content:"";pointer-events:none;background:linear-gradient(180deg, var(--pl-hi), transparent 42%, transparent 58%, var(--pl-lo));-webkit-mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);mask:radial-gradient(circle closest-side, transparent 86%, var(--mask-ink) 87.5%);border-radius:50%;position:absolute;inset:0}.dial .dface{background:var(--disp-bg);width:61%;height:61%;box-shadow:inset 0 2px 5px var(--pl-dish-t), inset 0 0 0 1px var(--disp-line), 0 0 0 .5px var(--pl-edge), 0 0 0 calc(2 * var(--g)) color-mix(in srgb, var(--pl-c2) 80%, transparent);border-radius:50%;position:absolute;top:19.5%;left:19.5%}.dial .dface svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dial .w-ring{fill:none;stroke:var(--disp-line)}.dial .w-x{stroke:var(--disp-line);stroke-width:.6px}.dial .w-trace{fill:none;stroke:var(--c-dy);stroke-width:1.1px;opacity:.6;stroke-linecap:round}.dial .w-drop{stroke:var(--pl-lab);stroke-width:.8px;stroke-dasharray:2 1.6}.dial .w-right{fill:none;stroke:var(--pl-lab);stroke-width:.8px}.dial .w-grad line{stroke:var(--c-a);stroke-width:2.2px;stroke-linecap:round}.dial .w-grad path{fill:var(--c-a)}.dial .w-u line{stroke:var(--dl-on,var(--c-h));stroke-width:1.6px;stroke-linecap:round}.dial .w-u path{fill:var(--dl-on,var(--c-h))}.dial .w-proj{stroke:var(--c-dy);stroke-width:3.4px;stroke-linecap:round}.dial .w-foot{fill:var(--c-dy)}.dial .w-hub{fill:var(--pl-tx)}.pbtn{width:calc(112 * var(--g));height:calc(112 * var(--g));--travel:calc(3 * var(--g));flex:none;position:relative}.pbtn .bez{background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), conic-gradient(from 90deg, var(--pl-an), transparent 25%, var(--pl-an) 50%, transparent 75%, var(--pl-an)), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 1.5px var(--pl-drop), 0 calc(6 * var(--g)) calc(10 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);border-radius:50%;position:absolute;inset:6%}.pbtn .gap{background:var(--pl-tray);box-shadow:inset 0 2px 4px var(--pl-tsh), 0 0 0 0 transparent;transition:box-shadow var(--dur-travel) ease;border-radius:50%;position:absolute;inset:13%}.pbtn.run .gap{box-shadow:inset 0 2px 4px var(--pl-tsh), inset 0 0 0 1.5px var(--c-h), 0 0 9px color-mix(in srgb, var(--c-h) 40%, transparent)}:root[data-theme=light] .pbtn.run .gap{background:radial-gradient(circle closest-side, var(--c-h) 82%, color-mix(in srgb, var(--c-h) 55%, var(--pl-tray)) 91%, color-mix(in srgb, var(--c-h) 14%, var(--pl-tray)) 100%);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 0 0 1px color-mix(in srgb, var(--c-h) 30%, transparent), 0 0 10px color-mix(in srgb, var(--c-h) 22%, transparent)}.pbtn .pcap{inset:calc(17% - var(--travel) / 2) 17% calc(17% + var(--travel) / 2);cursor:pointer;background:radial-gradient(120% 90% at 50% 18%, var(--cap-hi), transparent 55%), radial-gradient(circle at 50% 40%, var(--cap-1), var(--cap-2) 92%);box-shadow:0 0 0 .5px var(--cap-edge), inset 0 -1.5px 2px var(--cap-lo), 0 var(--travel) 0 var(--cap-side), 0 var(--travel) 0 .5px var(--cap-edge), 0 calc(var(--travel) + 2px) 4px var(--pl-drop);transition:transform .22s var(--ease-spring), box-shadow .22s var(--ease-spring), filter var(--dur-state);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute}.pbtn .pcap span{font-family:var(--font-mono);font-size:var(--fs-s);letter-spacing:.04em;white-space:nowrap;color:var(--cap-ink);text-shadow:0 -1px 0 var(--cap-lo);font-weight:600}.pbtn.run .pcap{transform:translateY(calc(var(--travel) / 2));box-shadow:0 0 0 .5px var(--cap-edge), inset 0 -1px 1.5px var(--cap-lo), 0 calc(var(--travel) / 2) 0 var(--cap-side), 0 calc(var(--travel) / 2) 0 .5px var(--cap-edge), 0 calc(var(--travel) / 2 + 1px) 1.5px var(--pl-drop)}.pbtn .pcap.down{transform:translateY(var(--travel));box-shadow:0 0 0 .5px var(--cap-edge), inset 0 -1px 1.5px var(--cap-lo), 0 0 0 var(--cap-side), 0 0 0 .5px var(--cap-edge), 0 1px 1px var(--pl-drop);transition:transform 80ms var(--ease-press), box-shadow 80ms var(--ease-press), filter var(--dur-state)}.pbtn.run .pcap{filter:brightness(1.08)saturate(1.05)}.pbtn .led{width:calc(5 * var(--g));height:calc(5 * var(--g));margin-left:calc(-2.5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);border-radius:50%;transition:background .45s,box-shadow .45s;position:absolute;top:0;left:50%}.pbtn.run .led{background:var(--c-h);box-shadow:0 0 5px color-mix(in srgb, var(--c-h) 55%, transparent);transition-duration:40ms}.pbtn.cue:not(.run) .led{animation:1.2s step-end pbtn-cue}@keyframes pbtn-cue{0%,30%,60%{background:var(--c-h);box-shadow:0 0 6px color-mix(in srgb, var(--c-h) 65%, transparent)}15%,45%,to{background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in)}}.pbtn.cue-still:not(.run) .led{background:var(--c-h)}.zring{width:calc(140 * var(--g));height:calc(140 * var(--g));--turn:-135deg;--zr-travel:calc(2 * var(--g));flex:none;position:relative}.zr-scale{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.zr-scale .tk{stroke:var(--pl-lab);stroke-width:.75px;opacity:.5}.zr-scale .tk.big{stroke-width:1.1px;opacity:.9}.zr-scale text{fill:var(--pl-lab);font-family:var(--font-mono);font-size:var(--fs-2xs)}.zr-scale tspan{font-size:var(--fs-2xs)}.zr-ring{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:50%;outline:none;width:62.86%;height:62.86%;position:absolute;top:18.57%;left:18.57%}.zring.turning .zr-ring{cursor:grabbing}.zr-ring>i{pointer-events:none;border-radius:50%;display:block;position:absolute}.zr-body{background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(12 * var(--g)) calc(16 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);inset:0}.zr-turn{transform:rotate(var(--turn));transition:transform .12s var(--ease-out);will-change:transform;inset:0}.zring.turning .zr-turn,.zring.run .zr-turn{transition:none}.zring.sweep .zr-turn{transition:transform .6s var(--ease-out)}.zring.kick .zr-turn{animation:knob-kick .24s var(--ease-out)}.zr-turn:before{content:"";background:repeating-conic-gradient(var(--pl-knurl-lo) 0 2.2deg, var(--pl-knurl-hi) 2.2deg 3deg, transparent 3deg 6deg);-webkit-mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%, var(--mask-ink) 97%, transparent 98.5%);mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%, var(--mask-ink) 97%, transparent 98.5%);border-radius:50%;position:absolute;inset:0}.zr-mark{width:calc(2 * var(--g));height:10%;margin-left:calc(-1 * var(--g));background:color-mix(in srgb, var(--pl-tx) 70%, transparent);border-radius:1px;position:absolute;top:3%;left:50%}.zr-lit{background:linear-gradient(180deg, var(--zr-lit-top), transparent 42%, transparent 58%, var(--zr-lit-bot));-webkit-mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%);mask:radial-gradient(circle closest-side, transparent 67%, var(--mask-ink) 68.5%);inset:0}.zr-well{background:var(--pl-tray);box-shadow:inset 0 2px 4px var(--pl-tsh);inset:19%}.zr-key{inset:calc(33.66% - var(--zr-travel) / 2) 33.66% calc(33.66% + var(--zr-travel) / 2);cursor:pointer;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 90% at 50% 18%, var(--pl-hi), transparent 55%), radial-gradient(circle at 50% 40%, var(--pl-c1), var(--pl-c2) 92%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 -1.5px 2px var(--pl-lo), 0 var(--zr-travel) 0 var(--zr-side), 0 var(--zr-travel) 0 .5px var(--pl-edge), 0 calc(var(--zr-travel) + 2px) 4px var(--pl-drop);transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease-spring);border:0;border-radius:50%;outline:none;padding:0;position:absolute}.zr-key:after{content:"";border:1.5px solid var(--pl-tray);box-shadow:inset 0 1px 1px var(--pl-tsh), 0 1px 0 var(--pl-hi);border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:21%}.zring.run .zr-key{transform:translateY(calc(var(--zr-travel) / 2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 -1px 1.5px var(--pl-lo), 0 calc(var(--zr-travel) / 2) 0 var(--zr-side), 0 calc(var(--zr-travel) / 2) 0 .5px var(--pl-edge), 0 calc(var(--zr-travel) / 2 + 1px) 2px var(--pl-drop)}.zring.run .zr-key:after{border-color:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent), inset 0 0 4px color-mix(in srgb, var(--accent) 45%, transparent);transition-duration:40ms}.zr-key.down{transform:translateY(var(--zr-travel));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 -1px 1.5px var(--pl-lo), 0 0 0 var(--zr-side), 0 1px 1px var(--pl-drop);transition-duration:70ms}.zring:not(.run) .zr-key:not(.down):hover{transform:translateY(.5px)}.zring:not(.run) .zr-key:hover:after{border-color:var(--zr-breath);transition-duration:.15s}.zring.breathe:not(.run) .zr-key:after{animation:4.8s ease-in-out infinite zr-breathe}.zring.breathe:not(.run) .zr-key:hover:after{animation:none}@keyframes zr-breathe{0%,to{border-color:var(--pl-tray);box-shadow:inset 0 1px 1px var(--pl-tsh), 0 1px 0 var(--pl-hi)}50%{border-color:var(--zr-breath);box-shadow:inset 0 1px 1px var(--pl-tsh), 0 1px 0 var(--pl-hi), 0 0 4px var(--zr-breath-glow)}}.zr-ring:focus:not([data-pointer]) .zr-body,.zr-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.zr-turn,.zr-key{transition:none!important}.zring.kick .zr-turn,.zring.breathe .zr-key:after{animation:none}}.plk{justify-items:center;gap:calc(4 * var(--g));--plk-on:var(--accent);--plk-tilt:7deg;--plk-wall:calc(8 * var(--g));--plk-sun:1;--plk-dim:0;--plk-cast:1;--plk-glow:0;flex:none;display:inline-grid}.plk-body{width:calc(50 * var(--g));height:calc(80 * var(--g));perspective:calc(190 * var(--g));perspective-origin:50% 165%;position:relative}.plk-body:before{content:"";left:0;right:0;top:calc(6 * var(--g));border-radius:calc(6 * var(--g));pointer-events:none;box-shadow:0 0 calc(6 * var(--g)) color-mix(in srgb, var(--plk-on) var(--plk-spill), transparent);opacity:var(--plk-glow);transition:opacity .45s var(--ease-out);position:absolute;bottom:0}.plk-slot{left:0;right:0;top:calc(6 * var(--g));border-radius:calc(6 * var(--g));background:color-mix(in srgb, var(--pl-tray) 70%, var(--pl-tsh));box-shadow:0 0 0 .5px var(--pl-edge), 0 1px 0 var(--pl-tlip);position:absolute;bottom:0;overflow:hidden}.plk-slot:after{content:"";border-radius:inherit;box-shadow:inset 0 2px 4px var(--pl-tsh), inset 0 0 0 1px var(--pl-lo);pointer-events:none;position:absolute;inset:0}.plk-leak{left:calc(5 * var(--g));right:calc(5 * var(--g));top:0;bottom:calc(7 * var(--g));border-radius:calc(4 * var(--g));box-shadow:0 0 calc(4 * var(--g)) calc(.5 * var(--g)) color-mix(in srgb, var(--plk-on) var(--plk-core), transparent), 0 0 calc(10 * var(--g)) calc(3 * var(--g)) color-mix(in srgb, var(--plk-on) var(--plk-halo), transparent);opacity:var(--plk-glow);transition:opacity .45s var(--ease-out);position:absolute}.plk.run .plk-leak,.plk.run .plk-body:before{transition-duration:40ms}.plk-contact{left:calc(6 * var(--g));right:calc(6 * var(--g));bottom:calc(4 * var(--g));height:calc(3 * var(--g));background:linear-gradient(180deg, var(--plk-contact), color-mix(in srgb, var(--plk-contact) 30%, transparent) 35%, transparent);-webkit-mask:linear-gradient(90deg, transparent, var(--mask-ink) 10%, var(--mask-ink) 90%, transparent);mask:linear-gradient(90deg, transparent, var(--mask-ink) 10%, var(--mask-ink) 90%, transparent);opacity:var(--plk-cast);transform:scaleY(var(--plk-cast));transform-origin:50% 0;transition:opacity .18s var(--ease-spring), transform .18s var(--ease-spring);position:absolute}.plk-key{left:calc(5 * var(--g));right:calc(5 * var(--g));top:calc(5 * var(--g));bottom:calc(7 * var(--g));padding:0 0 calc(9 * var(--g));border-radius:calc(2 * var(--g)) calc(2 * var(--g)) calc(4 * var(--g)) calc(4 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;transform-origin:50% 0;transform:rotateX(var(--plk-tilt));transform-style:preserve-3d;background:var(--noise), linear-gradient(180deg, var(--pl-c2), var(--pl-c1) 26%, var(--pl-c1));box-shadow:0 0 0 .5px var(--pl-edge), inset 1.5px 0 0 var(--pl-hi), inset -1.5px 0 0 var(--pl-lo), inset 0 -1px 0 var(--pl-hi);transition:transform .18s var(--ease-spring);border:0;outline:none;justify-content:center;align-items:flex-end;margin:0;display:flex;position:absolute}.plk-key>i{pointer-events:none;position:absolute}.plk-lit{border-radius:inherit;background:linear-gradient(180deg, transparent 20%, var(--plk-sheen));opacity:var(--plk-sun);transition:opacity .18s var(--ease-spring);inset:0;transform:translateZ(.2px)}.plk-shade{border-radius:inherit;background:var(--pl-tsh);opacity:var(--plk-dim);transition:opacity .18s var(--ease-spring);inset:0;transform:translateZ(.3px)}.plk-key>.plk-glyph{width:calc(9 * var(--g));height:calc(11 * var(--g));margin-left:calc(2 * var(--g));background:var(--pl-eng);clip-path:polygon(0 0,100% 50%,0 100%);position:relative;transform:translateZ(.4px)}.plk-front{height:var(--plk-wall);border-radius:0 0 calc(2 * var(--g)) calc(2 * var(--g));transform-origin:50% 0;background:linear-gradient(180deg, color-mix(in srgb, var(--zr-side) 80%, var(--pl-hi)), var(--zr-side));box-shadow:0 0 0 .5px var(--pl-edge);transition:height .18s var(--ease-spring);top:100%;left:0;right:0;transform:rotateX(-90deg)}.plk-lip{z-index:2;left:calc(-2 * var(--g));right:calc(-2 * var(--g));height:calc(15 * var(--g));border-radius:calc(4 * var(--g)) calc(4 * var(--g)) calc(2 * var(--g)) calc(2 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 1.5px var(--pl-drop), 0 calc(3 * var(--g)) calc(4 * var(--g)) calc(-1 * var(--g)) var(--pl-tsh);pointer-events:none;place-items:center;display:grid;position:absolute;top:0}.plk-lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background-color .45s var(--ease-out), box-shadow .45s var(--ease-out);border-radius:50%}.plk.run .plk-lamp{background:var(--plk-on);box-shadow:0 0 5px color-mix(in srgb, var(--plk-on) 60%, transparent);transition-duration:40ms}.plk:not(.run):has(.plk-key:not(.down):not(:disabled):hover){--plk-tilt:6.6deg}.plk:not(.run):has(.plk-key:not(:disabled):hover) .plk-lamp{background:color-mix(in srgb, var(--plk-on) 32%, var(--pl-led))}.plk.run{--plk-tilt:1.5deg;--plk-wall:calc(1.5 * var(--g));--plk-sun:.15;--plk-dim:.2;--plk-cast:.15;--plk-glow:1}.plk:has(.plk-key.down){--plk-tilt:0deg;--plk-wall:calc(.5 * var(--g));--plk-sun:0;--plk-dim:.3;--plk-cast:0}.plk:has(.plk-key.down) :is(.plk-key,.plk-lit,.plk-shade,.plk-front,.plk-contact){transition-duration:70ms;transition-timing-function:var(--ease-press)}.plk-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.plk:has(.plk-key:disabled) :is(.plk-body,.plk-name){opacity:var(--key-off)}.plk-key:disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.plk-key,.plk-key>i,.plk-contact,.plk-leak,.plk-lamp,.plk-body:before{transition:none!important}}.screen{padding:calc(14 * var(--g)) calc(16 * var(--g));background:var(--disp-bg);border:1px solid var(--disp-line);color:var(--text);border-radius:2px;position:relative}.hbtn.small{min-height:calc(28 * var(--g));padding:0 calc(9 * var(--g));gap:calc(7 * var(--g));font-size:var(--fs-xs);justify-content:flex-start}.hbtn.num{font-family:var(--font-mono)}.hbtn[aria-expanded=true]{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 50%, transparent)}.step-lab{white-space:nowrap;font-family:var(--font-ui);font-size:var(--fs-m);letter-spacing:.01em;color:var(--engrave-name);text-shadow:var(--engrave-sh);align-items:baseline;gap:.42em;font-weight:600;display:inline-flex}.step-lab i{font-variant-numeric:tabular-nums;color:var(--engrave);font-style:normal}.step-lab i:after{content:"."}.sec-head{align-items:center;gap:calc(10 * var(--g));min-height:calc(28 * var(--g));display:flex}.sec-head>.step-lab{margin-right:auto}.strip-head .sp{display:none}.sec-val{font-size:var(--fs-l);color:var(--text);white-space:nowrap}.sec-read{white-space:nowrap;align-items:baseline;gap:.35em;display:inline-flex}.sec-sym{font-size:var(--fs-l);color:var(--text-2);line-height:1}.sec-sym .katex{font-size:1em}.sec-read .field.val{text-align:left;min-inline-size:1ch;padding-left:0}.sec-val .katex{font-size:1.05em}.sec-head .field.val{text-align:right;font-size:var(--fs-l);padding-right:0}.sec-head .field.val:hover,.sec-head .field.val:focus-visible{padding-right:calc(6 * var(--g))}.field.val{width:auto;min-width:0;height:calc(28 * var(--g));padding:0 calc(6 * var(--g));font-size:var(--fs-l);color:var(--text);text-align:left;field-sizing:content;min-inline-size:calc(40 * var(--g));background:0 0;border-color:#0000;flex:none}.field.val:hover{border-color:var(--line);background:var(--disp-bg)}.field.val:focus-visible{border-color:var(--accent);background:var(--disp-bg)}.field.val.fixed,.sec-read .field.val.fixed{field-sizing:fixed;min-inline-size:0;inline-size:calc(var(--fv-ch) * 1ch + 12 * var(--g) + 2px)}.sec-head .sec-read .field.val.fixed{text-align:left}.field.select{width:auto;padding:0 calc(6 * var(--g))}.link{appearance:none;color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.view-buttons{border:1px solid var(--line);background:color-mix(in srgb, var(--plot-bg) 86%, transparent);backdrop-filter:blur(8px);opacity:.75;transition:opacity .2s;display:flex}.view-buttons:hover,.view-buttons:focus-within{opacity:1}.view-buttons button{appearance:none;min-width:28px;height:28px;color:var(--text-2);font-family:var(--font-mono);font-size:var(--fs-s);cursor:pointer;background:0 0;border:0;padding:0 6px}.view-buttons button.txt{font-family:var(--font-ui);font-size:var(--fs-xs);padding:0 10px}.view-buttons button[aria-pressed=true]{color:var(--accent)}.view-buttons button+button{border-left:1px solid var(--line)}.view-buttons button:hover{background:var(--surface-hover);color:var(--text)}.hl-nav{align-items:center;gap:calc(2 * var(--g));padding:calc(2 * var(--g));border:1px solid var(--line-strong);background:color-mix(in srgb, var(--plot-bg) 90%, transparent);font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.hl-nav.idle{background:0 0;border-color:#0000}.hl-nav.idle .hl-step{display:none}.hl-nav .hl-count{padding:0 calc(6 * var(--g));color:var(--accent);letter-spacing:.06em;white-space:nowrap}.hl-nav .hl-name{min-width:0;padding:0 calc(8 * var(--g)) 0 calc(2 * var(--g));color:var(--text);font-family:var(--font-ui);font-size:var(--fs-m);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.hl-nav.idle .hl-name{color:var(--accent);font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:var(--track);text-transform:uppercase}.hl-nav .hl-step{appearance:none;min-width:calc(28 * var(--g));height:calc(28 * var(--g));color:var(--text-2);font:inherit;cursor:pointer;background:0 0;border:0}.hl-nav .hl-step:hover{color:var(--text);background:var(--surface-hover)}.hl-nav .hl-x{border-left:1px solid var(--line);margin-left:calc(2 * var(--g))}.hl-nav.stacked:not(.idle){flex-wrap:wrap}.hl-nav.stacked:not(.idle) .hl-count{margin-right:auto}.hl-nav.stacked:not(.idle) .hl-name{padding:calc(2 * var(--g)) calc(8 * var(--g)) calc(6 * var(--g));flex:1 0 100%;order:9}.hl-nav>*{transition:none}.hl{appearance:none;text-align:left;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .2s var(--ease), background .2s var(--ease);border-radius:2px;align-content:start;gap:6px;padding:16px 18px 18px;display:grid;position:relative}.hl:before,.hl:after{content:"";border-color:var(--accent);opacity:0;border-style:solid;width:10px;height:10px;transition:opacity .2s;position:absolute}.hl:before{border-width:1.5px 0 0 1.5px;top:-1px;left:-1px}.hl:after{border-width:0 1.5px 1.5px 0;bottom:-1px;right:-1px}.hl:hover{border-color:var(--line-strong);background:var(--accent-grad), var(--surface)}.hl:hover:before,.hl:hover:after{opacity:1}.hl:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.hl .hl-no{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.16em;color:var(--accent)}.hl .hl-title{font-weight:500;font-size:var(--fs-l)}.hl .hl-caption{color:var(--text-2);font-size:var(--fs-m);line-height:1.5}.handle{--hd-c:var(--c-a);background:0 0;border:0;border-radius:50%;width:44px;height:44px;padding:0;position:absolute;top:0;left:0}.handle.tone-h{--hd-c:var(--c-h)}.handle.tone-ink{--hd-c:var(--curve)}.handle:focus-visible{outline:1.5px solid var(--hd-c);outline-offset:-6px}.handle.grab{pointer-events:auto;cursor:grab;touch-action:none}.handle.grab:active{cursor:grabbing}.handle.grab:before{content:"";border:1.5px solid var(--hd-c);opacity:0;transition:opacity .15s, transform .18s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;inset:8px;transform:scale(.7)}.handle.grab:hover:before,.handle.grab:active:before{opacity:.75;transform:none}.handle.keys{pointer-events:none;width:32px;height:32px}.handle.keys:focus-visible{outline-offset:0}.handle.slide{pointer-events:auto;cursor:ew-resize;touch-action:none;border-radius:4px;width:28px;height:28px}.handle.slide:after{content:"";left:calc(14px - 5 * var(--g));top:calc(14px - 2 * var(--g));border:calc(5 * var(--g)) solid transparent;border-bottom:calc(8 * var(--g)) solid var(--hd-c);opacity:.85;position:absolute}.handle.slide.y{cursor:ns-resize}.handle.slide.y:after{left:calc(14px - 6 * var(--g));top:calc(14px - 5 * var(--g));border:calc(5 * var(--g)) solid transparent;border-left:calc(8 * var(--g)) solid var(--hd-c);border-right:0}.handle.turn{pointer-events:auto;cursor:grab;touch-action:none}.handle.turn:active{cursor:grabbing}.handle.turn:before{content:"";border:1.5px solid #0000;border-top-color:var(--hd-c);border-bottom-color:var(--hd-c);opacity:0;transition:opacity .15s, transform .22s var(--ease-out);pointer-events:none;border-radius:50%;position:absolute;inset:7px;transform:rotate(-40deg)scale(.8)}.handle.turn:hover:before,.handle.turn:active:before,.handle.turn:focus-visible:before{opacity:.75;transform:rotate(45deg)}.mode{align-items:center;gap:calc(12 * var(--g));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.mlab{appearance:none;padding:calc(4 * var(--g)) calc(2 * var(--g));font:inherit;gap:calc(4 * var(--g));text-align:left;color:var(--pl-lab);cursor:pointer;background:0 0;border:0;display:grid}.mlab:disabled{opacity:.35;cursor:not-allowed}.mlab:hover:not([aria-pressed=true]):not(:disabled) .lamp{background:color-mix(in srgb, var(--accent) 30%, var(--pl-led))}.mlab b{align-items:center;gap:calc(9 * var(--g));font-family:var(--font-mono);font-size:var(--fs-s);letter-spacing:var(--track);text-transform:uppercase;font-weight:450;display:flex}.mlab-sub{font-size:var(--fs-s);padding-left:calc(15 * var(--g));line-height:1.35}.mlab:first-child{text-align:right}.mlab:first-child b{flex-direction:row-reverse}.mlab:first-child .mlab-sub{padding:0 calc(15 * var(--g)) 0 0}.mlab .lamp{width:calc(6 * var(--g));height:calc(6 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%}.mlab[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 7px color-mix(in srgb, var(--accent) 65%, transparent);transition-duration:40ms}:lang(zh) .mlab b{letter-spacing:.12em;font-size:var(--fs-m)}.mode-dial{--size:calc(68 * var(--g));width:var(--size);height:var(--size);cursor:grab;touch-action:none;background:0 0;border:0;flex:none;padding:0;position:relative}.mode.turning .mode-dial{cursor:grabbing}.mode-dial:before,.mode-dial:after{content:"";left:50%;top:calc(-5 * var(--g));width:1.5px;height:calc(7 * var(--g));background:var(--pl-lab);opacity:.8;transform-origin:50% calc(5 * var(--g) + var(--size) / 2);margin-left:-.75px;position:absolute}.mode-dial:before{transform:rotate(-50deg)}.mode-dial:after{transform:rotate(50deg)}.mode-dial .ring{inset:calc(7 * var(--g));background:var(--noise), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 94%, var(--mix-light)), var(--pl-c2) 75%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(12 * var(--g)) calc(16 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);border-radius:50%;position:absolute}.mode-dial .bar{left:50%;top:calc(4 * var(--g));bottom:calc(4 * var(--g));width:calc(18 * var(--g));margin-left:calc(-9 * var(--g));border-radius:calc(9 * var(--g));background:var(--noise), linear-gradient(90deg, var(--pl-c2), var(--pl-c1) 45%, var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 3px var(--pl-drop), 0 calc(8 * var(--g)) calc(10 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);transition:transform .3s cubic-bezier(.35,1.4,.6,1);position:absolute;transform:rotate(-50deg)}.mode.turning .mode-dial .bar{transition:transform 60ms var(--ease-out)}.mode.turning.flip .mode-dial .bar{transition:transform .3s cubic-bezier(.35,1.4,.6,1)}.mode-dial .bar:after{content:"";left:50%;top:calc(5 * var(--g));width:2px;height:calc(14 * var(--g));background:var(--accent);box-shadow:0 0 4px color-mix(in srgb, var(--accent) 50%, transparent);border-radius:1px;margin-left:-1px;position:absolute}.mode[data-pos="1"] .mode-dial .bar{transform:rotate(50deg)}.mode.multi{--size:calc(66 * var(--g));--R:calc(var(--size) / 2 + 15 * var(--g));height:calc(var(--size) + 38 * var(--g));display:block;position:relative}.mode.multi .mode-dial{margin-left:calc(var(--size) / -2);--size:calc(66 * var(--g));position:absolute;bottom:0;left:50%}.mode.multi .mode-dial:before,.mode.multi .mode-dial:after{display:none}.mode.multi .mode-dial .bar,.mode.multi[data-pos] .mode-dial .bar{transform:rotate(var(--sel,0deg))}.md-tick{left:50%;top:calc(-5 * var(--g));width:1.5px;height:calc(7 * var(--g));background:var(--pl-lab);opacity:.8;transform-origin:50% calc(5 * var(--g) + var(--size) / 2);transform:rotate(var(--a));margin-left:-.75px;position:absolute}.mode.multi .mlab{left:50%;bottom:calc(var(--size) / 2);padding:calc(3 * var(--g)) calc(2 * var(--g));white-space:nowrap;transform:translate(calc(sin(var(--a)) * var(--R)), calc(-1 * cos(var(--a)) * var(--R)));position:absolute}.mode.multi .mlab.at-m{translate:-50%}.mode.multi .mlab.at-l{translate:-100% 50%}.mode.multi .mlab.at-r{translate:0 50%}.mode.multi .mlab.at-l b{flex-direction:row-reverse}.mode.multi .mlab.at-r b{flex-direction:row}.kbars{gap:calc(14 * var(--g));min-width:0;display:grid}.kb-group{gap:calc(6 * var(--g));display:grid}.kb-name{white-space:nowrap;padding-left:calc(2 * var(--g))}.keybar{border-radius:calc(10 * var(--g));background:var(--pl-tray);box-shadow:0 0 0 .5px var(--pl-edge), 0 1px 2px var(--pl-drop), 0 calc(10 * var(--g)) calc(14 * var(--g)) calc(-8 * var(--g)) var(--pl-drop2);gap:1px;display:flex;overflow:hidden}.kb-seg{appearance:none;align-content:center;justify-items:center;gap:calc(4 * var(--g));min-width:0;padding:calc(10 * var(--g)) calc(3 * var(--g)) calc(9 * var(--g));color:var(--pl-lab);font-family:var(--font-ui);font-size:var(--fs-s);cursor:pointer;background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));--t:0px;box-shadow:inset 0 calc(var(--t) * .8) calc(var(--t) * 1.4) var(--pl-lo), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo);transition:color .2s, box-shadow .18s var(--ease-spring), background .18s;border:0;flex:1 1 0;margin:0;display:grid}.kb-seg>*{transform:translateY(calc(var(--t) * .4));transition:transform .18s var(--ease-spring)}.kb-seg>svg{width:calc(52 * var(--g));max-width:100%;height:calc(22 * var(--g))}.kb-seg:hover{--t:.75px}.kb-seg[aria-pressed=true]{--t:2px;background:var(--noise), linear-gradient(180deg, var(--pl-c2), var(--pl-c1))}.kb-seg.down{--t:2.5px;background:var(--noise), linear-gradient(180deg, var(--pl-c2), var(--pl-c1));transition:color .2s, box-shadow 70ms var(--ease-press), background 70ms}.kb-seg.down>*{transition:transform 70ms var(--ease-press)}.keybar{position:relative}.kb-ind{height:calc(2 * var(--g));bottom:0;left:calc(var(--i,0) * (100% + 1px) / var(--n,4));width:calc((100% - (var(--n,4) - 1) * 1px) / var(--n,4));background:var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 55%, transparent);opacity:0;pointer-events:none;transition:left .24s cubic-bezier(.2,.7,.2,1),opacity .16s;position:absolute}.kb-ind.on{opacity:1}.kb-seg[aria-pressed=true]>svg{color:var(--accent)}:root:not([data-theme=light]) .kb-seg[aria-pressed=true]>svg{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 60%, transparent))}.kb-label{white-space:nowrap;align-items:center;max-width:100%;min-height:1.3em;line-height:1.3;display:flex}.kb-label .katex{font-size:1.12em}.kb-label.text{white-space:normal;text-align:center;line-height:1.25}.toggle{align-items:center;gap:calc(10 * var(--g));display:flex}.tg-lab{appearance:none;padding:calc(2 * var(--g));font:inherit;gap:calc(3 * var(--g));cursor:pointer;color:var(--pl-lab);text-align:left;background:0 0;border:0;display:grid}.tg-lab:hover:not(:disabled):not([aria-pressed=true]) .lamp{background:color-mix(in srgb, var(--accent) 30%, var(--pl-led))}.tg-lab:disabled{opacity:.35;cursor:not-allowed}.tg-lab b{align-items:center;gap:calc(8 * var(--g));font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:var(--track);text-transform:uppercase;white-space:nowrap;font-weight:450;display:flex}.tg-lab>span{font-size:var(--fs-s);padding-left:calc(14 * var(--g));white-space:nowrap}.tg-lab b.math{text-transform:none;letter-spacing:.02em}.tg-lab b.math .katex{font-size:1.3em}.tg-lab:first-child{text-align:right}.tg-lab:first-child b{flex-direction:row-reverse}.tg-lab:first-child>span{padding:0 calc(14 * var(--g)) 0 0}:lang(zh) .tg-lab b{letter-spacing:.08em}.tg-lab .lamp{width:calc(6 * var(--g));height:calc(6 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%}.tg-lab[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.tg-sw{width:calc(52 * var(--g));height:calc(56 * var(--g));cursor:grab;touch-action:none;background:0 0;border:0;flex:none;padding:0;position:relative}.toggle.throwing .tg-sw{cursor:grabbing}.tg-sw .nut{width:calc(30 * var(--g));height:calc(30 * var(--g));margin:calc(-15 * var(--g)) 0 0 calc(-15 * var(--g));background:repeating-radial-gradient(circle, var(--pl-spun) 0 .7px, transparent .7px 1.4px), conic-gradient(from 90deg, var(--pl-an), transparent 25%, var(--pl-an) 50%, transparent 75%, var(--pl-an)), radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--pl-c1) 92%, var(--mix-light)), var(--pl-c2) 82%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 3px var(--pl-drop), 0 0 0 calc(4 * var(--g)) var(--pl-mod), 0 0 0 calc(5 * var(--g)) var(--pl-mod-edge);border-radius:50%;position:absolute;top:58%;left:50%}.tg-sw .nut:after{content:"";background:var(--pl-tray);box-shadow:inset 0 1px 2px var(--pl-tsh);border-radius:50%;position:absolute;inset:30%}.tg-sw .lever{width:calc(9 * var(--g));height:calc(30 * var(--g));margin:calc(-30 * var(--g)) 0 0 calc(-4.5 * var(--g));transform-origin:50% 100%;border-radius:calc(5 * var(--g)) calc(5 * var(--g)) 3px 3px;background:linear-gradient(90deg, var(--pl-c2), color-mix(in srgb, var(--pl-c1) 85%, var(--mix-light)) 45%, var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), 3px 4px 5px -2px var(--pl-drop2);transition:transform .2s cubic-bezier(.35,1.5,.6,1);position:absolute;top:58%;left:50%;transform:rotate(55deg)}.toggle.throwing .tg-sw .lever{transition:transform 60ms var(--ease-out)}.toggle.throwing.flip .tg-sw .lever{transition:transform .2s cubic-bezier(.35,1.5,.6,1)}.tg-sw .lever:before{content:"";left:50%;top:calc(-5 * var(--g));width:calc(13 * var(--g));height:calc(13 * var(--g));margin-left:calc(-6.5 * var(--g));background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--pl-c1) 80%, var(--mix-light)), var(--pl-c2) 80%);box-shadow:0 0 0 .5px var(--pl-edge), 0 2px 3px var(--pl-drop);border-radius:50%;position:absolute}.toggle[data-pos="0"] .tg-sw .lever{transform:rotate(-55deg)}.toggle.three{align-items:center;column-gap:calc(10 * var(--g));row-gap:calc(2 * var(--g));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:".m.""l sw r";display:grid}.toggle.three>.tg-lab.mid{text-align:center;grid-area:m;justify-self:center}.toggle.three>.tg-lab.mid b{flex-direction:row;justify-content:center}.toggle.three>.tg-lab.mid>span{padding:0}.toggle.three>.tg-lab:nth-child(2){text-align:right;grid-area:l;justify-self:end}.toggle.three>.tg-lab:nth-child(2) b{flex-direction:row-reverse}.toggle.three>.tg-lab:nth-child(2)>span{padding:0 calc(14 * var(--g)) 0 0}.toggle.three>.tg-sw{grid-area:sw}.toggle.three>.tg-lab:last-child{grid-area:r;justify-self:start}.toggle[data-pos=m] .tg-sw .lever{transform:rotate(0)}.twheel{height:calc(26 * var(--g));min-width:calc(80 * var(--g));border-radius:calc(4 * var(--g));touch-action:none;cursor:ew-resize;background:var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);outline:none;position:relative}.twheel .tw-drum{inset:calc(3 * var(--g)) calc(5 * var(--g));border-radius:calc(3 * var(--g));background:var(--noise), linear-gradient(180deg, color-mix(in srgb, var(--pl-c1) 90%, var(--mix-light)), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi);position:absolute}.twheel svg{inset:calc(3 * var(--g)) calc(5 * var(--g));width:calc(100% - 10 * var(--g));height:calc(100% - 6 * var(--g));position:absolute;overflow:hidden}.twheel svg line{stroke:var(--pl-rib-lo);stroke-width:1.2px}.twheel .tw-shade{inset:calc(3 * var(--g)) calc(5 * var(--g));border-radius:calc(3 * var(--g));pointer-events:none;background:linear-gradient(90deg, var(--pl-lo), transparent 22%, transparent 78%, var(--pl-lo)), linear-gradient(180deg, var(--pl-hi), transparent 45%);position:absolute}.twheel :is(.tw-drum,svg,.tw-shade){transform-origin:50%;transition:transform var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out)}.twheel{transition:box-shadow var(--dur-press) var(--ease-out)}.twheel.turning{box-shadow:inset 0 1px 6px var(--pl-tsh), 0 1px 0 var(--pl-tlip)}.twheel.turning :is(.tw-drum,svg,.tw-shade){transform:scale(.96)}.twheel.turning .tw-drum{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 0 3px 1px var(--pl-tsh)}.twheel.kick svg{animation:tw-kick .22s var(--ease-out)}@keyframes tw-kick{0%{translate:0}30%{translate:calc(var(--kick,1) * 2px) 0}to{translate:0}}.smeter{width:calc(92 * var(--g));height:calc(14 * var(--g));flex:none;position:relative}.smeter .sm-track{left:0;right:0;top:calc(6 * var(--g));background:var(--line-strong);height:1px;position:absolute}.smeter .sm-track:before,.smeter .sm-track:after{content:"";top:calc(-3 * var(--g));width:1px;height:calc(7 * var(--g));background:var(--line-strong);position:absolute}.smeter .sm-track:before{left:0}.smeter .sm-track:after{right:0}.smeter .sm-zero{width:1px;height:calc(13 * var(--g));background:var(--line-strong);position:absolute;top:0;left:50%}.smeter .sm-bar{top:calc(4 * var(--g));height:calc(5 * var(--g));background:var(--sm-c,var(--c-slope));position:absolute}.smeter.na .sm-bar{display:none}.smeter.na .sm-track{background:repeating-linear-gradient(90deg, var(--line-strong) 0 3px, transparent 3px 6px)}.gap-meter{gap:calc(2 * var(--g));width:100%;max-width:calc(220 * var(--g));display:flex}.gap-meter b{height:calc(5 * var(--g));background:color-mix(in srgb, var(--line) 80%, transparent);border-radius:1px;flex:1;transition:background-color .18s}.gap-meter b.on{background:var(--gm-on,var(--c-slope))}:root:not([data-theme=light]) .gap-meter b.on{box-shadow:0 0 5px color-mix(in srgb, var(--c-slope) 45%, transparent)}.gap-meter.na b{background:repeating-linear-gradient(135deg, var(--line) 0 2px, transparent 2px 4px)}.console-panel{isolation:isolate;background:var(--pn-face);box-shadow:var(--pn-shadow);backdrop-filter:blur(16px)saturate(140%);border:0;border-radius:18px;position:relative}.console-panel:before,.console-panel:after{content:"";border-radius:inherit;-webkit-mask:linear-gradient(var(--mask-ink) 0 0) content-box, linear-gradient(var(--mask-ink) 0 0);-webkit-mask-composite:xor;mask:linear-gradient(var(--mask-ink) 0 0) content-box exclude, linear-gradient(var(--mask-ink) 0 0);pointer-events:none;z-index:-1;padding:1px;position:absolute}.console-panel:before{background:var(--pn-rim);inset:0}.console-panel:after{background:var(--pn-rim2);border-radius:17px;inset:1px}.console-panel.on-picture{background:var(--pn-face), var(--pn-under)}@media (prefers-reduced-transparency:reduce){.console-panel.on-picture{background:var(--pn-face), var(--bg);-webkit-backdrop-filter:none}}@media (width<=980px){.console-panel.on-picture{box-shadow:none;-webkit-backdrop-filter:none;background:0 0}.console-panel.on-picture:before,.console-panel.on-picture:after{display:none}}.pplane{--pp-mark:var(--pl-tx);column-gap:calc(4 * var(--g));row-gap:calc(2 * var(--g));color:var(--text);grid-template-rows:auto auto auto auto;grid-template-columns:auto minmax(0,1fr);display:grid}.pp-axis{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.08em;color:var(--pl-lab);white-space:nowrap}.pp-axis.y{margin-right:calc(8 * var(--g));grid-area:1/1;justify-self:end}.pp-axis.x{grid-area:4/2;justify-self:end}.pp-scale{font-family:var(--font-mono);font-size:calc(10 * var(--u));color:var(--pl-lab);position:relative}.pp-scale.y{width:calc(27 * var(--g));margin:calc(5 * var(--g)) 0;grid-area:2/1}.pp-scale.x{height:calc(18 * var(--g));margin:0 calc(5 * var(--g));grid-area:3/2}.pp-scale span{white-space:nowrap;position:absolute}.pp-scale.y span{right:calc(8 * var(--g));transform:translateY(-50%)}.pp-scale.y span:after{content:"";left:calc(100% + 3 * var(--g));width:calc(4 * var(--g));background:var(--pl-lab);opacity:.6;height:1px;position:absolute;top:50%}.pp-scale.x span{top:calc(7 * var(--g));transform:translate(-50%)}.pp-scale.x span:before{content:"";left:50%;top:calc(-6 * var(--g));width:1px;height:calc(4 * var(--g));background:var(--pl-lab);opacity:.6;position:absolute}.pp-ptr{border:calc(4 * var(--g)) solid transparent;width:0;height:0;position:absolute}.pp-scale.y .pp-ptr{right:calc(-4 * var(--g));margin-top:calc(-4 * var(--g));border-left-color:var(--pp-mark);border-right-width:0}.pp-scale.x .pp-ptr{top:calc(-4 * var(--g));margin-left:calc(-4 * var(--g));border-bottom-color:var(--pp-mark);border-top-width:0}.pplane.off-map .pp-ptr,.pplane.off-map .pp-x,.pplane.off-map .pp-g{visibility:hidden}.pp-bezel{padding:calc(5 * var(--g));border-radius:calc(10 * var(--g));background:var(--noise), var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge);grid-area:2/2}.pp-screen{aspect-ratio:var(--pp-aspect,1.25);border-radius:calc(5 * var(--g));box-shadow:0 0 0 .5px var(--pl-edge);cursor:crosshair;touch-action:none;outline:none;position:relative;overflow:hidden}.pp-screen>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pp-screen:focus-visible{box-shadow:0 0 0 1.5px var(--accent)}.pp-sheen,.pp-vig{pointer-events:none;position:absolute;inset:0}.pp-sheen{background:linear-gradient(104deg, var(--pl-sh1) 0%, var(--pl-sh2) 26%, transparent 48%, transparent 84%, var(--pl-sh2))}.pp-vig{border-radius:inherit;box-shadow:inset 1px 1px 0 var(--pl-ge1), inset -1px 0 0 var(--pl-ge2), inset 0 -1px 0 var(--pl-ge3), inset 0 0 calc(14 * var(--g)) var(--pl-gv)}.pp-mark{pointer-events:none;z-index:1;position:absolute;transform:translate(-50%,-50%)}.pp-mark i{width:calc(6 * var(--g));height:calc(6 * var(--g));border:1px solid var(--text);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:50%;display:block}.pp-mark b{left:calc(9 * var(--g));padding:1px calc(4 * var(--g));background:color-mix(in srgb, var(--bg) 78%, transparent);font-family:var(--font-ui);font-size:var(--fs-2xs);white-space:nowrap;color:var(--text);opacity:0;transition:opacity var(--dur-state);border-radius:2px;font-weight:450;position:absolute;top:50%;transform:translateY(-50%)}.pp-mark.near b,.pp-mark.on b{opacity:1}.pp-mark.on i{border-color:var(--pp-mark);background:var(--pp-mark)}.pp-mark.disabled{opacity:.4}.pp-guide{border-left:1px dashed color-mix(in srgb, var(--text) 40%, transparent);pointer-events:none;width:0;position:absolute;top:0;bottom:0}.pp-guide b{top:calc(4 * var(--g));left:calc(4 * var(--g));font-family:var(--font-mono);font-size:calc(10 * var(--u));color:var(--text-2);white-space:nowrap;font-weight:400;position:absolute}.pp-x,.pp-g{pointer-events:none;width:0;height:0;position:absolute}.pp-x{z-index:2}.pp-g{z-index:0}.pp-g i{display:block;position:absolute}.pp-g .h,.pp-g .v{filter:drop-shadow(0 0 .6px color-mix(in srgb, var(--mask-ink) 60%, transparent))}.pp-g .h{background:linear-gradient(90deg, color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0 calc(50% - 22px), transparent 0 calc(50% + 22px), color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0);width:4000px;height:1px;top:-.5px;left:-2000px}.pp-g .v{background:linear-gradient(color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0 calc(50% - 22px), transparent 0 calc(50% + 22px), color-mix(in srgb, var(--on-dark-text) 42%, transparent) 0);width:1px;height:4000px;top:-2000px;left:-.5px}.pp-loupe{left:calc(-20 * var(--g));top:calc(-20 * var(--g));width:calc(40 * var(--g));height:calc(40 * var(--g));box-sizing:border-box;padding:calc(3 * var(--g));background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--pl-c1) 90%, var(--mix-light)), var(--pl-c2) 85%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 4px var(--pl-drop), 0 calc(6 * var(--g)) calc(10 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transition:transform .14s var(--ease-out);border-radius:50%;position:absolute}.pp-lens{background:var(--pl-bg);width:100%;height:100%;box-shadow:inset 0 0 0 .5px var(--pl-edge);border-radius:50%;display:block;position:relative;overflow:hidden}canvas.pp-lens-img{width:100%;height:100%;display:block;position:absolute;inset:0}.pp-lens-img:not(canvas){display:block;position:absolute;top:50%;left:50%}.pp-lens:after{content:"";pointer-events:none;background:radial-gradient(circle at 34% 26%, var(--pl-sh1), transparent 46%);box-shadow:inset 0 2px 4px var(--pl-gv), inset 0 0 0 1px var(--pl-ge2);border-radius:50%;position:absolute;inset:0}.pp-etch{pointer-events:none;background:linear-gradient(90deg, transparent calc(50% - .5px), color-mix(in srgb, var(--on-dark-text) 70%, transparent) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px)), linear-gradient(transparent calc(50% - .5px), color-mix(in srgb, var(--on-dark-text) 70%, transparent) calc(50% - .5px) calc(50% + .5px), transparent calc(50% + .5px));-webkit-mask:radial-gradient(circle, transparent 3px, var(--mask-ink) 3.5px, var(--mask-ink) 60%, transparent 61%);mask:radial-gradient(circle, transparent 3px, var(--mask-ink) 3.5px, var(--mask-ink) 60%, transparent 61%);filter:drop-shadow(0 0 .6px color-mix(in srgb, var(--mask-ink) 70%, transparent));position:absolute;inset:0}.pplane.over .pp-screen{cursor:grab}.pplane.dragging .pp-screen{cursor:grabbing}.pplane.over .pp-loupe,.pplane.dragging .pp-loupe{transform:scale(1.08)}.pp-mark.on b{left:calc(25 * var(--g))}.pp-mark.flip b{left:auto;right:calc(9 * var(--g))}.pp-mark.on.flip b{right:calc(25 * var(--g))}.pplane.snap .pp-x,.pplane.snap .pp-g,.pplane.snap .pp-ptr{transition:left 80ms var(--ease-out), top 80ms var(--ease-out)}.pplane.jump .pp-x,.pplane.jump .pp-g,.pplane.jump .pp-ptr{transition:left var(--jump,.3s) var(--ease-travel), top var(--jump,.3s) var(--ease-travel)}@media (prefers-reduced-motion:reduce){.pplane .pp-x,.pplane .pp-g,.pplane .pp-ptr,.pp-loupe{transition:none!important}}.dkeys{--dk-on:var(--c-h);gap:calc(12 * var(--g));min-width:0;display:grid}.dk-group{gap:calc(6 * var(--g));display:grid}.dk-name{white-space:nowrap;padding-left:calc(2 * var(--g))}.dk-row{gap:calc(8 * var(--g));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.dk-key{appearance:none;align-content:start;gap:calc(6 * var(--g));width:100%;min-width:0;color:var(--pl-lab);font-family:var(--font-ui);font-size:var(--fs-2xs);cursor:pointer;transition:color var(--dur-state);background:0 0;border:0;justify-items:center;margin:0;padding:0;display:grid}.dk-key:focus-visible{outline:1px solid var(--accent);outline-offset:2px;border-radius:2px}.dk-key:disabled{opacity:.4;cursor:not-allowed}.dk-label{text-align:center;max-width:100%;line-height:1.25}.dk-rim{aspect-ratio:1;box-sizing:border-box;width:86%;padding:calc(4 * var(--g));background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--pl-c1) 92%, var(--mix-light)), var(--pl-c2) 82%);box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 2px 3px var(--pl-drop), 0 calc(6 * var(--g)) calc(10 * var(--g)) calc(-3 * var(--g)) var(--pl-drop2);border-radius:50%;display:block;position:relative}.dk-rim:before{content:"";pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);background:repeating-radial-gradient(circle at 50% 50%, var(--pl-spun) 0 .7px, transparent .7px 1.4px), radial-gradient(circle at 50% 35%, oklch(from var(--dk-on) .66 calc(c * .85) h), oklch(from var(--dk-on) .45 calc(c * .85) h) 82%);box-shadow:inset 0 1px 0 oklch(from var(--dk-on) .82 calc(c * .5) h), inset 0 -1px 0 oklch(from var(--dk-on) .35 calc(c * .8) h);border-radius:50%;position:absolute;inset:0}.dk-key[aria-pressed=true] .dk-rim:before{opacity:1}.dk-dish{background:var(--pl-bg);width:100%;height:100%;transition:transform .18s var(--ease-spring);box-shadow:0 0 0 .5px var(--pl-edge), 0 -1px 0 var(--pl-dish-t), 0 1px 0 var(--pl-dish-b);border-radius:50%;display:block;position:relative;overflow:hidden}.dk-dish img{object-fit:cover;width:100%;height:100%;display:block}.dk-glass{pointer-events:none;background:radial-gradient(circle at 32% 24%, var(--pl-sh1), var(--pl-sh2) 32%, transparent 52%);box-shadow:inset 0 2px 4px var(--pl-gv), inset 0 0 0 1px var(--pl-ge2);border-radius:50%;position:absolute;inset:0}.dk-iris{pointer-events:none;position:absolute;inset:0;container-type:size}.dk-iris i{transform-origin:0 0;width:110cqw;height:60cqw;transform:rotate(calc(var(--b) * 60deg - 28deg)) translate(-22cqw, 53cqw);background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:inset 0 1px 0 var(--pl-hi), 0 -1px 3px var(--pl-tsh);transition:transform .4s var(--ease-out);position:absolute;top:50%;left:50%}.dk-key:hover:not(:disabled):not([aria-pressed=true]) .dk-iris i{transform:rotate(calc(var(--b) * 60deg - 15deg)) translate(-22cqw, 44cqw)}.dk-key[aria-pressed=true] .dk-iris i{transform:rotate(calc(var(--b) * 60deg)) translate(-22cqw, 34cqw);transition:transform .3s cubic-bezier(.3,1.35,.55,1)}.dk-key.down .dk-dish{transition:transform 70ms var(--ease-press);transform:translateY(1.5px)}.dk-glass{transition:box-shadow .18s var(--ease-out)}.dk-key.down .dk-glass{box-shadow:inset 0 3px 6px var(--pl-gv), inset 0 0 0 1px var(--pl-ge2);transition-duration:70ms}.dk-key[aria-pressed=true] .dk-rim:before{transition-duration:80ms}@media (prefers-reduced-motion:reduce){.dk-iris i,.dk-rim:before,.dk-dish,.dk-glass{transition:none!important}}.knob,.twheel,.mode-dial,.pbtn .pcap,.kb-seg,.fader-cur .glass,.knob:focus-visible,.twheel:focus-visible,.mode-dial:focus-visible,.pbtn .pcap:focus-visible,.kb-seg:focus-visible{outline:none}.knob:focus:not([data-pointer]) :is(.skirt,.bezel),.mode-dial:focus-visible .ring,.pbtn:has(.pcap:focus-visible) .bez,.fader:has(.fader-input:focus-visible) .fader-cur .glass,.twheel:focus:not([data-pointer]){outline:1.5px solid var(--accent);outline-offset:2px}.kb-seg:focus-visible{outline:1.5px solid var(--accent);outline-offset:-3px}.pkey,.lkey,.akey{appearance:none;font-family:var(--font-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;margin:0}.pkey:focus-visible,.lkey:focus-visible,.akey:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.key-t{white-space:nowrap;line-height:1.2}.key-t .katex{font-size:1.08em}.pkeys{gap:calc(8 * var(--g));padding:calc(2 * var(--g));min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.pkeys.grid{grid-template-columns:repeat(var(--pk-cols,2), minmax(0, 1fr));display:grid}.pkey{justify-content:center;align-items:center;gap:calc(6 * var(--g));min-width:0;height:calc(28 * var(--g));padding:0 calc(8 * var(--g));border-radius:calc(4 * var(--g));background:var(--noise), linear-gradient(180deg, color-mix(in srgb, var(--pl-c1) 70%, var(--pl-c2)), var(--pl-c2));box-shadow:0 0 0 calc(1.5 * var(--g)) var(--pl-tray), 0 0 0 calc(2 * var(--g)) var(--pl-edge), 0 1px 0 calc(2 * var(--g)) var(--pl-tlip), inset 0 1px 0 var(--pl-hi);font:inherit;color:var(--pl-eng);text-shadow:var(--pl-eng-sh);transition:color var(--dur-state), box-shadow .14s var(--ease-out), background .14s;flex:1 1 0;display:flex}.pkey[aria-pressed=true]{background:var(--noise), var(--pl-c2);box-shadow:0 0 0 calc(1.5 * var(--g)) var(--pl-tray), 0 0 0 calc(2 * var(--g)) var(--pl-edge), 0 1px 0 calc(2 * var(--g)) var(--pl-tlip), inset 0 1px 2px var(--pl-lo)}.pkey:hover:not([aria-pressed=true]) .lamp{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.pkey.down{background:var(--noise), var(--pl-c2);box-shadow:0 0 0 calc(1.5 * var(--g)) var(--pl-tray), 0 0 0 calc(2 * var(--g)) var(--pl-edge), 0 1px 0 calc(2 * var(--g)) var(--pl-tlip), inset 0 2px 3px var(--pl-lo);transition-duration:var(--dur-state), 50ms, 50ms}.pkey>*{transition:transform .14s var(--ease-spring)}.pkey[aria-pressed=true]>*,.pkey.down>*{transform:translateY(.5px)}.pkey.down>*{transition-duration:50ms;transition-timing-function:var(--ease-press)}.pkey .lamp,.lkey .slot{background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform .14s var(--ease-spring);flex:none;display:block}.pkey.down .lamp{transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out), transform 50ms var(--ease-press)}.pkey .lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));border-radius:50%}.pkey[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms,40ms,.14s}.lkey,.akey{height:calc(32 * var(--g));border-radius:calc(5 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(5 * var(--g)) calc(8 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);color:var(--pl-lab);transition:color var(--dur-state), transform .16s var(--ease-spring), box-shadow .16s var(--ease-spring);justify-content:center;align-items:center;display:inline-flex}.lkey:hover:not([aria-pressed=true]) .slot{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.akey:hover:not(.down):not(:disabled){box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 .5px 1.5px var(--pl-drop), 0 calc(3 * var(--g)) calc(6 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transform:translateY(.5px)}.lkey.down,.akey.down,.lkey[aria-pressed=true]{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 2px var(--pl-lo), 0 .5px 1px var(--pl-drop);transform:translateY(1px)}.lkey.down,.akey.down{transition-duration:var(--dur-state), 60ms, 60ms;transition-timing-function:var(--ease-out), var(--ease-press), var(--ease-press)}.lkey{gap:calc(8 * var(--g));padding:0 calc(12 * var(--g));font-size:var(--fs-s)}.lkey .slot{width:calc(3 * var(--g));height:calc(13 * var(--g));border-radius:2px}.lkey[aria-pressed=true] .slot{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.akey{min-width:calc(32 * var(--g));padding:0 calc(8 * var(--g));font-size:var(--fs-xl)}.akey.word{font-size:var(--fs-s);padding:0 calc(12 * var(--g))}.akey:disabled,.lkey:disabled,.pkey:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.pkey,.pkey>*,.lkey,.akey,.wkey,.dw-key,.sdr-key,.kb-seg,.kb-seg>*,.pbtn .pcap{transition:none}}.vkeys{gap:calc(6 * var(--g));min-width:0;padding:calc(2 * var(--g));font-family:var(--font-mono);font-size:var(--fs-xs);display:flex}.vkeys.grid{grid-template-columns:repeat(var(--pk-cols,2), minmax(0, 1fr));display:grid}.vkey{appearance:none;padding:0 calc(8 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0;height:calc(24 * var(--g));border-radius:calc(12 * var(--g));min-height:24px;font:inherit;color:var(--pl-eng);text-shadow:var(--pl-eng-sh);background:0 0;background:color-mix(in srgb, var(--pl-tray) 32%, transparent);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--pl-tsh) 75%, transparent), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition:box-shadow .15s var(--ease-out), background-color .15s;border:0;flex:1 1 0;justify-content:center;align-items:center;margin:0;display:flex}.vkey:hover{box-shadow:inset 0 1.5px 4px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi)}.vkey.down{background:color-mix(in srgb, var(--pl-tray) 62%, transparent);box-shadow:inset 0 2px 5px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition-duration:50ms}.vkey:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.vkey:disabled{opacity:.4;cursor:not-allowed}.vrows{--vr-on:var(--c-dy);--vr-lim:var(--c-a);gap:calc(5 * var(--g));min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);display:grid}.vrow-cols,.vrow{grid-template-columns:minmax(0, 1fr) auto var(--vr-win,calc(96 * var(--g)));column-gap:calc(10 * var(--g));align-items:center;display:grid}.vrow-cols{padding:0 calc(3 * var(--g)) 0 calc(12 * var(--g));color:var(--pl-lab)}.vrow-cols span{text-align:right;font-family:var(--font-ui);font-size:var(--fs-2xs)}.vrow{appearance:none;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:calc(30 * var(--g));padding:0 calc(3 * var(--g)) 0 calc(12 * var(--g));border-radius:calc(15 * var(--g));background:color-mix(in srgb, var(--pl-tray) 32%, transparent);box-shadow:inset 0 1px 3px color-mix(in srgb, var(--pl-tsh) 75%, transparent), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition:box-shadow .15s var(--ease-out), background-color .15s;border:0;margin:0}.vrow:hover{box-shadow:inset 0 1.5px 4px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi)}.vrow.down{background:color-mix(in srgb, var(--pl-tray) 62%, transparent);box-shadow:inset 0 2px 5px var(--pl-tsh), inset 0 -.5px 0 var(--pl-hi), 0 1px 0 var(--pl-hi);transition-duration:50ms}.vrow:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.vrow.still{cursor:default;box-shadow:none;background:0 0}.vrow-name{font-family:var(--font-ui);font-size:var(--fs-s);color:var(--pl-eng);text-shadow:var(--pl-eng-sh);white-space:nowrap;text-overflow:clip;overflow:hidden}.vrow-val{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--pl-eng);text-shadow:var(--pl-eng-sh);text-align:right;font-variant-numeric:tabular-nums}.vrow-win{height:calc(24 * var(--g));line-height:calc(24 * var(--g));padding:0 calc(8 * var(--g));border-radius:calc(12 * var(--g));font-family:var(--font-mono);font-size:var(--fs-xs);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--disp-bg);box-shadow:inset 0 1px 2px var(--pl-tsh), inset 0 0 0 1px var(--disp-line);display:block;overflow:hidden}.vrow.still .vrow-win{box-shadow:none;background:0 0}.vrow-win b{color:var(--vr-on);font-weight:400}.vrow-win i{color:color-mix(in srgb, var(--vr-on) 42%, transparent);font-style:normal}:root[data-theme=light] .vrow-win b{color:color-mix(in srgb, var(--vr-on) 68%, var(--pl-tx))}:root[data-theme=light] .vrow-win i{color:color-mix(in srgb, var(--vr-on) 46%, transparent)}.vrow.still .vrow-win b{color:var(--vr-lim)}@media (prefers-reduced-motion:reduce){.vrow{transition:none}}.rec-screen{--rec-fs:var(--fs-xs);--rec-row:calc(var(--fs-xs) * 1.6);--rec-gw:calc(var(--rec-fs) * .95);--rec-cp:calc(var(--rec-fs) * .9);--rec-barw:calc(56 * var(--g));--rec-bz:calc(3 * var(--g));--rec-pl:calc(4 * var(--g));--rec-pr:calc(12 * var(--g));min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);grid-template-columns:minmax(0,1fr);display:grid}.rec-screen.tight{--rec-fs:var(--fs-2xs);font-size:var(--fs-2xs)}.rec-screen,.rec-screen *{transition:none}.rec-win,.rec-lcd{min-width:0;position:relative}.rec-lcd{padding:calc(4 * var(--g)) 0 calc(3 * var(--g));overflow:hidden}.rec-head,.rec-row{grid-template-columns:var(--rec-tpl);justify-content:var(--rec-just,space-between);white-space:nowrap;display:grid}.rec-head{font-family:var(--font-ui);font-size:var(--fs-2xs);line-height:1.3}.rec-head .katex{font-size:1.05em}.rec-hc,.rec-v{padding-left:var(--rec-cp)}.rec-head>:first-child,.rec-row>:first-child{padding-left:0}.rec-view{position:relative}.rec-body{height:calc(var(--rec-rows) * var(--rec-row));overscroll-behavior:contain;scrollbar-width:none;outline:none;position:relative;overflow:hidden auto}.rec-body::-webkit-scrollbar{display:none}.rec-body:focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent)}.rec-list{padding:0 var(--rec-pr) 0 calc(var(--rec-pl) + var(--rec-gw))}.rec-row{height:var(--rec-row);line-height:var(--rec-row);font-variant-numeric:tabular-nums;box-shadow:inset 0 -1px 0 var(--lcd-rule);position:relative}.rec-row.last{background:var(--lcd-band)}.rec-row.fresh{animation:rec-in var(--dur-state) var(--ease-out) both}@keyframes rec-in{0%{opacity:0}}.rec-v b,.rec-v i{font-weight:inherit;font-style:normal}.rec-v b{text-align:right;display:inline-block}.rec-v.word{font-family:var(--font-ui)}.rec-v.is-bar{align-items:center;display:flex}.rec-bar{height:calc(4 * var(--g));background:currentColor;border-radius:1px;display:block}.rec-empty{font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--text-3);text-align:center;white-space:normal;place-items:center;padding:0 1em;line-height:1.4;display:grid;position:absolute;inset:0}.rec-empty[hidden]{display:none}.rec-rail{right:calc(6 * var(--g));top:calc(2 * var(--g));bottom:calc(2 * var(--g));background:color-mix(in srgb, var(--text-3) 16%, transparent);pointer-events:none;border-radius:1px;width:2px;position:absolute}.rec-rail[hidden]{display:none}.rec-thumb{background:color-mix(in srgb, var(--text-3) 70%, transparent);border-radius:1px;position:absolute;left:0;right:0}.rec-more{z-index:1;right:calc(6 * var(--g));bottom:calc(3 * var(--g));appearance:none;padding:0 calc(5 * var(--g));cursor:pointer;font-family:var(--font-mono);font-size:var(--fs-2xs);line-height:calc(15 * var(--g));color:var(--text-2);background:color-mix(in srgb, var(--disp-bg) 88%, transparent);box-shadow:inset 0 0 0 1px var(--disp-line);border:0;border-radius:2px;margin:0;position:absolute}.rec-more[hidden]{display:none}.rec-more:focus-visible{outline:1.5px solid var(--accent);outline-offset:1px}.rec-foot{height:calc(var(--rec-foot) * 1.35 * var(--fs-2xs));padding:calc(3 * var(--g)) var(--rec-pr) 0 calc(var(--rec-pl) + var(--rec-gw));box-sizing:content-box;font-family:var(--font-ui);font-size:var(--fs-2xs);color:var(--text-3);box-shadow:inset 0 1px 0 var(--lcd-rule);line-height:1.35;overflow:hidden}.rec-foot[hidden]{display:none}.rec-screen.scrolls .rec-foot{padding-right:calc(var(--rec-pr) + 30 * var(--g))}.rec-screen.in-panel .rec-v.t-h{color:color-mix(in srgb, var(--c-h) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v.t-y{color:color-mix(in srgb, var(--c-dy-text) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v.t-a{color:color-mix(in srgb, var(--c-a) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v.t-ink{color:color-mix(in srgb, var(--text) var(--lcd-ink-k), var(--lcd-ink))}.rec-screen.in-panel .rec-v{text-shadow:var(--lcd-ink-shadow)}.rec-screen.in-panel>.rec-head{padding:0 calc(var(--rec-bz) + var(--rec-pr)) calc(5 * var(--g)) calc(var(--rec-bz) + var(--rec-pl) + var(--rec-gw))}.rec-screen.in-panel>.rec-head .rec-hc{color:var(--pl-eng);text-shadow:var(--pl-eng-sh);letter-spacing:.04em;position:relative}.rec-screen.in-panel>.rec-head .rec-hc.t-h{color:var(--engrave)}.rec-screen.in-panel>.rec-head .rec-hc.t-y{color:color-mix(in srgb, var(--c-dy-text) 64%, var(--pl-eng))}.rec-screen.in-panel>.rec-head .rec-hc.t-a{color:color-mix(in srgb, var(--c-a) 64%, var(--pl-eng))}.rec-screen.in-panel>.rec-head .rec-hc:after{content:"";left:var(--rec-cp);bottom:calc(-5 * var(--g));width:1px;height:calc(3 * var(--g));background:var(--pl-lab);opacity:.55;position:absolute}.rec-screen.in-panel>.rec-head .rec-hc:first-child:after{left:0}.rec-screen.in-panel .rec-win{padding:var(--rec-bz);border-radius:calc(4 * var(--g));background:var(--pl-tray);box-shadow:inset 0 calc(2 * var(--g)) calc(3 * var(--g)) var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge)}.rec-screen.in-panel .rec-lcd{border-radius:calc(1.5 * var(--g));background:var(--lcd-grain), repeating-linear-gradient(0deg, var(--lcd-px) 0 1px, transparent 1px calc(3 * var(--g))), repeating-linear-gradient(90deg, var(--lcd-px) 0 1px, transparent 1px calc(3 * var(--g))), radial-gradient(45% 60% at 0% 100%, var(--lcd-led), transparent 70%), radial-gradient(45% 60% at 100% 100%, var(--lcd-led), transparent 70%), linear-gradient(0deg, var(--lcd-led), transparent 45%), radial-gradient(120% 70% at 50% 0%, var(--lcd-lift), transparent 70%), var(--lcd-bg);box-shadow:inset 0 0 0 calc(3 * var(--g)) var(--lcd-off), inset 0 calc(2 * var(--g)) calc(4 * var(--g)) var(--lcd-wall), inset 0 0 0 .5px var(--pl-edge)}.rec-screen.in-window{--rec-pl:0px;--rec-pr:calc(8 * var(--g));--lcd-rule:color-mix(in srgb, var(--text-3) 14%, transparent);--lcd-band:color-mix(in srgb, var(--text-3) 12%, transparent)}.rec-screen.in-window .rec-lcd{padding:0}.rec-screen.in-window .rec-head{padding:0 var(--rec-pr) calc(4 * var(--g)) calc(var(--rec-pl) + var(--rec-gw));box-shadow:inset 0 -1px 0 var(--lcd-rule);margin-bottom:calc(2 * var(--g))}.rec-screen.in-window .rec-hc{color:var(--text-3)}.rec-screen.in-window .rec-hc.t-h{color:color-mix(in srgb, var(--c-h) 78%, var(--text-3))}.rec-screen.in-window .rec-hc.t-y{color:color-mix(in srgb, var(--c-dy-text) 78%, var(--text-3))}.rec-screen.in-window .rec-hc.t-a{color:color-mix(in srgb, var(--c-a) 78%, var(--text-3))}.rec-screen.in-window .rec-v.t-h{color:var(--c-h)}.rec-screen.in-window .rec-v.t-y{color:var(--c-dy-text)}.rec-screen.in-window .rec-v.t-a{color:var(--c-a)}.rec-screen.in-window .rec-v.t-ink{color:var(--text)}.rec-screen.in-window .rec-rail{right:calc(2 * var(--g))}.rec-screen.in-window .rec-more{right:calc(10 * var(--g));bottom:calc(2 * var(--g))}@media (prefers-reduced-motion:reduce){.rec-row.fresh{animation:none}}.wkey{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;height:calc(32 * var(--g));min-height:24px;padding:0 calc(13 * var(--g));border-radius:calc(5 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(5 * var(--g)) calc(8 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transition:transform .16s var(--ease-spring), box-shadow .16s var(--ease-spring);border:0;justify-content:center;align-items:center;margin:0;display:inline-flex;position:relative}.wkey:hover:not([aria-pressed=true]):not(.down){transform:translateY(.5px)}.wkey.down,.wkey[aria-pressed=true]{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 2px var(--pl-lo), 0 .5px 1px var(--pl-drop);transform:translateY(1px)}.wkey.down{transition-duration:60ms;transition-timing-function:var(--ease-press)}.wkey:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.wkey:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);background:radial-gradient(60% 70% at 50% 50%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 75%);position:absolute;inset:3px}.wkey[aria-pressed=true]:before{opacity:1;transition-duration:60ms}.wk-t{font-family:var(--font-ui);font-size:var(--fs-s);letter-spacing:.1em;white-space:nowrap;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(180deg, color-mix(in srgb, var(--pl-tx) 74%, var(--pl-c2)) 15%, color-mix(in srgb, var(--pl-tx) 56%, var(--pl-c2)) 90%);filter:drop-shadow(0 -.5px 0 var(--pl-lo)) drop-shadow(0 .6px 0 var(--pl-tlip));font-weight:650;position:relative}.wk-t:after{content:attr(data-t);color:#0000;-webkit-background-clip:text;background-clip:text;background-image:radial-gradient(120% 140% at 50% 50%, color-mix(in srgb, var(--accent) 45%, var(--mix-light)) 0%, color-mix(in srgb, var(--accent) 78%, var(--mix-light)) 50%, var(--accent) 100%);filter:drop-shadow(0 0 .8px color-mix(in srgb, var(--accent) 80%, transparent)) drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 45%, transparent));opacity:0;transition:opacity .3s var(--ease-out);position:absolute;inset:0}.wkey[aria-pressed=true] .wk-t:after{opacity:1;transition-duration:60ms}.wkey:hover:not([aria-pressed=true]) .wk-t:after{opacity:.18}:root[data-theme=light] .wk-t{color:color-mix(in srgb, var(--pl-tx) 66%, var(--pl-c2));filter:none;text-shadow:0 1px 0 var(--pl-hi);background-image:none}:root[data-theme=light] .wk-t:after{color:color-mix(in srgb, var(--accent) 78%, var(--pl-tx));filter:none;text-shadow:0 0 1px color-mix(in srgb, var(--accent) 70%, transparent), 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);background-image:none}:root[data-theme=light] .wkey:before{background:radial-gradient(60% 70% at 50% 50%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 75%)}.pbar{justify-content:space-between;align-items:center;gap:calc(8 * var(--g));padding-top:calc(10 * var(--g));border-top:1px solid var(--line);display:flex}.pb-group{align-items:center;gap:calc(6 * var(--g));min-width:0;display:flex}.pb-key,.pbar .sdr-key{appearance:none;align-items:center;gap:calc(6 * var(--g));height:calc(26 * var(--g));min-height:24px;padding:0 calc(9 * var(--g));border-radius:calc(3 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:var(--font-ui);font-size:var(--fs-xs);color:var(--pl-eng);text-shadow:var(--pl-eng-sh);white-space:nowrap;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 55%, transparent), 0 1px 0 var(--pl-tlip);background:0 0;border:0;margin:0;transition:box-shadow .15s,background-color .15s;display:inline-flex;position:relative;transform:none}.pb-key:hover:not(.down){background:color-mix(in srgb, var(--pl-tray) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 55%, transparent), inset 0 1px 2px color-mix(in srgb, var(--pl-tsh) 35%, transparent), 0 1px 0 var(--pl-tlip);transform:none}.pb-key.down{background:color-mix(in srgb, var(--pl-tray) 40%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 60%, transparent), inset 0 2px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);transition-duration:50ms;transform:none}.pb-key:focus-visible,.pbar .sdr-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:2px}.pb-key.icon{min-width:calc(26 * var(--g));padding:0 calc(6 * var(--g));font-size:var(--fs-m);justify-content:center}.pbar .sdr-sw{width:calc(16 * var(--g));height:calc(6 * var(--g))}.pbar .sdr-caret{width:calc(5 * var(--g));height:calc(5 * var(--g));border-width:0 1px 1px 0}.pb-lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in), inset 0 0 0 .5px var(--pl-edge);transition:background .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%;flex:none}.pb-key:hover:not([aria-pressed=true]) .pb-lamp{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.pb-key[aria-pressed=true] .pb-lamp{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.cfader{--cf-on:var(--c-h);touch-action:none;cursor:pointer;outline:none;flex:none;position:relative}.cfader.cf-x{width:100%;height:calc(48 * var(--g));--pad:calc(13.44 * var(--g))}.cfader.cf-y{width:calc(52 * var(--g));height:calc(150 * var(--g));--pad:calc(14.56 * var(--g))}.cf-slot{border-radius:calc(3 * var(--g));background:var(--pl-tray);box-shadow:inset 0 1px 2px var(--pl-tsh), 0 1px 0 var(--pl-tlip);position:absolute}.cf-x .cf-slot{left:var(--pad);right:var(--pad);top:calc(30 * var(--g));height:calc(5 * var(--g))}.cf-y .cf-slot{top:var(--pad);bottom:var(--pad);left:calc(32 * var(--g));width:calc(5 * var(--g))}.cf-scale{pointer-events:none;font-style:normal;position:absolute}.cf-x .cf-scale{left:var(--pad);right:var(--pad);height:calc(24 * var(--g));top:0}.cf-y .cf-scale{top:var(--pad);bottom:var(--pad);width:calc(26 * var(--g));left:0}.cf-scale .tk{background:var(--pl-lab);opacity:.45;position:absolute}.cf-x .cf-scale .tk{left:calc(var(--t) * 100%);width:1px;height:calc(4 * var(--g));bottom:0}.cf-y .cf-scale .tk{top:calc((1 - var(--t)) * 100%);height:1px;width:calc(4 * var(--g));right:0}.cf-scale .tk.big{opacity:.75}.cf-x .cf-scale .tk.big{height:calc(6 * var(--g))}.cf-y .cf-scale .tk.big{width:calc(6 * var(--g))}.cf-scale .tk.zero{opacity:1}.cf-x .cf-scale .tk.zero{width:1.5px;height:calc(9 * var(--g));margin-left:-.25px}.cf-y .cf-scale .tk.zero{height:1.5px;width:calc(9 * var(--g));margin-top:-.25px}.cf-num{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--pl-lab);white-space:nowrap;line-height:1;position:absolute}.cf-x .cf-num{left:calc(var(--t) * 100%);top:0;transform:translate(-50%)}.cf-y .cf-num{top:calc((1 - var(--t)) * 100%);right:calc(11 * var(--g));transform:translateY(-50%)}.cf-fill{background:var(--cf-on);pointer-events:none;border-radius:1px;position:absolute}:root:not([data-theme=light]) .cf-fill{box-shadow:0 0 4px color-mix(in srgb, var(--cf-on) 55%, transparent)}.cf-x .cf-fill{top:calc(32 * var(--g));height:1.5px;left:calc(var(--pad) + min(var(--v), var(--z)) * (100% - 2 * var(--pad)));width:calc(max(var(--v) - var(--z), var(--z) - var(--v)) * (100% - 2 * var(--pad)))}.cf-y .cf-fill{left:calc(33.75 * var(--g));width:1.5px;top:calc(var(--pad) + (1 - max(var(--v), var(--z))) * (100% - 2 * var(--pad)));height:calc(max(var(--v) - var(--z), var(--z) - var(--v)) * (100% - 2 * var(--pad)))}.cf-cap{cursor:grab;border-radius:calc(3 * var(--g));background:repeating-linear-gradient(var(--cf-rib,90deg), var(--pl-rib-hi) 0 1px, var(--pl-rib-lo) 1px 2px, transparent 2px 3.6px), var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(8 * var(--g)) calc(10 * var(--g)) calc(-6 * var(--g)) var(--pl-drop2);position:absolute}.cf-x .cf-cap{--cf-rib:90deg;top:calc(18 * var(--g));width:calc(18 * var(--g));height:calc(29 * var(--g));margin-left:calc(-9 * var(--g));left:calc(var(--pad) + var(--v) * (100% - 2 * var(--pad)))}.cf-y .cf-cap{--cf-rib:0deg;left:calc(21.5 * var(--g));width:calc(26 * var(--g));height:calc(18 * var(--g));margin-top:calc(-9 * var(--g));top:calc(var(--pad) + (1 - var(--v)) * (100% - 2 * var(--pad)))}.cf-line{background:var(--cf-on);border-radius:1px;position:absolute}.cf-x .cf-line{left:50%;top:calc(3 * var(--g));bottom:calc(3 * var(--g));width:2px;margin-left:-1px}.cf-y .cf-line{top:50%;left:calc(3 * var(--g));right:calc(3 * var(--g));height:2px;margin-top:-1px}.cfader.moving .cf-cap{cursor:grabbing}.cfader.jump .cf-cap,.cfader.jump .cf-fill{transition:left var(--jump,.3s) var(--ease-travel), top var(--jump,.3s) var(--ease-travel), width var(--jump,.3s) var(--ease-travel), height var(--jump,.3s) var(--ease-travel)}.cfader.snap .cf-cap,.cfader.snap .cf-fill{transition:left 80ms var(--ease-out), top 80ms var(--ease-out), width 80ms var(--ease-out), height 80ms var(--ease-out)}.cfader:focus:not([data-pointer]) .cf-cap{outline:1.5px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cfader .cf-cap,.cfader .cf-fill{transition:none!important}}.dwheel{align-items:center;gap:calc(6 * var(--g));--dw-face:repeating-linear-gradient(90deg, color-mix(in srgb, var(--mix-light) 3.5%, transparent) 0 .5px, transparent .5px 2px), color-mix(in srgb, var(--mask-ink) 86%, var(--on-dark-text));--dw-back:var(--mask-ink);--dw-ink:var(--on-dark-text);--dw-ink-sh:0 -.5px 0 var(--mask-ink);--dw-shade:color-mix(in srgb, var(--mask-ink) 92%, transparent);--dw-spec:color-mix(in srgb, var(--mix-light) 9%, transparent);--dw-ring:color-mix(in srgb, var(--mask-ink) 55%, var(--on-dark-text-2));--dw-side:75%;outline:none;display:inline-flex}:root[data-theme=light] .dwheel{--dw-face:var(--noise), linear-gradient(var(--pl-c1), var(--pl-c1));--dw-back:var(--pl-tray);--dw-ink:var(--pl-tx);--dw-ink-sh:none;--dw-shade:color-mix(in srgb, var(--pl-tx) 40%, transparent);--dw-spec:transparent;--dw-ring:var(--pl-tray);--dw-side:38%}.dw-win{padding:calc(4 * var(--g)) calc(6 * var(--g));border-radius:calc(5 * var(--g));background:var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);cursor:ns-resize;touch-action:none;display:inline-flex;position:relative}.dw-win:before,.dw-win:after{content:"";margin-top:calc(-2.5 * var(--g));border:calc(2.5 * var(--g)) solid transparent;position:absolute;top:50%}.dw-win:before{left:calc(1 * var(--g));border-left:calc(3.5 * var(--g)) solid var(--pl-lab);border-right:0}.dw-win:after{right:calc(1 * var(--g));border-right:calc(3.5 * var(--g)) solid var(--pl-lab);border-left:0}.dw-drum{width:calc(24 * var(--g));height:calc(44 * var(--g));perspective:calc(220 * var(--g));background:var(--dw-back);position:relative;overflow:hidden}.dw-cyl{transform-style:preserve-3d;transform:translateZ(calc(-34 * var(--g))) rotateX(calc(var(--a,0) * 36deg));transition:transform .24s var(--ease-spring);position:absolute;inset:0}.dw-cyl i{height:calc(23 * var(--g));margin-top:calc(-11.5 * var(--g));font:500 var(--fs-l) / calc(23 * var(--g)) var(--font-ui);font-variant-numeric:tabular-nums;text-align:center;color:color-mix(in srgb, var(--dw-ink) var(--dw-side), transparent);text-shadow:var(--dw-ink-sh);background:var(--dw-face);backface-visibility:hidden;transform:rotateX(calc(var(--k) * -36deg)) translateZ(calc(34 * var(--g)));transition:color .2s var(--ease-out);font-style:normal;position:absolute;top:50%;left:0;right:0}.dw-cyl i.on{color:var(--dw-ink)}.dw-drum.lead .dw-cyl i{color:color-mix(in srgb, var(--dw-ink) 30%, transparent);text-shadow:none}.dw-drum:after{content:"";pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--dw-shade) 85%, transparent) 0%, color-mix(in srgb, var(--dw-shade) 32%, transparent) 16%, transparent 32%, var(--dw-spec) 42%, transparent 54%, transparent 66%, color-mix(in srgb, var(--dw-shade) 38%, transparent) 84%, color-mix(in srgb, var(--dw-shade) 92%, transparent) 100%);position:absolute;inset:0}.dw-ring{width:calc(3 * var(--g));background:linear-gradient(180deg, var(--dw-shade), var(--dw-ring) 45%, var(--dw-shade));align-self:stretch}.dw-glass{inset:calc(4 * var(--g)) calc(6 * var(--g));pointer-events:none;border-radius:calc(1.5 * var(--g));box-shadow:inset 0 calc(2 * var(--g)) calc(3 * var(--g)) color-mix(in srgb, var(--mask-ink) 40%, transparent), inset 0 0 0 .5px var(--pl-edge);background:linear-gradient(162deg, color-mix(in srgb, var(--mix-light) 8%, transparent) 0%, color-mix(in srgb, var(--mix-light) 2.5%, transparent) 33%, transparent 34%);position:absolute}.dw-keys{gap:calc(4 * var(--g));display:grid}.dw-key{appearance:none;width:calc(30 * var(--g));height:calc(24 * var(--g));border-radius:calc(4 * var(--g));cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));min-height:24px;box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop);transition:transform .16s var(--ease-spring), box-shadow .16s var(--ease-spring);border:0;margin:0;padding:0;position:relative}.dw-key:before{content:"";margin:calc(-2.5 * var(--g)) 0 0 calc(-4.5 * var(--g));border:calc(4.5 * var(--g)) solid transparent;border-top:0;border-bottom:calc(5 * var(--g)) solid var(--pl-lab);position:absolute;top:50%;left:50%}.dw-key.held{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 2px var(--pl-lo);transition-duration:60ms;transition-timing-function:var(--ease-press);transform:translateY(1px)}.dw-key:hover:not(.held){transform:translateY(.5px)}.dw-key:not(.up):before{border-top:calc(5 * var(--g)) solid var(--pl-lab);margin-top:calc(-2.5 * var(--g));border-bottom:0}.dwheel:focus:not([data-pointer]) .dw-win{outline:1.5px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dw-cyl,.knob .idx,.mode-dial .bar,.tg-sw .lever,.fader .fader-cur,.fader .mag,.fader .fader-fill,.cfader .cf-cap,.cfader .cf-fill{transition:none!important}.knob.kick .idx,.twheel.kick svg{animation:none}}.map-mark{transform:translate(calc(-6 * var(--g)), -50%);align-items:center;gap:calc(6 * var(--g));color:var(--mm-ink,var(--text));font:inherit;font-size:var(--fs-xs);cursor:pointer;pointer-events:auto;text-shadow:0 0 6px var(--mm-halo,var(--bg)), 0 1px 2px var(--mm-halo,var(--bg));background:0 0;border:0;padding:0;display:flex;position:absolute}.map-mark i{width:calc(11 * var(--g));height:calc(11 * var(--g));background:var(--mm-halo,var(--bg));border:1.5px solid;border-radius:50%;flex:none}.map-mark:hover i,.map-mark[aria-pressed=true] i{background:currentColor}.map-mark:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.map-mark:disabled{opacity:.4;cursor:not-allowed}.inset-screen{isolation:isolate;border-radius:calc(8 * var(--g));box-shadow:0 1px 0 var(--is-lip);position:relative;overflow:hidden}.inset-screen:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px var(--pl-edge), inset 0 3px 14px var(--pl-tsh), inset 0 -1px 0 var(--is-lit);position:absolute;inset:0}.inset-screen>img,.inset-screen>canvas{object-fit:cover;width:100%;height:100%;display:block}.inset-screen.small{border-radius:calc(4 * var(--g))}.inset-screen.small:after{box-shadow:inset 0 0 0 1px var(--pl-edge), inset 0 1px 4px var(--pl-tsh), inset 0 -1px 0 var(--is-lit)}.info-band{z-index:3;align-items:center;gap:calc(24 * var(--g));min-height:calc(68 * var(--g));padding:calc(10 * var(--g)) calc(14 * var(--g)) calc(10 * var(--g)) calc(20 * var(--g));background:color-mix(in srgb, var(--bg) 62%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);box-shadow:inset 0 1px 0 var(--line-strong);display:flex;position:absolute;bottom:0;left:0;right:0}.info-band:before{content:"";height:calc(5 * var(--g));background:repeating-linear-gradient(90deg, var(--accent) 0 1px, transparent 1px calc(10 * var(--g)));opacity:.45;pointer-events:none;position:absolute;bottom:100%;left:0;right:0}.ib-what{gap:calc(3 * var(--g));min-width:0;display:grid}.ib-kicker{font-family:var(--font-mono);font-size:calc(10 * var(--u));letter-spacing:.2em;text-transform:uppercase;color:var(--accent);white-space:nowrap}.ib-title{font-size:calc(20 * var(--u));color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:300;line-height:1.2;overflow:hidden}.ib-mid{align-items:center;gap:calc(16 * var(--g));margin-left:auto;display:flex}.ib-live{align-items:center;gap:calc(7 * var(--g));font-family:var(--font-mono);font-size:calc(10 * var(--u));letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;display:inline-flex}.ib-lamp{width:calc(6 * var(--g));height:calc(6 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);border-radius:50%;transition:background-color .3s,box-shadow .3s}.ib-lamp.on{background:var(--accent);box-shadow:0 0 6px var(--accent), inset 0 1px 1px var(--pl-led-in)}.ib-reads{align-items:center;gap:calc(14 * var(--g));font-family:var(--font-mono);font-size:calc(11.5 * var(--u));color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex}.ib-reads i{font-family:var(--font-ui);color:var(--text-3);margin-right:calc(5 * var(--g));font-style:italic}.ib-reads b{color:var(--text);font-weight:400}.ib-actions{align-items:center;gap:calc(8 * var(--g));display:flex}.ib-actions:empty{display:none}.info-band.plate{--lg-shine:.8;gap:calc(18 * var(--g));min-height:0;padding:calc(7 * var(--g)) calc(7 * var(--g)) calc(7 * var(--g)) calc(22 * var(--g));background-color:var(--lg-tint);box-shadow:var(--lg-shadow);background-size:100% 100%;border-radius:999px}.info-band.plate:before,.info-band.plate .ib-kicker{display:none}.info-band.plate[data-glass=frost]{-webkit-backdrop-filter:blur(16px)saturate(1.4)}.info-band.plate[data-glass=solid]{-webkit-backdrop-filter:none;background-color:var(--lg-solid)}.info-band.plate .glass-key{border-radius:999px}.info-band.plate :is(.ib-title,.ib-live,.ib-reads b){color:var(--lg-ink);text-shadow:var(--lg-ink-shadow)}.info-band.plate .ib-reads i{color:var(--lg-ink-2);text-shadow:var(--lg-ink-drop)}.glass-key{align-items:center;gap:calc(10 * var(--g));height:calc(40 * var(--g));padding:0 calc(16 * var(--g));border-radius:calc(8 * var(--g));background:linear-gradient(180deg, var(--pl-gtint), transparent), color-mix(in srgb, var(--bg) 82%, transparent);box-shadow:inset 0 0 0 1px var(--pl-ge1), inset 0 -1px 0 var(--pl-ge3), 0 6px 14px -8px var(--pl-drop2);color:var(--accent);font-family:var(--font-mono);font-size:calc(11.5 * var(--u));letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-press) var(--ease-out), background-color var(--dur-state);border:0;text-decoration:none;display:inline-flex}.gk-label,.gk-arrow{text-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent)}.gk-arrow{font-family:var(--font-ui);font-size:calc(15 * var(--u));letter-spacing:0;line-height:1}.glass-key:hover{background:var(--accent-grad), color-mix(in srgb, var(--bg) 82%, transparent)}.glass-key:active{transform:translateY(1px)}.glass-key:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.search-field{align-items:center;gap:calc(10 * var(--g));height:calc(46 * var(--g));padding:0 calc(14 * var(--g));border:1px solid var(--line-strong);color:var(--text-3);border-radius:2px;display:flex;position:relative}.search-field:focus-within{border-color:var(--accent)}.sf-icon{flex:none;display:flex}.sf-icon svg{width:calc(15 * var(--g));height:calc(15 * var(--g));fill:none;stroke:currentColor;stroke-width:1.4px}.sf-input{min-width:0;height:100%;color:var(--text);font:inherit;font-size:calc(15 * var(--u));background:0 0;border:0;outline:0;flex:1}.sf-input::placeholder{color:var(--text-3)}.sf-input::-webkit-search-cancel-button{display:none}.sf-key{font-family:var(--font-mono);font-size:calc(11 * var(--u));border:1px solid var(--line);padding:1px calc(6 * var(--g));border-radius:3px}@media (hover:none){.sf-key{display:none}}.sf-results{z-index:5;padding:calc(6 * var(--g));background:var(--bg);border:1px solid var(--line-strong);border-radius:2px;margin:0;list-style:none;position:absolute;top:calc(100% + 6px);left:-1px;right:-1px}.sf-row{justify-content:space-between;align-items:baseline;gap:calc(16 * var(--g));padding:calc(8 * var(--g)) calc(10 * var(--g));color:var(--text);border-radius:2px;text-decoration:none;display:flex}a.sf-row:hover,a.sf-row:focus-visible{background:var(--accent-grad);outline:none}.sf-row b{font-weight:500}.sf-row.off b{font-weight:400}.sf-row sup{color:var(--text-3);margin-left:2px;font-size:.75em}.sf-row span{color:var(--text-3);font-size:calc(13 * var(--u))}.sf-none{padding:calc(8 * var(--g)) calc(10 * var(--g));color:var(--text-3);font-size:var(--fs-m)}.sdr-key{appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:calc(8 * var(--g));height:calc(32 * var(--g));padding:0 calc(10 * var(--g)) 0 calc(10 * var(--g));border-radius:calc(5 * var(--g));font-size:var(--fs-s);color:var(--pl-lab);background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 1px 2px var(--pl-drop), 0 calc(5 * var(--g)) calc(8 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transition:color var(--dur-state), transform .16s var(--ease-spring), box-shadow .16s var(--ease-spring);border:0;margin:0;display:inline-flex}.sdr-key:hover:not([aria-expanded=true]):not(.down){box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), inset 0 -1px 0 var(--pl-lo), 0 .5px 1.5px var(--pl-drop), 0 calc(3 * var(--g)) calc(6 * var(--g)) calc(-4 * var(--g)) var(--pl-drop2);transform:translateY(.5px)}.sdr-key[aria-expanded=true],.sdr-key.down{box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 2px var(--pl-lo), 0 .5px 1px var(--pl-drop);transform:translateY(1px)}.sdr-key.down{transition-duration:var(--dur-state), 60ms, 60ms;transition-timing-function:var(--ease-out), var(--ease-press), var(--ease-press)}.sdr-key:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.pbar .sdr-key:hover:not(.down),.pbar .sdr-key[aria-expanded=true]{background:color-mix(in srgb, var(--pl-tray) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 55%, transparent), inset 0 1px 2px color-mix(in srgb, var(--pl-tsh) 35%, transparent), 0 1px 0 var(--pl-tlip);transform:none}.pbar .sdr-key.down{background:color-mix(in srgb, var(--pl-tray) 40%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pl-tsh) 60%, transparent), inset 0 2px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip);transition-duration:50ms;transform:none}.sdr-sw{width:calc(22 * var(--g));height:calc(8 * var(--g));border-radius:calc(2 * var(--g));box-shadow:inset 0 0 0 .5px var(--pl-edge), inset 0 1px 1px var(--pl-led-in);flex:none;transition:background .2s}.sdr-caret{width:calc(7 * var(--g));height:calc(7 * var(--g));margin-left:calc(2 * var(--g));opacity:.75;transition:transform .24s var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;flex:none;transform:translateY(-25%)rotate(45deg)}.sdr-key[aria-expanded=true] .sdr-caret{transform:translateY(25%)rotate(225deg)}.sdr-tray{z-index:6;padding:calc(7 * var(--g));border-radius:calc(9 * var(--g));background:var(--noise), linear-gradient(180deg, var(--pl-c1), var(--pl-c2));box-shadow:0 0 0 .5px var(--pl-edge), inset 0 1px 0 var(--pl-hi), 0 calc(10 * var(--g)) calc(28 * var(--g)) calc(-6 * var(--g)) var(--pl-drop), 0 calc(3 * var(--g)) calc(8 * var(--g)) var(--pl-drop2);transform-origin:50% 100%;opacity:0;transform:translateY(calc(10 * var(--g))) scaleY(.94);clip-path:inset(40% 0 0 0 round calc(9 * var(--g)));transition:opacity .18s ease-in,transform .22s ease-in,clip-path .22s ease-in}.sdr-tray[data-open]{opacity:1;clip-path:inset(-40px -40px -40px -40px round calc(9 * var(--g)));transition:opacity .2s var(--ease-out), transform .34s var(--ease-out), clip-path .34s var(--ease-out);transform:none}.sdr-well{grid-template-columns:repeat(var(--sdr-cols,5), minmax(0, 1fr));gap:calc(8 * var(--g));padding:calc(9 * var(--g)) calc(9 * var(--g)) calc(7 * var(--g));border-radius:calc(6 * var(--g));background:var(--pl-tray);box-shadow:inset 0 2px 5px var(--pl-tsh), 0 1px 0 var(--pl-tlip);display:grid}.sdr-group{align-items:baseline;column-gap:calc(8 * var(--g));padding:calc(2 * var(--g)) calc(2 * var(--g)) 0;font-size:var(--fs-2xs);color:var(--pl-lab);letter-spacing:.08em;flex-wrap:wrap;grid-column:1/-1;display:flex}.sdr-group b{font-weight:600}.sdr-group span{color:var(--text-3);letter-spacing:0}.sdr-well.grouped .sdr-group:not(:first-child){margin-top:calc(4 * var(--g))}.sdr-tile{appearance:none;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;gap:calc(6 * var(--g));min-width:0;color:var(--pl-lab);font-size:var(--fs-2xs);opacity:0;transform:translateY(calc(6 * var(--g)));transition:opacity .12s, transform .12s, color var(--dur-state);background:0 0;border:0;margin:0;padding:0;display:grid}.sdr-tray[data-open] .sdr-tile{opacity:1;transition:opacity .26s var(--ease-out) calc(70ms + var(--i) * 40ms), transform .32s var(--ease-out) calc(70ms + var(--i) * 40ms), color var(--dur-state);transform:none}.sdr-glass{aspect-ratio:1;border-radius:calc(4 * var(--g));background:var(--pl-bg);box-shadow:0 0 0 .5px var(--pl-edge), 0 0 0 0 transparent;transition:transform .14s var(--ease-spring), box-shadow .3s var(--ease-out);display:block;position:relative;overflow:hidden}.sdr-tile.down .sdr-glass{transition:transform 50ms var(--ease-press), box-shadow .3s var(--ease-out);transform:translateY(.5px)}.sdr-tile.down .sdr-glass:after{box-shadow:inset 0 2px 5px var(--pl-gv), inset 0 0 0 .5px var(--pl-ge2)}.sdr-glass canvas{width:100%;height:100%;display:block}.sdr-glass:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(155deg, var(--pl-ge1), transparent 38%);box-shadow:inset 0 0 0 .5px var(--pl-ge2), inset 0 -6px 10px -6px var(--pl-ge3);position:absolute;inset:0}.sdr-name{justify-content:center;align-items:center;gap:calc(5 * var(--g));white-space:nowrap;display:inline-flex;overflow:hidden}.sdr-name .lamp{width:calc(5 * var(--g));height:calc(5 * var(--g));background:var(--pl-led);box-shadow:inset 0 1px 1px var(--pl-led-in);transition:background-color .3s var(--ease-out), box-shadow .3s var(--ease-out);border-radius:50%;flex:none}.sdr-tile:hover:not([aria-pressed=true]) .lamp{background:color-mix(in srgb, var(--accent) 32%, var(--pl-led))}.sdr-tile[aria-pressed=true] .sdr-glass{box-shadow:0 0 0 .5px var(--pl-edge), 0 0 0 2px var(--accent), 0 0 8px color-mix(in srgb, var(--accent) 35%, transparent);transition:transform .14s var(--ease-spring), box-shadow 80ms var(--ease-out)}.sdr-tile[aria-pressed=true] .lamp{background:var(--accent);box-shadow:0 0 5px color-mix(in srgb, var(--accent) 60%, transparent);transition-duration:40ms}.sdr-tile:focus-visible{outline:none}.sdr-tile:focus-visible .sdr-glass{outline:1.5px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.sdr-tray,.sdr-tray[data-open],.sdr-tile,.sdr-tray[data-open] .sdr-tile,.sdr-glass,.sdr-caret{transition:none}}.brush-trail{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.brush-ring{pointer-events:none;opacity:0;border:1.5px solid var(--accent);box-shadow:0 0 6px color-mix(in srgb, var(--accent) 45%, transparent), inset 0 0 4px color-mix(in srgb, var(--accent) 30%, transparent);border-radius:50%;transition:opacity .15s;position:absolute;top:0;left:0}.brush-ring.on{opacity:1}.brush-ring.erase{border-style:dashed;border-color:var(--bc-ink,var(--text));box-shadow:0 0 4px var(--bc-halo,var(--bg))}.brush-ring b{margin:calc(-5 * var(--g)) 0 0 calc(-5 * var(--g));padding:0 calc(4 * var(--g));background:var(--bc-halo,var(--bg));color:var(--accent);font:500 var(--fs-2xs) / 1.6 var(--font-mono);white-space:nowrap;border-radius:2px;position:absolute;top:100%;left:100%}.brush-ring.erase b{color:var(--bc-ink,var(--text))}@property --win-k{syntax:"<color>";inherits:true;initial-value:#0000}.hud-window{--win-k:var(--frame);min-width:0;transition:--win-k var(--dur-state);grid-template-rows:minmax(0,1fr);display:grid;position:relative}.hud-window[hidden]{display:none}.win-pane{min-width:0;min-height:0;padding:0 calc(12 * var(--g)) calc(12 * var(--g));background:linear-gradient(180deg, var(--win-sheen), transparent 45%), color-mix(in srgb, var(--disp-bg) 86%, transparent);box-shadow:inset 0 0 0 1px var(--disp-line);grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.win-pane:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, var(--win-glint) 22%, var(--win-glint) 78%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.win-head{align-items:center;gap:calc(8 * var(--g));min-width:0;min-height:calc(36 * var(--g));padding-block:calc(6 * var(--g));margin-right:calc(-8 * var(--g));display:flex}.win-title{min-width:0;font-size:var(--fs-s);color:var(--text-2);flex:1;line-height:1.5}.win-body{min-width:0;min-height:0}.win-close{appearance:none;width:calc(24 * var(--g));height:calc(24 * var(--g));color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:2px;flex:none;place-items:center;margin:0 0 0 auto;padding:0;transition:color .15s,background-color .15s;display:grid}.win-close svg{width:calc(10 * var(--g));height:calc(10 * var(--g));overflow:visible}.win-close path{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:square}.win-close:hover{color:var(--text);background:var(--surface-hover)}.hud-window:not(.floating) .win-close{display:none}.win-marks{pointer-events:none;--l:calc(10 * var(--g));--w:1.5px;background:linear-gradient(var(--win-k), var(--win-k)) left top / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) left top / var(--w) var(--l), linear-gradient(var(--win-k), var(--win-k)) right top / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) right top / var(--w) var(--l), linear-gradient(var(--win-k), var(--win-k)) left bottom / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) left bottom / var(--w) var(--l), linear-gradient(var(--win-k), var(--win-k)) right bottom / var(--l) var(--w), linear-gradient(var(--win-k), var(--win-k)) right bottom / var(--w) var(--l);background-repeat:no-repeat;position:absolute;inset:0}.hud-window.floating{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.hud-window.floating .win-pane{-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--disp-line), 0 18px 40px -24px var(--pl-drop2)}.hud-window.floating:hover{--win-k:var(--frame-hi)}.hud-window.floating.dragging{cursor:grabbing;--win-k:var(--accent)}.hud-window.floating:focus-visible{outline:1.5px solid var(--accent);outline-offset:3px}.hud-window .win-scroll{touch-action:pan-x pan-y}.mxd{gap:calc(12 * var(--g));min-width:0;display:grid}.mxd-row{align-items:center;gap:calc(14 * var(--g));flex-wrap:wrap;display:flex}.mxd-bezel{padding:calc(5 * var(--g));border-radius:calc(10 * var(--g));background:var(--noise), var(--pl-tray);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge);flex:none}.mxd-screen{width:min(calc(136 * var(--g)), 28vw);aspect-ratio:1;border-radius:calc(5 * var(--g));background:var(--disp-bg);box-shadow:0 0 0 .5px var(--pl-edge);touch-action:none;outline:none;position:relative;overflow:hidden}.mxd-screen:focus-visible{box-shadow:0 0 0 1.5px var(--accent)}.mxd-screen>canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.mxd-sheen,.mxd-vig{pointer-events:none;position:absolute;inset:0}.mxd-sheen{background:linear-gradient(104deg, var(--pl-sh1) 0%, var(--pl-sh2) 26%, transparent 48%, transparent 84%, var(--pl-sh2))}.mxd-vig{border-radius:inherit;box-shadow:inset 1px 1px 0 var(--pl-ge1), inset -1px 0 0 var(--pl-ge2), inset 0 -1px 0 var(--pl-ge3), inset 0 0 calc(14 * var(--g)) var(--pl-gv)}.mxd-col{gap:calc(8 * var(--g));flex:none;width:max-content;display:grid}.mxd-br{gap:calc(8 * var(--g)) calc(10 * var(--g));padding:calc(6 * var(--g)) calc(12 * var(--g));align-items:center;display:grid;position:relative}.mxd-br:before,.mxd-br:after{content:"";width:calc(7 * var(--g));border:1.5px solid var(--pl-eng);filter:drop-shadow(0 1px 0 var(--pl-hi));position:absolute;top:0;bottom:0}.mxd-br:before{border-right:0;left:0}.mxd-br:after{border-left:0;right:0}.mxd-bar{background:var(--pl-eng);width:1.5px;filter:drop-shadow(1px 0 0 var(--pl-hi));grid-row:1/span 2;align-self:stretch}.mxd .mxd-num{field-sizing:fixed;width:calc(var(--mxd-chars,6) * 1ch + 8 * var(--g));min-inline-size:0;padding:0 calc(4 * var(--g));text-align:right;white-space:pre;font-family:var(--font-mono);font-size:var(--fs-l);font-variant-numeric:tabular-nums}.mxd .mxd-num.nudge{animation:mxd-nudge .3s var(--ease-out)}@keyframes mxd-nudge{0%,to{translate:0}30%{translate:calc(-3 * var(--g)) 0}60%{translate:calc(2 * var(--g)) 0}}.mxd-sel{margin:calc(-4 * var(--g)) calc(-5 * var(--g));border:1px solid color-mix(in srgb, var(--accent) 70%, transparent);border-radius:calc(4 * var(--g));pointer-events:none;grid-row:1/span 2;place-self:stretch stretch}.mxd-keys{width:0;min-width:calc(100% + 4 * var(--g));margin:0 calc(-2 * var(--g))}.mxd-wheels{gap:calc(8 * var(--g)) calc(10 * var(--g));grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.mxd-ax{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-l);color:var(--text-2)}.fxf{gap:calc(10 * var(--g));min-width:0;display:grid}.fxf-row{align-items:center;gap:calc(8 * var(--g));grid-template-columns:auto minmax(0,1fr);display:grid}.fxf-lab{color:var(--text-2);font-size:var(--fs-m);white-space:nowrap}.fxf-lab .katex{font-size:1.05em}.fxf-box{height:calc(34 * var(--g));min-width:0;padding:0 calc(10 * var(--g));border-radius:calc(5 * var(--g));cursor:text;background:var(--disp-bg);box-shadow:inset 0 1px 3px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge);outline:none;align-items:center;display:flex;position:relative;overflow:hidden}.fxf-box:hover{box-shadow:inset 0 1px 4px var(--pl-tsh), 0 1px 0 var(--pl-tlip), 0 0 0 .5px var(--pl-edge)}.fxf-box:focus-visible{box-shadow:inset 0 1px 3px var(--pl-tsh), 0 0 0 1.5px var(--accent)}.fxf-box.editing{box-shadow:inset 0 1px 3px var(--pl-tsh), 0 0 0 1px color-mix(in srgb, var(--accent) 70%, transparent)}.fxf-tex{color:var(--text);font-size:var(--fs-m);white-space:nowrap}.fxf-tex .katex{font-size:1.05em}.fxf-in,.fxf-mirror{padding:0 calc(10 * var(--g));font-family:var(--font-mono);font-size:var(--fs-s);letter-spacing:0;font-weight:450;line-height:calc(34 * var(--g));position:absolute;inset:0}.fxf-in{width:100%;color:var(--text);visibility:hidden;background:0 0;border:0;outline:none}.fxf-box.editing .fxf-in{visibility:visible}.fxf-box.editing .fxf-tex{visibility:hidden}.fxf-mirror{white-space:pre;color:#0000;pointer-events:none}.fxf-mirror mark{color:#0000;text-decoration:underline wavy var(--accent);text-underline-offset:calc(5 * var(--g));background:0 0;text-decoration-thickness:1.5px}.fxf-status{margin:calc(-4 * var(--g)) 0 0;-webkit-line-clamp:2;line-clamp:2;height:3em;font-size:var(--fs-s);color:var(--text-3);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.fxf-status.fx-err{color:var(--text)}.fxf-status.fx-err:before{content:"▲ ";color:var(--accent)}.fxf-status.fx-note{color:var(--text-2)}.fxf-status.nudge{animation:mxd-nudge .3s var(--ease-out)}.ptl{pointer-events:none;position:absolute;inset:0}.handle.ptl-pt{width:calc(30 * var(--g));height:calc(30 * var(--g))}.handle.grab.ptl-pt:before{inset:calc(7 * var(--g))}.handle.grab.ptl-pt:hover:before{opacity:.5;transform:none}.handle.grab.ptl-pt.sel:before{opacity:1;transform:none}.ptl-hud{gap:calc(8 * var(--g));display:flex}.ptl-del svg{width:calc(12 * var(--g));height:calc(12 * var(--g));fill:none;stroke:currentColor;stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}.cdraw{pointer-events:none;position:absolute;inset:0}.cdraw-pen{width:calc(12 * var(--g));height:calc(12 * var(--g));margin:calc(-6 * var(--g)) 0 0 calc(-6 * var(--g));border:1.2px solid var(--accent);opacity:0;border-radius:50%;transition:opacity .15s;position:absolute;top:0;left:0}.cdraw-pen.on{opacity:1}.stack-labels{pointer-events:none;z-index:2;position:absolute;inset:0}.stack-label{font-family:var(--font-ui);font-size:var(--fs-s);color:var(--text-2);white-space:nowrap;text-shadow:0 0 3px var(--plot-bg), 0 0 6px var(--plot-bg), 0 0 9px var(--plot-bg);line-height:1.3;position:absolute}.stack-label:empty,.stack-label[hidden]{display:none}.stack-label.stack-x,.stack-label.stack-second{font-size:var(--fs-s);color:var(--text-2)}.stack-label.stack-note{font-size:var(--fs-xs);color:var(--text-3)}.stack-label .katex{font-size:1.05em}@media (width<=600px){.stack-label,.stack-label.stack-x,.stack-label.stack-second{font-size:var(--fs-xs)}}.tg-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tg-lbl{font-size:var(--fs-l);white-space:nowrap;text-shadow:0 0 3px var(--plot-bg), 0 0 3px var(--plot-bg), 0 0 6px var(--plot-bg);line-height:1.15;position:absolute;top:0;left:0}.tg-lbl .katex{font-size:1em}.tg-lbl[hidden]{display:none}.tg-ink{color:var(--curve)}.tg-probe{color:var(--c-a)}.tg-note{color:var(--c-a);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.02em}.tg-step{font-size:var(--fs-m)}.plot-annotation{box-sizing:border-box;width:fit-content;max-width:100%;padding:calc(9 * var(--g)) calc(14 * var(--g));border:1px solid #0000;border-left:2px solid var(--text-3);background:var(--plot-annotation-bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-m);overflow-wrap:anywhere;text-align:start;pointer-events:none;margin:0;line-height:1.55}.plot-annotation[hidden],.plot-annotation:empty,.plot-annotation[data-lines]:not(:has(>.plot-note-line:not([hidden]):not(:empty))){display:none}.plot-annotation .katex{font-size:1em}.plot-note-line{color:inherit;font:inherit;margin:0}.plot-note-line[hidden],.plot-note-line:empty{display:none}.plot-note-line:not([hidden]):not(:empty)~.plot-note-line:not([hidden]):not(:empty){margin-top:calc(5 * var(--g))}.plot-legend{gap:calc(6 * var(--g)) calc(14 * var(--g));color:var(--text-2);font-size:var(--fs-s);flex-wrap:wrap;display:flex}.plot-legend[data-lines]{display:block}.plot-legend-item{align-items:baseline;gap:calc(7 * var(--g));min-width:0;display:inline-flex}.plot-legend-symbol{color:var(--curve);font-family:var(--font-mono);font-size:var(--fs-m);flex:none;align-self:center;line-height:1}.plot-legend-symbol[data-tone=a]{color:var(--c-a)}.plot-legend-symbol[data-tone=h]{color:var(--c-h)}.plot-legend-symbol[data-tone=measured]{color:var(--c-dy-text)}