@font-face{font-family:Parkinsans;src:url(/fonts/parkinsans-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Parkinsans;src:url(/fonts/parkinsans-latin-500-normal.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Parkinsans;src:url(/fonts/parkinsans-latin-600-normal.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Schoolbell;src:url(/fonts/schoolbell-latin-400-normal.woff2)format("woff2");font-weight:400;font-display:swap}:root{--paper:#f4f1ea;--ink:#141414;--ink-soft:#6b6760;--signal:#70d0f8;--signal-deep:#359fd9;--lemongrass:#d8e47c;--lemongrass-deep:#b3c94a;--lemongrass-pale:#eef3c4;--leaf:#86bd68;--leaf-deep:#3f8057;--daisy:#f7d559;--poppy:#e8685a;--blossom:#f4a9b8;--cornflower:#62b6f0;--sky-pale:#d3eefb;--sienna:#c4593d;--sepia:#46322a;--font-body:"Parkinsans", system-ui, sans-serif;--font-script:"Schoolbell", cursive;--paper-2:#fbf9f4;--paper-3:#e9e5da;--tape:#ebe0b4cc;--hairline:#14141424;--hairline-strong:#1414148c;--step--1:.8125rem;--step-0:1rem;--step-1:1.125rem;--step-2:1.5rem;--step-3:clamp(1.5rem, 2.4vw, 2.125rem);--step-4:clamp(2.25rem, 4.6vw, 3.75rem);--track-display:-.02em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--s-9:112px;--r-sm:3px;--r-md:12px;--r-pill:999px;--shadow-1:0 1px 1px #1414141a, 0 8px 18px -6px #14141438, 0 22px 40px -18px #14141433;--shadow-2:0 1px 1px #1414141a, 0 3px 8px -3px #14141433;--ink-w:2.3px;--gutter:clamp(16px, 4vw, 48px);--bar-h:40px;--topbar-h:60px;--dock-h:88px;--focus:0 0 0 2px var(--paper), 0 0 0 4px var(--ink), 0 0 0 6px var(--signal)}[data-product=supwrite],[data-product=supwrite] [data-tone=night]{color-scheme:dark;--sw-bg:#000;--sw-bg-sealed:#1a1a1a;--sw-text:#fff;--sw-text-secondary:#a0a0a0;--sw-text-disabled:#4d4d4d;--sw-border:#333;--sw-border-strong:#fff;--sw-inverse-bg:#fff;--sw-inverse-text:#000;--sw-scrim:0 0 0;--sw-scrim-a:.9;--sw-wall:#0a0a0a;--sw-wall-lit:#202020;--sw-grain-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sw-paper:#171717;--sw-hair:#ffffff1a;--sw-hair-strong:#ffffff2e;--sw-frame:#141414;--sw-frame-hi:#ffffff29;--sw-mat:#dedede;--sw-lift-1:0 0 0 1px #ffffff12;--sw-lift-2:0 0 70px #ffffff09;--sw-sh-key:0 0 0 1px #ffffff1a;--sw-sh-key-soft:0 6px 16px -8px #0009;--sw-key-hi:#ffffff8c;--sw-key-lo:#0000002e;--sw-key-top:#f6f6f6;--sw-key-bot:#d9d9d9;--sw-key-ink:#000;--sw-q-top:#2b2b2b;--sw-q-bot:#1d1d1d;--sw-q-ink:#fff;--sw-q-hi:#ffffff1a;--sw-q-lo:#00000080;--sw-well:#050505;--sw-well-edge:#ffffff17;--sw-glare:#ffffff1a}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) [data-product=supwrite]{color-scheme:light;--sw-bg:#fff;--sw-bg-sealed:#f2f2f2;--sw-text:#1a1a1a;--sw-text-secondary:#767676;--sw-text-disabled:#ccc;--sw-border:#ccc;--sw-border-strong:#1a1a1a;--sw-inverse-bg:#000;--sw-inverse-text:#fff;--sw-wall:#ebebeb;--sw-wall-lit:#f8f8f8;--sw-grain-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .085 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sw-paper:#fcfcfc;--sw-hair:#00000017;--sw-hair-strong:#00000029;--sw-frame:#151515;--sw-frame-hi:#fff3;--sw-mat:#f7f7f7;--sw-lift-1:0 1px 2px #0000001a, 0 3px 6px #0000000f;--sw-lift-2:16px 26px 48px -8px #0000003d;--sw-sh-key:0 0 0 1px #0000001f;--sw-sh-key-soft:0 8px 16px -8px #0000004d;--sw-key-hi:#ffffff38;--sw-key-lo:#00000080;--sw-key-top:#333;--sw-key-bot:#111;--sw-key-ink:#fff;--sw-q-top:#fff;--sw-q-bot:#eee;--sw-q-ink:#1a1a1a;--sw-q-hi:#fff;--sw-q-lo:#00000014;--sw-well:#e2e2e2;--sw-well-edge:#ffffffe6;--sw-glare:#ffffff80}}:root[data-theme=light] [data-product=supwrite]{color-scheme:light;--sw-bg:#fff;--sw-bg-sealed:#f2f2f2;--sw-text:#1a1a1a;--sw-text-secondary:#767676;--sw-text-disabled:#ccc;--sw-border:#ccc;--sw-border-strong:#1a1a1a;--sw-inverse-bg:#000;--sw-inverse-text:#fff;--sw-wall:#ebebeb;--sw-wall-lit:#f8f8f8;--sw-grain-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .085 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sw-paper:#fcfcfc;--sw-hair:#00000017;--sw-hair-strong:#00000029;--sw-frame:#151515;--sw-frame-hi:#fff3;--sw-mat:#f7f7f7;--sw-lift-1:0 1px 2px #0000001a, 0 3px 6px #0000000f;--sw-lift-2:16px 26px 48px -8px #0000003d;--sw-sh-key:0 0 0 1px #0000001f;--sw-sh-key-soft:0 8px 16px -8px #0000004d;--sw-key-hi:#ffffff38;--sw-key-lo:#00000080;--sw-key-top:#333;--sw-key-bot:#111;--sw-key-ink:#fff;--sw-q-top:#fff;--sw-q-bot:#eee;--sw-q-ink:#1a1a1a;--sw-q-hi:#fff;--sw-q-lo:#00000014;--sw-well:#e2e2e2;--sw-well-edge:#ffffffe6;--sw-glare:#ffffff80}:root[data-theme=dark] [data-product=supwrite]{color-scheme:dark;--sw-bg:#000;--sw-bg-sealed:#1a1a1a;--sw-text:#fff;--sw-text-secondary:#a0a0a0;--sw-text-disabled:#4d4d4d;--sw-border:#333;--sw-border-strong:#fff;--sw-inverse-bg:#fff;--sw-inverse-text:#000;--sw-wall:#0a0a0a;--sw-wall-lit:#202020;--sw-grain-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sw-paper:#171717;--sw-hair:#ffffff1a;--sw-hair-strong:#ffffff2e;--sw-frame:#141414;--sw-frame-hi:#ffffff29;--sw-mat:#dedede;--sw-lift-1:0 0 0 1px #ffffff12;--sw-lift-2:0 0 70px #ffffff09;--sw-sh-key:0 0 0 1px #ffffff1a;--sw-sh-key-soft:0 6px 16px -8px #0009;--sw-key-hi:#ffffff8c;--sw-key-lo:#0000002e;--sw-key-top:#f6f6f6;--sw-key-bot:#d9d9d9;--sw-key-ink:#000;--sw-q-top:#2b2b2b;--sw-q-bot:#1d1d1d;--sw-q-ink:#fff;--sw-q-hi:#ffffff1a;--sw-q-lo:#00000080;--sw-well:#050505;--sw-well-edge:#ffffff17;--sw-glare:#ffffff1a}:root:has(body[data-product=supwrite]){background:#0a0a0a}@media (prefers-color-scheme:light){:root:has(body[data-product=supwrite]):not([data-theme=dark]){background:#ebebeb}}:root[data-theme=light]:has(body[data-product=supwrite]){background:#ebebeb}:root[data-theme=dark]:has(body[data-product=supwrite]){background:#0a0a0a}[data-product=supwrite]{background-color:var(--sw-wall);background-image:var(--sw-grain-img);color:var(--sw-text);font-family:var(--font-body);--sw-gutter:clamp(16px, 4vw, 48px);--sw-max:1160px;font-size:1rem;line-height:1.55}[data-product=supwrite] a{color:inherit}[data-product=supwrite] ::selection{background:var(--sw-inverse-bg);color:var(--sw-inverse-text)}[data-product=supwrite]{--sw-main-pt:calc(var(--topbar-h) + 32px)}[data-product=supwrite]>main{padding-top:var(--sw-main-pt)}@media (width<=759px){[data-product=supwrite]>main{padding-top:calc(var(--sw-main-pt) + 36px)}}[data-product=supwrite] :focus-visible{outline:2px solid var(--sw-text);outline-offset:3px;border-radius:6px}[data-product=supwrite] .sw-wrap{width:100%;max-width:calc(var(--sw-max) + 2 * var(--sw-gutter));padding-inline:var(--sw-gutter);margin-inline:auto}[data-product=supwrite] .sw-section{padding-block:clamp(56px,8vw,104px);position:relative}[data-product=supwrite] .sw-label{letter-spacing:.16em;text-transform:uppercase;color:var(--sw-text-secondary);margin:0 0 14px;font-size:.72rem;font-weight:500;line-height:1.3;display:block}[data-product=supwrite] .sw-h1{font-size:var(--step-4);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500;line-height:1.1}[data-product=supwrite] .sw-h2{font-size:var(--step-3);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:500;line-height:1.15}[data-product=supwrite] .sw-lead{max-width:34em;margin:0;font-size:1.0625rem;line-height:1.55}[data-product=supwrite] .sw-h1+.sw-lead,[data-product=supwrite] .sw-h2+.sw-lead{margin-top:18px}[data-product=supwrite] .sw-soft-text{color:var(--sw-text-secondary)}[data-product=supwrite] .sw-hand{font-family:var(--font-script)}[data-product=supwrite] .sw-link{color:var(--sw-text);text-underline-offset:.24em;text-decoration:underline 1px;text-decoration-color:var(--sw-text-secondary);transition:text-decoration-color .2s}[data-product=supwrite] .sw-link:hover{text-decoration-color:var(--sw-text)}[data-product=supwrite] a.sw-link{margin-block:-12px;padding-block:12px;display:inline-block}[data-product=supwrite] .sw-key{--k-top:var(--sw-key-top);--k-bot:var(--sw-key-bot);--k-ink:var(--sw-key-ink);--k-hi:var(--sw-key-hi);--k-lo:var(--sw-key-lo);min-height:48px;font:inherit;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;color:var(--k-ink);background:linear-gradient(180deg, var(--k-top), var(--k-bot));box-shadow:inset 0 1px 0 var(--k-hi), inset 0 -1px 0 var(--k-lo), var(--sw-sh-key), 0 1px 2px #0000001a, var(--sw-sh-key-soft);-webkit-tap-highlight-color:transparent;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.9375rem;font-weight:500;line-height:1;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out;display:inline-flex}[data-product=supwrite] .sw-key:active,[data-product=supwrite] .sw-key.is-down{box-shadow:inset 0 1px 2px var(--k-lo), var(--sw-sh-key), 0 0 1px #0000001a;transform:translateY(1.5px)}[data-product=supwrite] .sw-key.is-quiet{--k-top:var(--sw-q-top);--k-bot:var(--sw-q-bot);--k-ink:var(--sw-q-ink);--k-hi:var(--sw-q-hi);--k-lo:var(--sw-q-lo)}[data-product=supwrite] .sw-key svg{flex:none;width:18px;height:18px;display:block}[data-product=supwrite] .sw-key:disabled,[data-product=supwrite] .sw-key[aria-disabled=true]{color:var(--sw-text-secondary);cursor:default;box-shadow:inset 0 0 0 1px var(--sw-hair-strong);background:0 0;transform:none}[data-product=supwrite] .sw-lift{box-shadow:var(--sw-lift-1), var(--sw-lift-2)}[data-product=supwrite] .hui{width:var(--hui-size,240px);aspect-ratio:1;pointer-events:none;user-select:none;flex:none;max-width:100%;display:block;position:relative}[data-product=supwrite] .hui-l{background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:var(--d);position:absolute;inset:0}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) [data-product=supwrite] .hui:not(.hui--dark) .hui-l{background-image:var(--l)}}:root[data-theme=light] [data-product=supwrite] .hui:not(.hui--dark) .hui-l{background-image:var(--l)}:root[data-theme=dark] [data-product=supwrite] .hui:not(.hui--dark) .hui-l{background-image:var(--d)}[data-product=supwrite] [data-hui-host]{transition:opacity .5s}[data-product=supwrite] [data-hui-off]{opacity:0}@media (width>=640px){[data-product=supwrite] .chrome-supwrite .key .cap,[data-product=supwrite] .chrome-supwrite .key.talk .cap{width:auto;min-width:58px;padding-inline:12px}}[data-product=supwrite] .sw-floor{z-index:0;pointer-events:none;height:74px;position:absolute;bottom:0;left:0;right:0}[data-product=supwrite] .sw-floor:before{content:"";background:color-mix(in srgb, var(--sw-wall) 90%, var(--sw-text));height:18px;box-shadow:inset 0 1px 0 var(--sw-hair);position:absolute;top:0;left:0;right:0}[data-product=supwrite] .sw-floor:after{content:"";background:linear-gradient(180deg, color-mix(in srgb, var(--sw-wall) 84%, var(--sw-text)), color-mix(in srgb, var(--sw-wall) 93%, var(--sw-text)));box-shadow:0 1px 0 var(--sw-hair);position:absolute;inset:18px 0 0}.ink{stroke:var(--ink);fill:none;stroke-width:var(--ink-w);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ink-fill{fill:var(--paper-2)}.ink-signal{fill:var(--signal)}.ink-solid{fill:var(--ink);stroke:none}.ink-thin{stroke-width:calc(var(--ink-w) * .6)}@property --pos{syntax:"<number>";inherits:true;initial-value:0}:root{--tek-hi-1:#ffffffeb;--tek-hi-2:#ffffff8c;--tek-sh-1:#28221a0f;--tek-sh-2:#28221a1c;--tek-sh-3:#28221a2b;--tek-sh-4:#28221a40;--tek-panel-a:#ece9e0;--tek-panel-b:#e2ded3;--tek-cap-a:#f8f6f0;--tek-cap-b:#ebe7dc;--tek-well:#d9d4c7;--tek-ink-a:#34312d;--tek-ink-b:#141414;--tek-text:var(--ink);--tek-label-ink:#57534c;--tek-led-off:#cdc8bb;--tek-tick:#28221a6b;--tek-glass-bg:#f4f1eab3;--tek-glass-solid:#efece4;--tek-r-xs:6px;--tek-r-sm:10px;--tek-r-md:16px;--tek-r-lg:28px;--tek-r-xl:32px;--tek-click:cubic-bezier(.3, 1.5, .5, 1);--tek-focus:var(--focus);--tek-raise-sm:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-1), 0 1px 2px var(--tek-sh-2), 2px 5px 12px -2px var(--tek-sh-2);--tek-raise-md:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-1), 0 1px 2px var(--tek-sh-2), 4px 10px 22px -4px var(--tek-sh-2), 8px 20px 32px -12px var(--tek-sh-1);--tek-down:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-1), 0 1px 2px var(--tek-sh-1);--tek-sunk:inset 1px 2px 7px var(--tek-sh-2), inset 0 0 0 1px var(--tek-sh-1), 1px 1px 0 var(--tek-hi-1);--tek-grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n' x='0' y='0' width='100%' height='100%'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .157  0 0 0 0 .133  0 0 0 0 .102  .8 0 0 0 -.3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--tek-screw-a:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><defs><radialGradient id='g' cx='.35' cy='.3' r='.8'><stop offset='0' stop-color='%23fbf9f4'/><stop offset='.6' stop-color='%23d8d3c6'/><stop offset='1' stop-color='%23a9a393'/></radialGradient></defs><circle cx='7' cy='7' r='6' fill='rgb(40 34 26 / .22)'/><circle cx='6.6' cy='6.4' r='5.4' fill='url(%23g)'/><path d='M3.3 8.6 L9.9 4.2' stroke='rgb(40 34 26 / .55)' stroke-width='1.4' stroke-linecap='round'/></svg>");--tek-screw-b:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'><defs><radialGradient id='g' cx='.35' cy='.3' r='.8'><stop offset='0' stop-color='%23fbf9f4'/><stop offset='.6' stop-color='%23d8d3c6'/><stop offset='1' stop-color='%23a9a393'/></radialGradient></defs><circle cx='7' cy='7' r='6' fill='rgb(40 34 26 / .22)'/><circle cx='6.6' cy='6.4' r='5.4' fill='url(%23g)'/><path d='M4 4.4 L9.4 9.4' stroke='rgb(40 34 26 / .55)' stroke-width='1.4' stroke-linecap='round'/></svg>")}.tek-dark{--tek-hi-1:#ffffff2b;--tek-hi-2:#ffffff14;--tek-sh-1:#00000047;--tek-sh-2:#0000006b;--tek-sh-3:#0000006b;--tek-sh-4:#0000008c;--tek-panel-a:#2d2b27;--tek-panel-b:#23211e;--tek-cap-a:#46433d;--tek-cap-b:#38352f;--tek-well:#181715;--tek-ink-a:#1c1b19;--tek-ink-b:#0c0c0b;--tek-text:var(--paper);--tek-label-ink:#b4afa3;--tek-led-off:#4a4740;--tek-tick:#f4f1ea66;--tek-glass-bg:#1e1c19b3;--tek-glass-solid:#24221f;--tek-focus:0 0 0 2px #181715, 0 0 0 4px var(--paper), 0 0 0 6px var(--signal);color:var(--tek-text)}.tek-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.tek-panel{isolation:isolate;border-radius:var(--tek-r-xl);color:var(--tek-text);background:var(--tek-grain), linear-gradient(148deg, var(--tek-panel-a), var(--tek-panel-b));box-shadow:inset 2px 2px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-2), 0 1px 2px var(--tek-sh-1), 10px 18px 36px -10px var(--tek-sh-2), 0 40px 64px -36px var(--tek-sh-2);padding:28px;position:relative}.tek-panel--screws:after{content:"";z-index:-1;pointer-events:none;border-radius:inherit;background-repeat:no-repeat;background-size:14px 14px;background-image:var(--tek-screw-a), var(--tek-screw-b), var(--tek-screw-b), var(--tek-screw-a);background-position:12px 12px,calc(100% - 12px) 12px,12px calc(100% - 12px),calc(100% - 12px) calc(100% - 12px);position:absolute;inset:0}.tek-panel--vents:before{content:"";z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(90deg, var(--tek-sh-3) 0 4px, transparent 4px 9px), repeating-linear-gradient(90deg, transparent 0 1px, var(--tek-hi-1) 1px 5px, transparent 5px 9px);background-position:0 0,0 1px;background-repeat:no-repeat;background-size:100% 100%,100% 100%;border-radius:2px;width:72px;height:14px;position:absolute;bottom:18px;right:40px}.tek-well{border-radius:var(--tek-r-md);background:var(--tek-well);box-shadow:var(--tek-sunk)}.tek-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tek-label-ink);text-shadow:0 1px 0 var(--tek-hi-1);user-select:none;white-space:nowrap;margin:0;font-size:.6875rem;font-weight:500;line-height:1.2;display:block}.tek-glass{background:var(--tek-glass-solid);border-radius:var(--tek-r-lg);box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset 0 0 0 1px var(--tek-sh-1), 2px 8px 24px -6px var(--tek-sh-2), 0 24px 44px -24px var(--tek-sh-2)}@supports (backdrop-filter:blur(1px)){.tek-glass{background:var(--tek-glass-bg);backdrop-filter:blur(18px)saturate(1.25)}}@media (prefers-reduced-transparency:reduce){.tek-glass{background:var(--tek-glass-solid);backdrop-filter:none}}.tek-unit{vertical-align:top;flex-direction:column;align-items:center;gap:10px;max-width:100%;display:inline-flex}.tek-unit--led{padding-top:18px}.tek-lens{--tek-led:8px;width:var(--tek-led);height:var(--tek-led);background:radial-gradient(circle at 34% 28%, #ffffffb3 0 14%, transparent 34%), var(--tek-led-off);box-shadow:inset 0 1px 4px var(--tek-sh-3), inset 0 0 0 1px var(--tek-sh-1), 0 1px 0 var(--tek-hi-1);border-radius:50%;flex:none;transition:background-color .14s,box-shadow .14s;display:block}.tek-lens[data-on],.tek-pad[aria-pressed=true] .tek-lens,.tek-pad[data-lit] .tek-lens,.tek-hit:checked+.tek-pad .tek-lens,.tek-hit:checked+.tek-push .tek-lens,.tek-push[aria-pressed=true] .tek-lens,.tek-push[data-lit] .tek-lens,.tek-rocker__input:checked~.tek-lens,.tek-key[aria-current] .tek-lens,.tek-key[data-lit] .tek-lens{background:radial-gradient(circle at 34% 28%, #ffffffe6 0 16%, transparent 38%), var(--signal);box-shadow:inset 0 -1px 2px #359fd98c,inset 0 0 0 1px #359fd9b3,0 0 5px 1px #70d0f8cc,0 0 14px 3px #70d0f861}.tek-led{--tek-led:12px;margin:4px;position:relative}.tek-led:before{content:"";background:var(--tek-well);box-shadow:var(--tek-sunk);z-index:-1;border-radius:50%;position:absolute;inset:-4px}.tek-led--sm{--tek-led:8px;margin:3px}.tek-led--sm:before{inset:-3px}.tek-led--lg{--tek-led:18px;margin:5px}.tek-led--lg:before{inset:-5px}.tek-pad{--tek-pad:72px;--cap-r:var(--tek-r-md);box-sizing:border-box;width:var(--tek-pad);height:var(--tek-pad);border-radius:calc(var(--cap-r) + 4px);background:var(--tek-well);box-shadow:var(--tek-sunk);color:var(--tek-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;border:0;margin:0;padding:0;text-decoration:none;display:block;position:relative}.tek-pad--sm{--tek-pad:56px}.tek-pad--lg{--tek-pad:96px}.tek-pad__cap{border-radius:var(--cap-r);background:var(--tek-grain), linear-gradient(150deg, var(--tek-cap-a), var(--tek-cap-b));box-shadow:var(--tek-raise-md);place-items:center;transition:translate 70ms ease-out,box-shadow 70ms ease-out;display:grid;position:absolute;inset:4px;translate:0}.tek-pad__cap:after{content:"";border-radius:calc(var(--cap-r) - 4px);box-shadow:inset 1px 2px 3px var(--tek-sh-1), 1px 1px 0 var(--tek-hi-2);pointer-events:none;position:absolute;inset:22% 14% 14%}.tek-pad__glyph{z-index:1;place-items:center;font-size:.8125rem;font-weight:500;display:grid;position:relative}.tek-pad__led{z-index:2;--tek-led:7px;position:absolute;top:10px;left:50%;translate:-50%}@media (hover:hover){.tek-pad:hover .tek-pad__cap,.tek-hit:hover+.tek-pad .tek-pad__cap{filter:brightness(1.025)}}.tek-pad:active .tek-pad__cap,.tek-hit:active+.tek-pad .tek-pad__cap,.tek-pad.is-pressed .tek-pad__cap{box-shadow:var(--tek-down);translate:1px 2px}.tek-pad:focus-visible,.tek-hit:focus-visible+.tek-pad{box-shadow:var(--tek-sunk), var(--tek-focus);border-radius:calc(var(--cap-r) + 4px)}.tek-hit{z-index:3;opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}.tek-hit:focus-visible{box-shadow:none}.tek-bank{--cols:4;grid-template-columns:repeat(var(--cols), minmax(0, 72px));border-radius:calc(var(--tek-r-md) + 4px + 10px);background:var(--tek-grain), linear-gradient(150deg, var(--tek-cap-a), var(--tek-cap-b));min-width:0;max-width:100%;box-shadow:var(--tek-raise-md);border:0;gap:10px;margin:0;padding:10px;display:inline-grid}.tek-bank__opt{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.tek-bank__opt .tek-pad{--tek-pad:100%;aspect-ratio:1;width:100%;height:auto}.tek-bank__opt .tek-hit{aspect-ratio:1;height:auto}.tek-bank--labels{row-gap:10px;padding-bottom:12px}.tek-push{--tek-d:60px;box-sizing:border-box;width:var(--tek-d);height:var(--tek-d);background:var(--tek-well);box-shadow:var(--tek-sunk);color:var(--tek-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;border:0;border-radius:50%;margin:0;padding:0;text-decoration:none;display:block;position:relative}.tek-push--sm{--tek-d:48px}.tek-push--lg{--tek-d:92px}.tek-push__cap{--face-a:var(--tek-cap-a);--face-b:var(--tek-cap-b);--face-text:var(--ink);color:var(--face-text);background:var(--tek-grain), linear-gradient(150deg, var(--face-a), var(--face-b));box-shadow:var(--tek-raise-md);border-radius:50%;place-items:center;transition:translate 70ms ease-out,box-shadow 70ms ease-out;display:grid;position:absolute;inset:4px;translate:0}.tek-push__cap:after{content:"";box-shadow:inset 1px 2px 3px var(--tek-sh-2), 1px 1px 0 var(--tek-hi-2);pointer-events:none;border-radius:50%;position:absolute;inset:17%}.tek-push--ink .tek-push__cap{--face-a:var(--tek-ink-a);--face-b:var(--tek-ink-b);--face-text:var(--paper);box-shadow:inset 1px 1px 0 #ffffff42, inset -1px -1px 0 #00000080, 0 0 0 1px #1414148c, 1px 2px 2px var(--tek-sh-3), 3px 6px 10px -2px var(--tek-sh-4), 6px 12px 16px -8px var(--tek-sh-2)}.tek-push--ink .tek-push__cap:after{box-shadow:inset 1px 2px 3px #0000008c,1px 1px #ffffff1a}.tek-push--paper .tek-push__cap{--face-a:#fdfcf8;--face-b:#efece3}.tek-push--signal .tek-push__cap{--face-a:#86d8fa;--face-b:var(--signal);box-shadow:inset 1px 1px 0 #fff9, inset -1px -1px 0 #359fd966, 0 0 0 1px #359fd9b3, 1px 2px 2px var(--tek-sh-2), 3px 6px 10px -2px var(--tek-sh-3), 6px 12px 16px -8px var(--tek-sh-2)}.tek-push--signal .tek-push__cap:after{box-shadow:inset 1px 2px 3px #359fd973,1px 1px #ffffff59}.tek-push__glyph{z-index:1;letter-spacing:.02em;place-items:center;font-size:.75rem;font-weight:500;display:grid;position:relative}.tek-push__led{--tek-led:9px;position:absolute;bottom:calc(100% + 11px);left:50%;translate:-50%}@media (hover:hover){.tek-push:hover .tek-push__cap,.tek-hit:hover+.tek-push .tek-push__cap{filter:brightness(1.04)}}.tek-push:active .tek-push__cap,.tek-hit:active+.tek-push .tek-push__cap,.tek-push.is-pressed .tek-push__cap{box-shadow:var(--tek-down);translate:1px 2px}.tek-push--ink:active .tek-push__cap,.tek-push--ink.is-pressed .tek-push__cap{box-shadow:inset 1px 1px 0 #fff3, 0 0 0 1px #1414148c, 0 1px 1px var(--tek-sh-3)}.tek-push--signal:active .tek-push__cap,.tek-push--signal.is-pressed .tek-push__cap{box-shadow:inset 1px 1px 0 #ffffff80, 0 0 0 1px #359fd9b3, 0 1px 1px var(--tek-sh-2)}.tek-push:focus-visible{box-shadow:var(--tek-sunk), var(--tek-focus);border-radius:50%}.tek-knob{--tek-d:96px;--tek-t:0;box-sizing:border-box;width:calc(var(--tek-d) + 44px);height:calc(var(--tek-d) + 44px);touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;user-select:none;border-radius:50%;place-items:center;display:grid;position:relative}.tek-knob--sm{--tek-d:60px}.tek-knob.is-drag{cursor:grabbing}.tek-knob:focus-visible{box-shadow:none;border-radius:50%}.tek-knob:focus-visible .tek-knob__body:before{box-shadow:var(--tek-sunk), var(--tek-focus)}.tek-knob__ticks{pointer-events:none;position:absolute;inset:0}.tek-knob__ticks i{width:2px;height:100%;rotate:calc(-135deg + var(--k) * 27deg);margin-left:-1px;position:absolute;top:0;left:50%}.tek-knob__ticks i:before{content:"";background:var(--tek-tick);width:2px;height:8px;box-shadow:0 1px 0 var(--tek-hi-1);border-radius:1px;position:absolute;top:0;left:0}.tek-knob__ticks i:first-child:before,.tek-knob__ticks i:last-child:before,.tek-knob__ticks i.is-mid:before{height:11px}.tek-knob__body{isolation:isolate;width:var(--tek-d);height:var(--tek-d);box-shadow:2px 4px 5px var(--tek-sh-3), 0 0 0 1px var(--tek-sh-2), 6px 12px 16px -6px var(--tek-sh-3);border-radius:50%;position:relative}.tek-knob__body:before{content:"";z-index:-1;background:var(--tek-well);box-shadow:var(--tek-sunk);border-radius:50%;position:absolute;inset:-6px}.tek-knob__turn{background:var(--tek-grain), linear-gradient(145deg, var(--tek-cap-a), var(--tek-cap-b));rotate:calc(-135deg + var(--tek-t) * 270deg);border-radius:50%;transition:rotate .1s ease-out;position:absolute;inset:0}.tek-knob.is-drag .tek-knob__turn{transition:none}.tek-knob__turn:before{content:"";background:repeating-conic-gradient(var(--tek-hi-1) 0deg, var(--tek-sh-2) 2.25deg, var(--tek-hi-1) 4.5deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 80%,#000 81%);mask:radial-gradient(circle closest-side,#0000 0 80%,#000 81%)}.tek-knob__top{background:var(--tek-grain), linear-gradient(145deg, var(--tek-cap-a), var(--tek-cap-b));box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-2), 1px 2px 3px var(--tek-sh-3);border-radius:50%;position:absolute;inset:16%}.tek-knob__pointer{background:var(--signal-deep);width:4px;height:30%;box-shadow:inset 1px 0 0 #ffffff59, 0 1px 0 var(--tek-hi-2);border-radius:2px;margin-left:-2px;position:absolute;top:6%;left:50%}.tek-knob__shine{pointer-events:none;background:linear-gradient(135deg, #fff6, transparent 42%, transparent 60%, var(--tek-sh-1));box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1);border-radius:50%;position:absolute;inset:0}.tek-dial{--tek-d:108px;--span:240deg;--n:4;border:0;min-width:0;margin:0;padding:0;display:block}.tek-dial__stage{box-sizing:border-box;--cy:calc(var(--tek-d) / 2 + 62px);width:calc(var(--tek-d) + 128px);height:calc(var(--tek-d) + 84px);position:relative}.tek-dial__input{opacity:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.tek-dial__input:focus-visible{box-shadow:none}.tek-dial__body{left:50%;top:var(--cy);isolation:isolate;width:var(--tek-d);height:var(--tek-d);margin:calc(var(--tek-d) / -2) 0 0 calc(var(--tek-d) / -2);box-shadow:2px 5px 6px var(--tek-sh-3), 0 0 0 1px var(--tek-sh-2), 8px 16px 20px -8px var(--tek-sh-3);cursor:pointer;border-radius:50%;position:absolute}.tek-dial__body:before{content:"";z-index:-1;background:var(--tek-well);box-shadow:var(--tek-sunk);border-radius:50%;position:absolute;inset:-7px}.tek-dial__turn{--tek-a:calc(-120deg);background:var(--tek-grain), linear-gradient(145deg, var(--tek-cap-a), var(--tek-cap-b));rotate:var(--tek-a);transition:rotate .2s var(--tek-click);border-radius:50%;position:absolute;inset:0}.tek-dial__turn:before{content:"";background:repeating-conic-gradient(var(--tek-hi-1) 0deg, var(--tek-sh-2) 7.5deg, var(--tek-hi-1) 15deg);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0000 0 72%,#000 73%);mask:radial-gradient(circle closest-side,#0000 0 72%,#000 73%)}.tek-dial__top{background:var(--tek-grain), linear-gradient(145deg, var(--tek-cap-a), var(--tek-cap-b));box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-2), 1px 3px 4px var(--tek-sh-3);border-radius:50%;position:absolute;inset:20%}.tek-dial__top:after{content:"";box-shadow:inset 1px 2px 3px var(--tek-sh-2), 1px 1px 0 var(--tek-hi-2);border-radius:50%;position:absolute;inset:22%}.tek-dial__index{background:var(--signal-deep);width:8px;height:18px;box-shadow:inset 1px 1px 0 #fff6, 0 0 0 1px #14141440, 0 1px 0 var(--tek-hi-2);border-radius:3px;margin-left:-4px;position:absolute;top:5px;left:50%}.tek-dial__shine{pointer-events:none;background:linear-gradient(135deg, #fff6, transparent 42%, transparent 60%, var(--tek-sh-1));box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1);border-radius:50%;position:absolute;inset:0}.tek-dial__pos{--a:calc(var(--span) / -2 + var(--span) * var(--i) / (var(--n) - 1));left:50%;top:var(--cy);z-index:2;cursor:pointer;min-width:44px;height:44px;transform:rotate(var(--a)) translateY(calc((var(--tek-d) / 2 + 40px) * -1)) rotate(calc(var(--a) * -1));-webkit-tap-highlight-color:transparent;place-items:center;margin:-22px 0 0 -22px;display:grid;position:absolute}.tek-dial__pos .tek-label{padding:2px 0;transition:color .12s}.tek-dial__input:checked+.tek-dial__pos .tek-label{color:var(--tek-text)}.tek-dial__input:focus-visible~.tek-dial__body:before{box-shadow:var(--tek-sunk), var(--tek-focus)}.tek-dial__input:first-of-type:checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2)}.tek-dial__input:nth-of-type(2):checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2 + var(--span) * 1 / (var(--n) - 1))}.tek-dial__input:nth-of-type(3):checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2 + var(--span) * 2 / (var(--n) - 1))}.tek-dial__input:nth-of-type(4):checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2 + var(--span) * 3 / (var(--n) - 1))}.tek-dial__input:nth-of-type(5):checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2 + var(--span) * 4 / (var(--n) - 1))}.tek-dial__input:nth-of-type(6):checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2 + var(--span) * 5 / (var(--n) - 1))}.tek-dial__input:nth-of-type(7):checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2 + var(--span) * 6 / (var(--n) - 1))}.tek-dial__input:nth-of-type(8):checked~.tek-dial__body .tek-dial__turn{--tek-a:calc(var(--span) / -2 + var(--span) * 7 / (var(--n) - 1))}.tek-slide{--n:2;--cell:44px;--thumb-l:40px;--thumb-w:28px;border:0;grid-template-columns:auto auto;align-items:stretch;gap:4px 10px;min-width:0;margin:0;padding:0;display:inline-grid}.tek-slide__track{grid-template-rows:repeat(var(--n), var(--cell));width:44px;height:calc(var(--n) * var(--cell));-webkit-tap-highlight-color:transparent;display:grid;position:relative}.tek-slide__track:before{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 calc(var(--cell) / 2 - 1px), var(--tek-tick) calc(var(--cell) / 2 - 1px) calc(var(--cell) / 2 + 1px), transparent calc(var(--cell) / 2 + 1px) var(--cell)) 0 0 / 6px 100% no-repeat, repeating-linear-gradient(to bottom, transparent 0 calc(var(--cell) / 2 - 1px), var(--tek-tick) calc(var(--cell) / 2 - 1px) calc(var(--cell) / 2 + 1px), transparent calc(var(--cell) / 2 + 1px) var(--cell)) 100% 0 / 6px 100% no-repeat;position:absolute;inset:0}.tek-slide__slot{left:50%;top:calc(var(--cell) / 2 - 6px);bottom:calc(var(--cell) / 2 - 6px);background:var(--tek-well);width:12px;box-shadow:var(--tek-sunk);pointer-events:none;border-radius:6px;margin-left:-6px;position:absolute}.tek-slide__thumb{--i:0;z-index:1;width:var(--thumb-w);height:var(--thumb-l);margin-left:calc(var(--thumb-w) / -2);border-radius:var(--tek-r-sm);pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 calc(50% - 7px), var(--tek-sh-2) calc(50% - 7px) calc(50% - 6px), var(--tek-hi-2) calc(50% - 6px) calc(50% - 5px), transparent calc(50% - 5px) calc(50% - 2px), var(--tek-sh-2) calc(50% - 2px) calc(50% - 1px), var(--tek-hi-2) calc(50% - 1px) 50%, transparent 50% calc(50% + 3px), var(--tek-sh-2) calc(50% + 3px) calc(50% + 4px), var(--tek-hi-2) calc(50% + 4px) calc(50% + 5px), transparent calc(50% + 5px)) 0 0 / 100% 100% no-repeat, linear-gradient(150deg, var(--tek-ink-a), var(--tek-ink-b));box-shadow:inset 1px 1px 0 #ffffff42, inset -1px -1px 0 #00000080, 0 0 0 1px #14141499, 1px 3px 3px var(--tek-sh-3), 3px 7px 9px -3px var(--tek-sh-4);translate:0 calc((var(--i) + .5) * var(--cell) - var(--thumb-l) / 2);transition:translate .18s var(--tek-click);position:absolute;top:0;left:50%}.tek-slide__thumb:after{content:"";background:var(--signal);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:4px;right:4px}.tek-slide__input{z-index:3;opacity:0;cursor:pointer;appearance:none;grid-column:1;width:100%;height:100%;margin:0;position:relative}.tek-slide__input:focus-visible{box-shadow:none}.tek-slide__input:first-of-type{grid-row:1}.tek-slide__input:nth-of-type(2){grid-row:2}.tek-slide__input:nth-of-type(3){grid-row:3}.tek-slide__input:nth-of-type(4){grid-row:4}.tek-slide__input:nth-of-type(2):checked~.tek-slide__thumb{--i:1}.tek-slide__input:nth-of-type(3):checked~.tek-slide__thumb{--i:2}.tek-slide__input:nth-of-type(4):checked~.tek-slide__thumb{--i:3}.tek-slide__input:focus-visible~.tek-slide__thumb{box-shadow:inset 1px 1px 0 #ffffff42, 0 0 0 1px #14141499, var(--tek-focus)}.tek-slide__input:active~.tek-slide__thumb{box-shadow:inset 1px 1px 0 #fff3, 0 0 0 1px #14141499, 0 1px 2px var(--tek-sh-3)}.tek-slide__labels{grid-template-rows:repeat(var(--n), var(--cell));display:grid}.tek-slide__labels label{cursor:pointer;align-items:center;min-width:28px;display:flex}.tek-slide__labels label .tek-label{transition:color .12s}.tek-slide--h{grid-template-rows:auto auto;grid-template-columns:auto;gap:2px}.tek-slide--h .tek-slide__track{grid-template-rows:44px;grid-template-columns:repeat(var(--n), var(--cell));width:calc(var(--n) * var(--cell));height:44px}.tek-slide--h .tek-slide__track:before{background:repeating-linear-gradient(to right, transparent 0 calc(var(--cell) / 2 - 1px), var(--tek-tick) calc(var(--cell) / 2 - 1px) calc(var(--cell) / 2 + 1px), transparent calc(var(--cell) / 2 + 1px) var(--cell)) 0 0 / 100% 6px no-repeat, repeating-linear-gradient(to right, transparent 0 calc(var(--cell) / 2 - 1px), var(--tek-tick) calc(var(--cell) / 2 - 1px) calc(var(--cell) / 2 + 1px), transparent calc(var(--cell) / 2 + 1px) var(--cell)) 0 100% / 100% 6px no-repeat}.tek-slide--h .tek-slide__slot{top:50%;bottom:auto;left:calc(var(--cell) / 2 - 6px);right:calc(var(--cell) / 2 - 6px);width:auto;height:12px;margin:-6px 0 0}.tek-slide--h .tek-slide__thumb{width:var(--thumb-l);height:var(--thumb-w);margin:calc(var(--thumb-w) / -2) 0 0;translate:calc((var(--i) + .5) * var(--cell) - var(--thumb-l) / 2) 0;background:repeating-linear-gradient(to right, transparent 0 calc(50% - 7px), var(--tek-sh-2) calc(50% - 7px) calc(50% - 6px), var(--tek-hi-2) calc(50% - 6px) calc(50% - 5px), transparent calc(50% - 5px) calc(50% - 2px), var(--tek-sh-2) calc(50% - 2px) calc(50% - 1px), var(--tek-hi-2) calc(50% - 1px) 50%, transparent 50% calc(50% + 3px), var(--tek-sh-2) calc(50% + 3px) calc(50% + 4px), var(--tek-hi-2) calc(50% + 4px) calc(50% + 5px), transparent calc(50% + 5px)) 0 0 / 100% 100% no-repeat, linear-gradient(150deg, var(--tek-ink-a), var(--tek-ink-b));top:50%;left:0}.tek-slide--h .tek-slide__thumb:after{width:2px;height:auto;margin:0 0 0 -1px;inset:4px auto 4px 50%}.tek-slide--h .tek-slide__input{grid-area:1}.tek-slide--h .tek-slide__input:first-of-type{grid-column:1}.tek-slide--h .tek-slide__input:nth-of-type(2){grid-column:2}.tek-slide--h .tek-slide__input:nth-of-type(3){grid-column:3}.tek-slide--h .tek-slide__input:nth-of-type(4){grid-column:4}.tek-slide--h .tek-slide__labels{grid-template-rows:auto;grid-template-columns:repeat(var(--n), var(--cell))}.tek-slide--h .tek-slide__labels label{justify-content:center;min-height:28px}.tek-lever{cursor:pointer;-webkit-tap-highlight-color:transparent;width:68px;height:96px;display:block;position:relative}.tek-lever__input{z-index:3;opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.tek-lever__input:focus-visible{box-shadow:none}.tek-lever__boss{background:var(--tek-well);width:44px;height:44px;box-shadow:var(--tek-sunk);border-radius:50%;margin-left:-22px;position:absolute;bottom:6px;left:50%}.tek-lever__boss:after{content:"";background:var(--tek-grain), linear-gradient(145deg, var(--tek-cap-a), var(--tek-cap-b));box-shadow:var(--tek-raise-sm);border-radius:50%;position:absolute;inset:8px}.tek-lever__shadow{pointer-events:none;filter:drop-shadow(2px 3px 2px var(--tek-sh-3));position:absolute;inset:0}.tek-lever__arm{background:linear-gradient(90deg, #5a554e, var(--tek-ink-a) 40%, var(--tek-ink-b));transform-origin:50% calc(100% - 4px);width:9px;height:56px;transition:rotate .2s var(--tek-click);border-radius:5px 5px 4px 4px;margin-left:-4.5px;position:absolute;bottom:28px;left:50%;rotate:-25deg;box-shadow:inset 1px 0 #ffffff4d,0 0 0 1px #14141480}.tek-lever__arm:after{content:"";background:radial-gradient(circle at 34% 28%, #6a655d, var(--tek-ink-a) 45%, var(--tek-ink-b));border-radius:50%;width:20px;height:20px;margin-left:-10px;position:absolute;top:-8px;left:50%;box-shadow:inset 1px 1px #ffffff4d,0 0 0 1px #1414148c}.tek-lever__input:checked~.tek-lever__shadow .tek-lever__arm{rotate:25deg}.tek-lever__input:focus-visible~.tek-lever__boss{box-shadow:var(--tek-sunk), var(--tek-focus)}.tek-rocker{cursor:pointer;-webkit-tap-highlight-color:transparent;width:56px;height:80px;display:block;position:relative}.tek-rocker__input{z-index:3;opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.tek-rocker__input:focus-visible{box-shadow:none}.tek-rocker .tek-lens{--tek-led:9px;position:absolute;top:-18px;left:50%;translate:-50%}.tek-rocker__frame{border-radius:var(--tek-r-sm);background:var(--tek-well);box-shadow:var(--tek-sunk);perspective:220px;position:absolute;inset:0}.tek-rocker__paddle{--rx:-9deg;--top:var(--tek-cap-a);--bot:var(--tek-cap-b);border-radius:var(--tek-r-xs);background:linear-gradient(180deg, transparent 0 49%, var(--tek-sh-2) 49% 51%, var(--tek-hi-2) 51% 52%, transparent 52%), var(--tek-grain), linear-gradient(180deg, var(--top) 0 50%, var(--bot) 50% 100%);box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-2), 1px 3px 3px var(--tek-sh-3);transform:rotateX(var(--rx));transition:transform .14s var(--tek-click);display:block;position:absolute;inset:4px}.tek-rocker__paddle:before,.tek-rocker__paddle:after{content:"";position:absolute;left:50%;translate:-50%}.tek-rocker__paddle:before{background:var(--tek-label-ink);width:2px;height:11px;box-shadow:0 1px 0 var(--tek-hi-1);border-radius:1px;margin-left:0;top:20%}.tek-rocker__paddle:after{width:10px;height:10px;box-shadow:inset 0 0 0 2px var(--tek-label-ink), 0 1px 0 var(--tek-hi-1);border-radius:50%;bottom:19%}.tek-rocker__input:checked~.tek-rocker__frame .tek-rocker__paddle{--rx:9deg;--top:var(--tek-cap-b);--bot:var(--tek-cap-a)}.tek-rocker__input:focus-visible~.tek-rocker__frame{box-shadow:var(--tek-sunk), var(--tek-focus)}.tek-seg{--pos:0;border:0;min-width:0;max-width:100%;margin:0;padding:0;transition:--pos .26s cubic-bezier(.3,1.35,.5,1);display:inline-block;position:relative}.tek-seg:has(.tek-seg__input:nth-of-type(2):checked){--pos:1}.tek-seg__track{border-radius:calc(var(--tek-r-md) + 4px);background:var(--tek-well);min-width:min(240px,100%);box-shadow:var(--tek-sunk);-webkit-tap-highlight-color:transparent;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.tek-seg__thumb{border-radius:var(--tek-r-md);pointer-events:none;background:var(--tek-grain), linear-gradient(150deg, var(--tek-cap-a), var(--tek-cap-b));width:calc(50% - 4px);box-shadow:var(--tek-raise-md);translate:calc(var(--pos) * 100%) 0;position:absolute;top:4px;bottom:4px;left:4px}.tek-seg__thumb:after{content:"";background:var(--signal);border-radius:2px;width:16px;height:3px;margin-left:-8px;position:absolute;bottom:7px;left:50%;box-shadow:0 0 5px 1px #70d0f8b3,inset 0 0 0 1px #359fd999}.tek-seg__input{z-index:3;opacity:0;cursor:pointer;appearance:none;grid-row:1;width:100%;height:100%;min-height:44px;margin:0;position:relative}.tek-seg__input:focus-visible{box-shadow:none}.tek-seg__input:first-of-type{grid-column:1}.tek-seg__input:nth-of-type(2){grid-column:2}.tek-seg__label{z-index:1;min-height:44px;color:var(--tek-label-ink);text-shadow:0 1px 0 var(--tek-hi-2);white-space:nowrap;cursor:pointer;user-select:none;grid-row:1;place-items:center;padding:0 20px 4px;font-size:.9375rem;font-weight:500;line-height:1;transition:color .15s;display:grid;position:relative}.tek-seg__label:first-of-type{grid-column:1}.tek-seg__label:nth-of-type(2){grid-column:2}.tek-seg__input:first-of-type:checked~.tek-seg__label:first-of-type,.tek-seg__input:nth-of-type(2):checked~.tek-seg__label:nth-of-type(2){color:var(--tek-text);text-shadow:none}.tek-seg__input:active~.tek-seg__thumb{box-shadow:var(--tek-down)}.tek-seg__input:focus-visible~.tek-seg__thumb{box-shadow:var(--tek-raise-md), var(--tek-focus)}.tek-key{--tek-k:52px;box-sizing:border-box;border-radius:var(--tek-r-md);min-width:44px;color:var(--tek-text);font:inherit;cursor:pointer;scale:var(--tek-scale,1);transform-origin:50% 100%;-webkit-tap-highlight-color:transparent;user-select:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;margin:0;padding:2px 2px 0;text-decoration:none;transition:scale .18s ease-out;display:inline-flex}.tek-key__cap{width:var(--tek-k);height:calc(var(--tek-k) * .88);border-radius:var(--tek-r-md);background:var(--tek-grain), linear-gradient(150deg, var(--tek-cap-a), var(--tek-cap-b));box-shadow:var(--tek-raise-md);place-items:center;transition:translate 70ms ease-out,box-shadow 70ms ease-out;display:grid;position:relative;translate:0}.tek-key__cap:after{content:"";border-radius:calc(var(--tek-r-md) - 4px);box-shadow:inset 1px 2px 3px var(--tek-sh-1), 1px 1px 0 var(--tek-hi-2);pointer-events:none;position:absolute;inset:14% 10% 10%}.tek-key__icon{z-index:1;place-items:center;width:24px;height:24px;display:grid;position:relative}.tek-key__icon :where(svg){width:100%;height:100%}.tek-key__label{letter-spacing:.06em;text-transform:uppercase;color:var(--tek-label-ink);white-space:nowrap;font-size:.6875rem;font-weight:500;line-height:1}.tek-key[aria-current] .tek-key__label{color:var(--tek-text)}.tek-key__lens{--tek-led:3px;background:var(--tek-led-off);width:18px;height:3px;box-shadow:inset 0 1px 1px var(--tek-sh-3), 0 1px 0 var(--tek-hi-1);border-radius:2px;transition:background-color .14s,box-shadow .14s;display:block}.tek-key[aria-current] .tek-key__lens,.tek-key[data-lit] .tek-key__lens{background:var(--signal);box-shadow:0 0 5px 1px #70d0f8cc,0 0 12px 2px #70d0f859,inset 0 0 0 1px #359fd999}.tek-key--talk .tek-key__cap{background:var(--tek-grain), linear-gradient(150deg, #86d8fa, var(--signal));color:var(--ink);box-shadow:inset 1px 1px 0 #fff9, inset -1px -1px 0 #359fd966, 0 0 0 1px #359fd9b3, 1px 2px 2px var(--tek-sh-2), 3px 6px 10px -2px var(--tek-sh-3), 6px 12px 16px -8px var(--tek-sh-2)}.tek-key--talk .tek-key__cap:after{box-shadow:inset 1px 2px 3px #359fd966,1px 1px #ffffff59}.tek-key--talk{--tek-label-ink:var(--tek-text)}@media (hover:hover){.tek-key:hover .tek-key__cap{filter:brightness(1.03)}}.tek-key:active .tek-key__cap,.tek-key.is-pressed .tek-key__cap{box-shadow:var(--tek-down);translate:1px 2px}.tek-key:focus-visible{box-shadow:none;border-radius:var(--tek-r-md)}.tek-key:focus-visible .tek-key__cap{box-shadow:var(--tek-raise-md), var(--tek-focus)}.tek-fader{--len:200px;width:var(--len);max-width:100%;height:44px;display:block;position:relative}.tek-fader:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, var(--tek-tick) 0 1.5px, transparent 1.5px calc((100% - 1.5px) / 10)) 0 0 / 100% 100% no-repeat;height:6px;position:absolute;top:4px;left:12px;right:12px}.tek-fader__input{-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:44px;margin:0;padding:0;position:absolute;top:0;left:0}.tek-fader--v{width:44px;height:var(--len)}.tek-fader--v:before{background:repeating-linear-gradient(180deg, var(--tek-tick) 0 1.5px, transparent 1.5px calc((100% - 1.5px) / 10)) 0 0 / 100% 100% no-repeat;width:6px;height:auto;inset:12px auto 12px 4px}.tek-fader--v .tek-fader__input{width:var(--len);touch-action:none;top:50%;left:50%;translate:-50% -50%;rotate:-90deg}.tek-fader__input:focus-visible{box-shadow:none;outline:none}.tek-fader__input::-webkit-slider-runnable-track{background:var(--tek-well);height:10px;box-shadow:var(--tek-sunk);border-radius:5px}.tek-fader__input::-moz-range-track{background:var(--tek-well);height:10px;box-shadow:var(--tek-sunk);border-radius:5px}.tek-fader__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:var(--tek-r-sm);background:linear-gradient(90deg, transparent 0 calc(50% - 1px), var(--signal-deep) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 8px / 100% calc(100% - 16px) no-repeat, var(--tek-grain), linear-gradient(150deg, var(--tek-cap-a), var(--tek-cap-b));width:26px;height:40px;box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-2), 1px 3px 3px var(--tek-sh-3), 3px 7px 9px -3px var(--tek-sh-3);border:0;margin-top:-15px;transition:box-shadow 70ms}.tek-fader__input::-moz-range-thumb{box-sizing:border-box;border-radius:var(--tek-r-sm);background:linear-gradient(90deg, transparent 0 calc(50% - 1px), var(--signal-deep) calc(50% - 1px) calc(50% + 1px), transparent calc(50% + 1px)) 0 8px / 100% calc(100% - 16px) no-repeat, var(--tek-grain), linear-gradient(150deg, var(--tek-cap-a), var(--tek-cap-b));width:26px;height:40px;box-shadow:inset 1px 1px 0 var(--tek-hi-1), inset -1px -1px 0 var(--tek-sh-1), 0 0 0 1px var(--tek-sh-2), 1px 3px 3px var(--tek-sh-3), 3px 7px 9px -3px var(--tek-sh-3);border:0}.tek-fader__input:active::-webkit-slider-thumb{box-shadow:inset 1px 1px 0 var(--tek-hi-1), 0 0 0 1px var(--tek-sh-2), 0 1px 2px var(--tek-sh-3)}.tek-fader__input:focus-visible::-webkit-slider-thumb{box-shadow:inset 1px 1px 0 var(--tek-hi-1), 0 0 0 1px var(--tek-sh-2), var(--tek-focus)}.tek-fader__input:focus-visible::-moz-range-thumb{box-shadow:inset 1px 1px 0 var(--tek-hi-1), 0 0 0 1px var(--tek-sh-2), var(--tek-focus)}@media (width<=400px){.tek-key__label{letter-spacing:.02em;font-size:.625rem}}@media (width<=480px){.tek-panel{border-radius:28px;padding:20px}}.t-display{font-size:var(--step-4);letter-spacing:var(--track-display,-.02em);margin:0;font-weight:500;line-height:1.08}.t-h2{font-size:var(--step-3);letter-spacing:-.015em;margin:0;font-weight:500;line-height:1.12}.t-h3{font-size:var(--step-2);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.2}.t-body{font-size:var(--step-1);margin:0;line-height:1.5}.t-soft{color:var(--ink-soft)}.t-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem}.t-hand{font-family:var(--font-script);font-size:1.15rem;line-height:1.2}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-weight:400;line-height:1.5}:focus-visible{box-shadow:var(--focus);border-radius:4px;outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dotted{background-image:radial-gradient(#14141429 1px,#0000 1.4px);background-size:24px 24px}.grain:before{content:"";pointer-events:none;z-index:60;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hand-box{isolation:isolate;position:relative}.hand-box:before{content:"";z-index:-1;pointer-events:none;background:var(--hand-fill,var(--paper-2));border:var(--hand-w,2px) solid var(--hand-ink,var(--ink));border-radius:var(--hand-r,14px);box-shadow:var(--hand-shadow,none);filter:var(--hand-filter,url(#hand-s));position:absolute;inset:0}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-wipe:cubic-bezier(.7, 0, .2, 1)}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transform:translate3d(var(--rx0,0), var(--ry0,26px), 0) scale(var(--rs0,1));transition:opacity .7s var(--ease-out) var(--d,0s), transform .9s var(--ease-out) var(--d,0s);will-change:transform, opacity}.js [data-reveal=fade]{--ry0:0px}.js [data-reveal=left]{--rx0:-34px;--ry0:0px}.js [data-reveal=right]{--rx0:34px;--ry0:0px}.js [data-reveal=scale]{--ry0:12px;--rs0:.94}.js [data-reveal].is-in{opacity:1;will-change:auto;transform:none}.js [data-split] .sw{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.js [data-split] .swi{transition:transform .85s var(--ease-out) calc(var(--i,0) * 55ms);display:inline-block;transform:translateY(108%)}.js [data-split].is-in .swi{transform:none}.js [data-draw]{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.1s var(--ease-wipe) var(--d,0s)}.js [data-draw].is-in{stroke-dashoffset:0}[data-magnetic]{translate:var(--mx,0px) var(--my,0px);transition:translate .5s var(--ease-out)}[data-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .45s var(--ease-out);transform-style:preserve-3d}}.link-draw{transition:background-size .4s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;padding-bottom:2px;text-decoration:none}.link-draw:hover,.link-draw:focus-visible{background-size:100% 2px}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:vt-old .8s var(--ease-wipe) both}::view-transition-new(root){animation:vt-torn-up .8s var(--ease-wipe) both;z-index:5}html[data-vt=into-sw]::view-transition-new(root){animation:vt-moon .95s var(--ease-wipe) both}html[data-vt=out-sw]::view-transition-new(root){animation:vt-torn-down .8s var(--ease-wipe) both}html[data-vt=into-sw]::view-transition-old(root){animation-name:vt-old-dark}html[data-vt=portal]::view-transition-old(root),html[data-vt=portal]::view-transition-new(root){animation:none}html[data-vt=fade]::view-transition-old(root){animation:.32s both vt-fade-out}html[data-vt=fade]::view-transition-new(root){animation:.4s both vt-fade-in}html[data-vt=fade]::view-transition-group(*){animation-duration:10ms}html[data-vt=portal]::view-transition-group(*){display:none}html[data-vt=portal]::view-transition-group(root){display:block}}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vt-old{to{opacity:.55;transform:translateY(-3vh)scale(.985)}}@keyframes vt-old-dark{to{opacity:.4;filter:brightness(.6);transform:scale(.97)}}@keyframes vt-torn-up{0%{clip-path:polygon(0 104%,9% 107%,18% 103%,27% 108%,36% 104%,45% 107%,54% 103%,63% 108%,72% 105%,81% 107%,90% 103%,100% 106%,100% 112%,0 112%)}to{clip-path:polygon(0 -6%,9% -3%,18% -7%,27% -2%,36% -6%,45% -3%,54% -7%,63% -2%,72% -5%,81% -3%,90% -7%,100% -4%,100% 100%,0 100%)}}@keyframes vt-torn-down{0%{clip-path:polygon(0 -12%,100% -12%,100% -4%,90% -7%,81% -3%,72% -6%,63% -2%,54% -7%,45% -3%,36% -6%,27% -2%,18% -7%,9% -3%,0 -6%)}to{clip-path:polygon(0 0,100% 0,100% 106%,90% 103%,81% 107%,72% 105%,63% 108%,54% 103%,45% 107%,36% 104%,27% 108%,18% 103%,9% 107%,0 104%)}}@keyframes vt-moon{0%{clip-path:circle(0% at 50% 100%)}to{clip-path:circle(150% at 50% 100%)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:10ms}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}