:root{--ink-0:#0a0c12;--ink-1:#101218;--ink-2:#181a20;--ink-3:#232328;--hud:#181818f5;--hud-line:#ffffff24;--text:#ececf1;--text-soft:#ececf19e;--text-faint:#ececf159;--line:#ececf11f;--line-soft:#ececf112;--cyan:#56d8f0;--cyan-ink:#0b1417;--cyan-dim:#56d8f024;--magenta:#e84bcb;--magenta-dim:#e84bcb24;--sans:-apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--shadow-hud:0 30px 35px #0000008c;--shadow-soft:0 12px 32px -16px #0009;--snap:.12s ease-out;--glide:.2s ease-out;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-hud:14px;--step--1:clamp(.86rem, .84rem + .1vw, .9rem);--step-0:clamp(1rem, .96rem + .2vw, 1.06rem);--step-1:clamp(1.15rem, 1.05rem + .5vw, 1.35rem);--step-2:clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3:clamp(2rem, 1.6rem + 2vw, 3rem);--step-4:clamp(2.5rem, 1.7rem + 3.8vw, 4.4rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--sans);color:var(--text);background:var(--ink-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--sans);color:var(--text);letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.1}h1{font-size:var(--step-4);margin:0 0 .45em}h2{font-size:var(--step-3);margin:0 0 .5em}h3{font-size:var(--step-1);letter-spacing:-.01em;margin:0 0 .4em}p{text-wrap:pretty;margin:0 0 1rem}a{color:var(--cyan);transition:color var(--glide);text-decoration:none}a:hover{color:var(--text)}code,kbd,pre{font-family:var(--mono)}code{font-size:.92em}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:var(--r-sm)}.wrap{width:100%;max-width:68rem;margin:0 auto;padding:0 1.5rem}.narrow{max-width:44rem}.lede{font-size:var(--step-1);color:var(--text-soft);line-height:1.5}.muted{color:var(--text-soft)}.wordmark{font-family:var(--mono);letter-spacing:.14em;color:var(--text);font-size:.95rem;font-weight:500}.brand{align-items:center;gap:.6rem;display:inline-flex}.brand img{border-radius:7px;width:28px;height:28px}.nav{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.nav-links{align-items:center;gap:1.4rem;display:flex}.nav-links a{color:var(--text-soft);font-size:.95rem}.nav-links a:hover{color:var(--text)}.btn{font-family:var(--sans);border-radius:var(--r-lg);cursor:pointer;transition:background var(--snap), border-color var(--snap), color var(--snap), transform var(--snap);border:1px solid #0000;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.2rem;font-size:1rem;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--cyan);color:var(--cyan-ink)}.btn-primary:hover{color:var(--cyan-ink);background:#7ae2f4}.btn-ghost{border-color:var(--line);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}kbd.key{min-width:1.7em;height:1.75em;font-family:var(--mono);color:var(--text);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);border-bottom-width:2px;justify-content:center;align-items:center;gap:.35em;padding:0 .45em;font-size:.86em;font-weight:500;line-height:1;display:inline-flex}kbd.key.hypr{color:var(--cyan);background:#56d8f029;border-color:#56d8f080 #56d8f080 #56d8f0b3}kbd.key .glyph{font-size:1.05em}kbd.key .word{letter-spacing:.05em;font-size:.74em}.chord{white-space:nowrap;align-items:center;gap:.35em;display:inline-flex}.chord.big .key{border-radius:var(--r-lg);min-width:2.1em;height:2.1em;padding:0 .55em;font-size:1rem}.chord-set{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;display:inline-flex}.c{font-family:var(--mono);color:var(--text);background:var(--ink-2);border-radius:var(--r-sm);border:1px solid var(--line-soft);white-space:nowrap;padding:.08em .4em;font-size:.92em}.cmd{font-family:var(--mono);color:var(--text);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:.75rem;margin:0;padding:.8rem 1rem;font-size:.95rem;display:flex}.cmd .prompt{color:var(--cyan);-webkit-user-select:none;user-select:none}.cmd code{white-space:nowrap;flex:auto;overflow-x:auto}.cmd button{font:inherit;color:var(--text-soft);background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;min-height:32px;padding:.35rem .6rem;font-size:.85rem}.cmd button:hover{color:var(--text);border-color:var(--cyan)}section{padding:clamp(3.5rem,8vw,6.5rem) 0;position:relative}.band{background:var(--ink-1);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}table.keys{border-collapse:collapse;width:100%;font-size:.98rem}table.keys th{text-align:left;font-family:var(--mono);letter-spacing:.02em;color:var(--cyan);border-bottom:1px solid var(--line);padding:.6rem 0;font-size:.8rem;font-weight:600}table.keys td{border-bottom:1px solid var(--line-soft);vertical-align:middle;height:44px;padding:.5rem 0}table.keys td:last-child{text-align:right;white-space:nowrap}table.keys td:last-child .chord{justify-content:flex-end}table.keys .float{color:var(--magenta);margin-left:.35em}footer{border-top:1px solid var(--line-soft);color:var(--text-soft);padding:2.5rem 0 3rem;font-size:.92rem}footer .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}footer a{color:var(--text-soft)}footer a:hover{color:var(--text)}@media (width<=760px){body{font-size:16px}.nav-links{gap:1rem}.nav-links a:not(.btn){display:none}.cmd{font-size:.86rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.skip{background:var(--ink-2);color:var(--text);border-radius:var(--r-md);z-index:60;padding:.6rem 1rem;position:absolute;top:-100px;left:-9999px}.skip:focus{position:fixed;top:1rem;left:1rem}main[tabindex="-1"]:focus-visible,section[tabindex="-1"]:focus-visible,footer[tabindex="-1"]:focus-visible{outline:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}section[id],main{scroll-margin-top:5rem}.sec-body{z-index:1;position:relative}figure{margin:0}figcaption{color:var(--text-soft);margin-top:.75rem;font-size:.9rem}.note{margin-top:1rem;font-size:.95rem}.float{color:var(--magenta);margin-left:.35em}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.split>*{min-width:0}.split h2,.split h3{margin-bottom:.6em}.split .prose p{color:var(--text-soft)}.split .prose p:last-child{margin-bottom:0}.site-head{z-index:40;-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--line-soft);background:#0a0c12b8;position:sticky;top:0}.nav-links .btn{min-height:36px;padding:.45rem .9rem;font-size:.9rem}.nav-links .gh{white-space:nowrap}.nav-links a.btn-primary,.nav-links a.btn-primary:hover{color:var(--cyan-ink)}.nav-links a:not(.btn){align-items:center;min-height:36px;display:inline-flex}.faint{color:#ececf194}.bg{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bg-grad{background:radial-gradient(90% 70% at 22% 0,#56d8f00f,#0000 62%),radial-gradient(70% 65% at 88% 100%,#e84bcb0f,#0000 58%)}.hero{text-align:center;padding-top:clamp(2.5rem,6vw,4.5rem);padding-bottom:clamp(3rem,7vw,5.5rem);position:relative;overflow:hidden}.hero-scrim{z-index:0;pointer-events:none;background:radial-gradient(78% 58% at 50% 30%, #0a0c12e0, #0a0c128f 60%, #0a0c120f 88%), linear-gradient(to bottom, #0a0c1233, #0a0c1238 46%, var(--ink-0) 97%);position:absolute;inset:0}.hero-mark{justify-content:center;margin:0 0 .7rem;display:flex}.hero-flap{max-width:100%}.hero-mark-flat{font-family:var(--mono);letter-spacing:.16em;font-size:clamp(3rem,7vw,6rem);font-weight:600;line-height:1.05}.hero-sub{color:var(--text);max-width:24ch;margin:0 auto .9rem;font-size:clamp(1.35rem,1.05rem + 1.1vw,1.95rem);font-weight:500}.hero .lede{max-width:48ch;margin:0 auto 1.2rem}.legend-line{color:var(--text-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;margin:0 0 1.9rem;font-size:1rem;display:inline-flex}.hero-bg{opacity:.7;-webkit-mask-image:linear-gradient(#000 0% 68%,#0000 97%);mask-image:linear-gradient(#000 0% 68%,#0000 97%)}.cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.trust{margin:1rem 0 0;font-size:.92rem}section.how{padding:0;scroll-margin-top:0}.how-track{height:450vh;position:relative}.how-stage{height:100dvh;position:sticky;top:0}.how-stage-in{grid-template-rows:auto 1fr auto;align-items:center;height:100%;padding-top:5.5rem;padding-bottom:clamp(1.25rem,4vh,2.5rem);display:grid}.how-stage-in h2{text-align:center;margin:0}.how-figure{place-items:center;min-height:0;display:grid}.how-figure .desk{width:auto;max-width:100%;height:min(48vh,62.5vw - 1.875rem)}.how-caption{min-height:clamp(7rem,15vh,9rem);position:relative}.how-cap{text-align:center;opacity:0;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:center;gap:.9rem;margin:0;transition:opacity .2s;display:flex;position:absolute;inset:0}.how-cap[data-on=true]{opacity:1}.how-cap .chord-set{justify-content:center}.story-line-text{font-size:var(--step-2);letter-spacing:-.02em;color:var(--text);margin:0;font-weight:600;line-height:1.15}.story-static{flex-wrap:wrap;align-items:flex-start;gap:1.5rem 2rem;margin:0 0 2.5rem;display:flex}.story-static figure{flex:19rem;min-width:0;max-width:32rem}.story-static .desk{width:100%;height:auto}.story-static figcaption{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.story-static .story-line-text{font-size:var(--step-1);color:var(--text)}.desk{aspect-ratio:16/10;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);max-width:100%;height:100%;box-shadow:var(--shadow-soft);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.desk-bar{border-bottom:1px solid var(--line-soft);background:#0a0c12b8;flex:none;justify-content:space-between;align-items:center;gap:1rem;height:24px;padding:0 .65rem;display:flex}.desk-mark{font-family:var(--mono);letter-spacing:.16em;color:#ececf180;font-size:9px}.ws-dots{align-items:center;gap:5px;display:inline-flex}.ws-dots i{background:#ececf129;border-radius:50%;width:6px;height:6px;transition:background .3s,box-shadow .3s}.ws-dots i.used{background:0 0;box-shadow:inset 0 0 0 1.5px #ececf180}.ws-dots i.on{background:var(--cyan);box-shadow:0 0 7px #56d8f0a6}.desk-screen{flex:auto;position:relative;overflow:hidden}.desk-track{z-index:0;width:200%;display:flex;position:absolute;inset:0}.desk-pane{width:50%;height:100%;position:relative}.sent-win{position:absolute;inset:0}.win{padding:5px;position:absolute}.win-frame{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r-md);flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px -14px #000000e6}.win-frame.focused{border:2px solid var(--cyan)}.win-bar{border-bottom:1px solid var(--line-soft);background:#ececf10a;flex:none;padding:4px 6px}.win-name{font-family:var(--mono);letter-spacing:.05em;color:#ececf19e;font-size:9px}.win-body{flex-direction:column;flex:auto;gap:5px;padding:7px;display:flex;overflow:hidden}.win-body i{background:#ececf129;border-radius:2px;height:4px;display:block}.win-body.vert{flex-direction:row;align-items:flex-end;gap:4px}.win-body.vert i{width:7px}.app-term .win-body i:nth-child(odd){background:#56d8f080}.app-code .win-body i:nth-child(3n+1){background:#56d8f06b}.app-code .win-body i:nth-child(3n+2){background:#e84bcb61}.app-web .win-body i:first-child{background:#ececf114;border-radius:5px;height:9px;box-shadow:inset 0 0 0 1px #ececf124}.app-web .win-body i:last-child{background:#e84bcb57}.app-notes .win-body i{background:#fff3de29;height:3px}.app-music .win-body i{background:#9e82f68c}.win-frame .br{border:2px solid #9ceeff;width:9px;height:9px;position:absolute}.win-frame .br.tl{border-bottom:0;border-right:0;top:2px;left:2px}.win-frame .br.tr{border-bottom:0;border-left:0;top:2px;right:2px}.win-frame .br.bl{border-top:0;border-right:0;bottom:2px;left:2px}.win-frame .br.br-b{border-top:0;border-left:0;bottom:2px;right:2px}.desk-dim{z-index:2;opacity:0;pointer-events:none;background:#080a0fb3;transition:opacity .35s;position:absolute;inset:0}.desk-dim.on{opacity:1}.keycap-layer{z-index:3;place-items:center;display:grid;position:absolute;inset:0}.keycap{aspect-ratio:1;width:clamp(72px,21%,124px);color:var(--cyan);background:linear-gradient(158deg,#2a2c33,#111218 72%);border:1px solid #ececf124;border-radius:24%;place-items:center;font-size:clamp(30px,10%,54px);transition:transform .18s ease-out,box-shadow .18s ease-out,border-color .18s ease-out,color .18s ease-out;display:grid;box-shadow:0 9px 0 -2px #07080c,0 20px 30px -14px #000000e6}.keycap span{font-size:2.6em;line-height:1}.keycap.down{color:#b7f4ff;background:linear-gradient(158deg,#1d343c,#0d1b21 72%);border-color:#56d8f0bf;transform:translateY(7px);box-shadow:0 2px 0 -2px #07080c,0 0 0 1px #56d8f059,0 0 42px #56d8f08c,inset 0 0 28px #56d8f047}.demo-host{margin:1.6rem 0 .9rem}.demo-help{max-width:54rem}.demo-stub{border:1px dashed var(--line);border-radius:var(--r-lg);min-height:18rem;color:var(--text-faint);background:var(--ink-1);place-items:center;display:grid}.focus-title{margin-bottom:1.6rem}.focus-title .focus-container{justify-content:flex-start;gap:.6em}.focus-title .focus-word{font-size:var(--step-3);letter-spacing:-.02em;color:var(--text);cursor:default;font-weight:600;line-height:1.15}.focus-title .corner{filter:drop-shadow(0 0 3px #56d8f04d);border-width:2px;border-radius:2px;width:.7rem;height:.7rem}.focus-title .top-left,.focus-title .top-right{top:-8px}.focus-title .bottom-left,.focus-title .bottom-right{bottom:-8px}.focus-title .top-left,.focus-title .bottom-left{left:-8px}.focus-title .top-right,.focus-title .bottom-right{right:-8px}.hud-figure .hud{margin-left:auto;margin-right:auto}.table-scroll{overflow-x:auto}.table-scroll table.keys{min-width:30rem}.legend .float{margin-left:0;margin-right:.15em}.legend{color:var(--text-soft);margin-top:1rem;font-size:.9rem}.install{--border-primary:#ececf11f;position:relative;overflow:hidden}.install-bg{background:url(/rays.webp) top center / cover no-repeat, var(--ink-1);opacity:.45;-webkit-mask-image:linear-gradient(#000,#0006 58%,#0000 92%);mask-image:linear-gradient(#000,#0006 58%,#0000 92%)}.install-grid{align-items:stretch;gap:2.25rem;display:grid}.install-grid>*{min-width:0}@media (width>=940px){.install-grid{grid-template-columns:1fr 1fr;gap:3rem}}.setup-card{height:100%}.setup-card .border-glow-inner{padding:1.5rem;overflow:visible}.step-lead{color:var(--text);align-items:center;gap:.65rem;margin:0 0 1.1rem;font-size:1.15rem;font-weight:600;display:flex}.step-n{width:1.9rem;height:1.9rem;font-family:var(--mono);color:var(--cyan);background:#56d8f01f;border:1px solid #56d8f073;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.9rem;display:inline-flex}.setup-copy{color:var(--text-soft);margin:0 0 1.2rem}.cmd{min-width:0}.setup-card .cmd{background:var(--ink-0);border-color:var(--line-soft);flex-wrap:nowrap;align-items:flex-start}.setup-card .cmd code{white-space:normal;overflow-wrap:anywhere;flex:1 1 0;min-width:0;overflow-x:visible}.setup-card .cmd .prompt{line-height:1.6}.spark{display:inline-flex;position:relative}.install-note{color:var(--text-soft);margin:1rem 0 0;font-size:.95rem}.install-note a{color:var(--cyan)}.contribute{position:relative;overflow:hidden}.contribute-bg{opacity:.38;background:url(/grid.webp) 50%/cover no-repeat;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000 12%,#0000 76%);mask-image:radial-gradient(85% 75% at 50% 45%,#000 12%,#0000 76%)}.contribute .split{align-items:start}ul.links{margin:1.4rem 0 0;padding:0;list-style:none}ul.links li{border-top:1px solid var(--line-soft);padding:.7rem 0}ul.links li:first-child{border-top:0}ul.links a{align-items:center;min-height:32px;display:inline-flex}.support-block{border-left:1px solid var(--line-soft);padding-left:clamp(1.5rem,3vw,2.5rem)}.support-btn{margin-top:.4rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:disabled:hover{border-color:var(--line);color:var(--text)}.donate-note{font-family:var(--mono);letter-spacing:.06em;margin-top:.8rem}ul.facts{margin:0;padding:0;list-style:none}ul.facts li{border-top:1px solid var(--line-soft);align-items:flex-start;gap:.95rem;padding:1rem 0;display:flex}ul.facts li:first-child{border-top:0;padding-top:0}ul.facts p{color:var(--text-soft);min-width:0;margin:0}.fact-icon{width:40px;height:40px;color:var(--cyan);border-radius:var(--r-lg);background:#56d8f029;border:1px solid #56d8f080;border-bottom:2px solid #56d8f0b3;flex:none;place-items:center;display:grid}.fact-icon svg{width:20px;height:20px}.fact-icon .mag{stroke:var(--magenta)}.site-foot{padding:4rem 0 4.5rem;position:relative;overflow:hidden}.site-foot .row{z-index:1;position:relative}.site-foot .row p{margin:0}.foot-bg{opacity:.6;background:url(/waves.webp) bottom/cover no-repeat;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}@media (width<=860px){.split{grid-template-columns:1fr}.support-block{border-left:0;border-top:1px solid var(--line-soft);padding-top:1.75rem;padding-left:0}}@media (width<=760px){body{font-size:17px}section{padding:clamp(3.5rem,11vw,5rem) 0}.nav-links a:not(.btn):not(.gh){display:none}.nav-links a.gh{display:inline-flex}.nav-links{gap:.9rem}.nav-links a:not(.btn),.nav-links .btn{min-height:44px}.chord .key{border-radius:var(--r-lg);min-width:2.4em;min-height:44px;font-size:1rem}ul.facts .chord .key{border-radius:var(--r-md);min-width:1.9em;height:1.9em;min-height:1.9em;font-size:.95em}.cta .btn{justify-content:center;width:100%}.how-track{height:500vh}.how-stage-in{padding-top:6.25rem}.how-figure .desk{height:min(38vh,62.5vw - 1.875rem)}.how-caption{min-height:clamp(8rem,20vh,11rem)}.setup-card .border-glow-inner{padding:1.25rem}}@media (width<=620px){.table-scroll table.keys{min-width:0}table.keys td:last-child{white-space:normal;padding-left:.75rem}.cmd code{white-space:normal;overflow-wrap:anywhere;overflow-x:visible}}@media (width<=760px){.install-bg,.contribute-bg,.foot-bg{background-image:none}}@media (prefers-reduced-motion:reduce){.spark canvas{display:none}}.target-cursor-wrapper{pointer-events:none;z-index:2147483647;mix-blend-mode:difference;width:0;height:0;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.target-cursor-dot{will-change:transform;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.target-cursor-corner{will-change:transform;border:3px solid #fff;width:12px;height:12px;position:absolute;top:50%;left:50%}.corner-tl{border-bottom:none;border-right:none;transform:translate(-150%,-150%)}.corner-tr{border-bottom:none;border-left:none;transform:translate(50%,-150%)}.corner-br{border-top:none;border-left:none;transform:translate(50%,50%)}.corner-bl{border-top:none;border-right:none;transform:translate(-150%,50%)}.split-flap-text{align-items:center;gap:var(--split-flap-gap,6px);color:var(--split-flap-text-color,#f8fafc);font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Liberation Mono,Menlo,monospace;font-size:var(--split-flap-font-size,52px);letter-spacing:.035em;white-space:pre;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-weight:760;line-height:1;display:inline-flex}.split-flap-text__tile{border-radius:var(--split-flap-radius,8px);background:radial-gradient(circle at 50% 0%, #ffffff29, transparent 44%), linear-gradient(180deg, color-mix(in srgb, var(--split-flap-tile-color,#111827) 82%, white), var(--split-flap-tile-color,#111827));perspective:520px;width:.78em;height:1.08em;transform-style:preserve-3d;isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 .035em .08em #ffffff14,inset 0 -.05em .1em #00000061,0 .16em .38em #00000047}.split-flap-text__tile:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e 18%,#000000a3 50%,#ffffff24 82%,#0000);width:100%;height:1px;position:absolute;top:calc(50% - .5px);left:0;box-shadow:0 -1px #ffffff14,0 1px #00000080}.split-flap-text__tile:after{content:"";z-index:9;border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0003}.split-flap-text__half,.split-flap-text__flap{background:linear-gradient(180deg, #ffffff12, transparent 34%), var(--split-flap-tile-color,#111827);backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.split-flap-text__half--top,.split-flap-text__flap--front{top:0}.split-flap-text__half--bottom,.split-flap-text__flap--back{background:linear-gradient(0deg, #ffffff0f, transparent 38%), color-mix(in srgb, var(--split-flap-tile-color,#111827) 92%, black);bottom:0}.split-flap-text__char{width:100%;height:200%;color:var(--split-flap-text-color,#f8fafc);text-shadow:0 .025em #ffffff29,0 .09em .16em #0000006b;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.split-flap-text__half--top .split-flap-text__char,.split-flap-text__flap--front .split-flap-text__char{top:0}.split-flap-text__half--bottom .split-flap-text__char,.split-flap-text__flap--back .split-flap-text__char{bottom:0}.split-flap-text__flap{z-index:6;will-change:transform, filter;transform-style:preserve-3d}.split-flap-text__flap--front{transform-origin:bottom;animation:split-flap-front var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both}.split-flap-text__flap--back{transform-origin:top;animation:split-flap-back var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both;transform:rotateX(90deg)}@keyframes split-flap-front{0%{filter:brightness(1.08);transform:rotateX(0)}to{filter:brightness(.52);transform:rotateX(-90deg)}}@keyframes split-flap-back{0%,45%{filter:brightness(.58);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.split-flap-text__flap{animation:none!important}}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000001a,0 2px 4px #0000001a,0 4px 8px #0000001a,0 8px 16px #0000001a,0 16px 32px #0000001a,0 32px 64px #0000001a}.border-glow-card--static:hover,.border-glow-card--static:focus-within{--edge-proximity:100}.border-glow-card--light{border-color:#18181b1f;box-shadow:0 1px 2px #18181b0a,0 8px 24px #18181b0d}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#120f17) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:1;flex-direction:column;display:flex;position:relative;overflow:auto}.focus-container{-webkit-user-select:none;user-select:none;outline:none;flex-wrap:wrap;justify-content:center;align-items:center;gap:1em;display:flex;position:relative}.focus-word{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:3rem;font-weight:900;transition:filter .3s,color .3s;position:relative}.focus-word.active{filter:blur()}.focus-frame{pointer-events:none;box-sizing:content-box;border:none;position:absolute;top:0;left:0}.corner{border:3px solid var(--border-color,#fff);width:1rem;height:1rem;filter:drop-shadow(0px 0px 4px var(--border-color,#fff));border-radius:3px;transition:none;position:absolute}.top-left{border-bottom:none;border-right:none;top:-10px;left:-10px}.top-right{border-bottom:none;border-left:none;top:-10px;right:-10px}.bottom-left{border-top:none;border-right:none;bottom:-10px;left:-10px}.bottom-right{border-top:none;border-left:none;bottom:-10px;right:-10px}.hud{background:var(--hud);border-radius:var(--r-hud);width:560px;max-width:100%;box-shadow:var(--shadow-hud);color:var(--text);font-family:var(--sans);text-align:left;border:1px solid #ffffff24;padding:16px 18px}.hud-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hud-title{align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.hud-title .k{min-width:18px;height:18px;font-family:var(--mono);background:#ffffff14;border:1px solid #ffffff24;border-radius:4px;justify-content:center;align-items:center;margin-left:2px;padding:0 5px;font-size:10px;font-weight:500;display:inline-flex}.hud-hint{color:var(--text-faint);font-size:10px}.hud-hint.filtering{font-family:var(--mono);color:var(--cyan)}.hud-cols{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.hud-sec{letter-spacing:.8px;text-transform:uppercase;color:var(--cyan);margin:6px 0 2px;font-size:9.5px;font-weight:600}.hud-row{color:#ececf1d9;justify-content:space-between;align-items:center;gap:10px;padding:5px 0;font-size:11.5px;display:flex}.hud-row .chord{font-family:var(--mono);color:#ececf199;white-space:nowrap;font-size:10px;font-weight:500}.hud-row .fl{color:var(--magenta);margin-left:4px}.hud-empty{color:var(--text-faint);padding:6px 0;font-size:11.5px}.hud.compact{padding:12px 13px}.hud.compact .hud-head{margin-bottom:9px}.hud.compact .hud-title{font-size:12px}.hud.compact .hud-row{padding:4px 0;font-size:11px}@media (width<=520px){.hud-cols{grid-template-columns:1fr}}@media (width<=760px){.hud{padding:14px 15px}.hud-title{font-size:14px}.hud-hint{font-size:11px}.hud-sec{letter-spacing:.9px;margin:10px 0 2px;font-size:11px}.hud-row{padding:6px 0;font-size:13px}.hud-row .chord{font-size:11.5px}}.hud-row .chord .hud-hypr{color:var(--cyan);font-weight:600}.demo{--tg:8px;--violet:#9b7bf0;--teal:#3fd1c0;flex-direction:column;gap:.7rem;display:flex}.demo-tutor{background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);flex-wrap:wrap;align-items:center;gap:.75rem .9rem;padding:.6rem .85rem;display:flex}.demo-steps{flex:none;align-items:center;gap:.55rem;display:flex}.demo-steps-n{font-family:var(--mono);color:var(--text-faint);font-size:.78rem}.demo-dotstrip{align-items:center;gap:4px;display:inline-flex}.demo-step{background:var(--line);width:6px;height:6px;transition:background var(--glide), width var(--glide);border-radius:50%}.demo-step.is-done{background:#56d8f066}.demo-step.is-now{background:var(--cyan);border-radius:3px;width:16px}kbd.key.hypr.is-pressed{color:var(--cyan);border-bottom-width:1px;border-color:var(--cyan);background:#56d8f033;transform:translateY(1px);box-shadow:0 0 0 1px #56d8f059,0 0 14px #56d8f052,inset 0 .18em .36em #000000b3,inset 0 -.07em #56d8f066}.demo-cap{flex:none;align-items:center;display:inline-flex}.demo-cap kbd.key{border-radius:var(--r-lg);min-width:3.3em;height:2.3em;padding:0 .6em;font-size:1.5rem}.demo-tutor-text{color:var(--text);flex:18rem;margin:0;font-size:1rem;line-height:1.85}.demo-go{min-height:44px;font:inherit;background:var(--cyan);color:var(--cyan-ink);border-radius:var(--r-lg);cursor:pointer;transition:background var(--snap), border-color var(--snap), color var(--snap);border:1px solid #0000;flex:none;justify-content:center;align-items:center;padding:0 1.1rem;font-size:.95rem;font-weight:600;display:inline-flex}.demo-go:hover{background:#7ae2f4}.demo-go.is-quiet{border-color:var(--line);color:var(--text);background:0 0}.demo-go.is-quiet:hover{border-color:var(--cyan);color:var(--cyan)}.demo-screen{aspect-ratio:16/10;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);position:relative;overflow:hidden;container-type:inline-size}.demo-screen.is-focused{box-shadow:inset 0 0 0 1px var(--cyan)}.demo-field{inset:calc(var(--tg) / 2);position:absolute}.demo-slot{position:absolute;container-type:size}.demo-win{inset:calc(var(--tg) / 2);background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r-md);cursor:pointer;touch-action:none;flex-direction:column;font-size:clamp(8px,2.2cqmin,14px);display:flex;position:absolute;overflow:hidden}.demo-win.is-focus{border:2px solid var(--cyan)}.demo-win.is-float{border:2px solid var(--magenta);cursor:grab}.demo-win.is-float.is-held{cursor:grabbing}.demo-win.is-float.is-focus{border-color:var(--cyan)}.demo-win.is-held{box-shadow:var(--shadow-soft);opacity:.55;cursor:grabbing}.demo-win.is-drop{box-shadow:inset 0 0 0 3px var(--cyan);background:#56d8f02e}.demo-win.is-drop .demo-body{opacity:.4}.demo-bar{z-index:2;border-bottom:1px solid var(--line-soft);background:#0a0c12b8;flex:none;align-items:center;height:1.9em;padding:0 .6em 0 max(15px,.9em);display:flex;position:relative}.demo-win.is-float .demo-bar{min-height:20px}.demo-name{font-family:var(--mono);color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.95em;line-height:1.2;overflow:hidden}.demo-win.is-focus .demo-name{color:var(--text)}.demo-mark{color:var(--magenta);margin-left:.35em}.demo-body{z-index:0;flex:auto;min-height:0;position:relative;overflow:hidden}.demo-brackets{z-index:3}.demo-brackets i{border:2px solid var(--cyan);z-index:3;width:8px;height:8px;position:absolute}.demo-brackets .tl{border-bottom:0;border-right:0;top:3px;left:3px}.demo-brackets .tr{border-bottom:0;border-left:0;top:3px;right:3px}.demo-brackets .bl{border-top:0;border-right:0;bottom:3px;left:3px}.demo-brackets .br{border-top:0;border-left:0;bottom:3px;right:3px}.demo-resize{z-index:4;touch-action:none;width:max(18px,1.6em);height:max(18px,1.6em);position:absolute}.demo-resize.at-nw{cursor:nwse-resize;top:0;left:0}.demo-resize.at-ne{cursor:nesw-resize;top:0;right:0}.demo-resize.at-sw{cursor:nesw-resize;bottom:0;left:0}.demo-resize.at-se{cursor:nwse-resize;bottom:0;right:0}.demo-resize.at-se:after{content:"";border-right:2px solid var(--magenta);border-bottom:2px solid var(--magenta);width:7px;height:7px;position:absolute;bottom:3px;right:3px}.demo-win.is-focus .demo-resize.at-se:after{border-color:var(--cyan)}.ab{flex-direction:column;width:100%;height:100%;padding:3cqh 4cqw;display:flex;overflow:hidden}.ab-row{flex:none;align-items:center;gap:.4em;min-width:0;height:9cqh;display:flex}.ab-bar{border-radius:1px;flex:none}.ab-terminal{background:linear-gradient(#56d8f00d,#0000 45%),#0b0d11}.ab-terminal .ab-prompt{background:var(--cyan);opacity:.85;flex:none;width:.42em;height:.75em}.ab-terminal .ab-bar{background:#ececf138;height:.4em}.ab-terminal .ab-caret{background:var(--cyan);opacity:.7;width:.5em;height:.8em}.ab-editor{background:linear-gradient(#e84bcb0a,#0000 45%),#0e1016}.ab-editor .ab-num{background:#ececf124;border-radius:1px;flex:none;width:.7em;height:.34em}.ab-code{flex:auto;align-items:center;gap:.35em;min-width:0;display:flex}.ab-tok{border-radius:1px;flex:none;height:.42em}.ab-tok.is-n{background:#ececf13d}.ab-tok.is-a{background:#56d8f0a6}.ab-tok.is-m{background:#e84bcb99}.ab-browser{background:#101218}.ab-addr{border:1px solid var(--line-soft);background:#ececf112;border-radius:.6em;flex:none;align-items:center;gap:.45em;height:11cqh;min-height:1.2em;padding:0 .45em;display:flex}.ab-dot{background:var(--cyan);opacity:.8;border-radius:50%;flex:none;width:.4em;height:.4em}.ab-url{background:#ececf138;border-radius:1px;flex:0 auto;width:62%;height:.3em}.ab-page{flex-direction:column;flex:auto;min-height:0;padding-top:3cqh;display:flex}.ab-page>*{flex:none;margin-bottom:5cqh}.ab-page .ab-bar{background:#ececf12e;height:.38em}.ab-accent{background:#e84bcb80;border-radius:.25em;width:2.8em;height:.9em}.ab-notes{background:#13110e;padding:0 4cqw}.ab-rule{border-bottom:1px solid #fff4e61f;flex:none;align-items:flex-end;height:9.5cqh;padding-bottom:1.5cqh;display:flex}.ab-ink{background:#fff4e647;border-radius:1px;height:.34em}.ab-music{background:#121019;justify-content:flex-end;gap:4cqh}.ab-eq{flex:auto;align-items:flex-end;gap:.3em;min-height:0;display:flex}.ab-eq i{background:var(--violet);opacity:.75;border-radius:1px 1px 0 0;flex:1 1 0;min-width:0}.ab-track{background:#ececf11f;border-radius:2px;flex:none;height:.3em;overflow:hidden}.ab-track i{background:var(--violet);width:46%;height:100%;display:block}.ab-chat{background:#0d1416}.ab-bub{background:#3fd1c029;border:1px solid #3fd1c042;border-radius:.48em;flex:none;height:8cqh;min-height:.8em;margin-bottom:3cqh}.ab-bub.is-me{background:#3fd1c061;border-color:#3fd1c080;align-self:flex-end}.demo-empty{font-family:var(--mono);color:var(--text-faint);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;font-size:clamp(9px,1.25cqw,13px);display:flex;position:absolute;inset:0}.demo-empty-hint{font-size:.85em}.demo-scratch{z-index:5;padding:calc(var(--tg) * 1.5);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-scratch-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:#101218eb;width:100%;max-width:88%;padding:clamp(8px,1.3cqw,14px)}.demo-scratch-head{font-family:var(--mono);letter-spacing:.08em;color:var(--cyan);margin-bottom:.6em;font-size:clamp(8px,1cqw,11px)}.demo-scratch-grid{gap:var(--tg);grid-template-columns:repeat(auto-fill,minmax(clamp(72px,11cqw,132px),1fr));display:grid}.demo-slot.is-stash{height:clamp(46px,7.5cqw,78px);position:relative}.demo-win.is-stashed{font-size:clamp(7px,1.1cqw,11px);inset:0}.demo-scratch-empty{font-family:var(--mono);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:.4em;font-size:clamp(8px,1.1cqw,12px);display:flex}.demo-scratch-empty kbd.key{border-bottom-width:1px;min-width:1.6em;height:1.7em;padding:0 .35em;font-size:.95em}.demo-overlay{z-index:6;padding:calc(var(--tg) / 2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.demo-held{top:calc(var(--tg) + 3px);right:calc(var(--tg) + 3px);z-index:4;border-radius:var(--r-md);pointer-events:none;background:#0a0c12d9;border:1px solid #56d8f047;align-items:center;gap:.45em;padding:.28em .45em;font-size:clamp(10px,1.15cqw,13px);animation:.55s ease-out demo-held-blink;display:inline-flex;position:absolute}.demo-held kbd.key{min-width:0;height:1.85em;padding:0 .4em;font-size:.92em}.demo-held-note{font-family:var(--mono);letter-spacing:.08em;color:var(--text-faint);font-size:.8em}@keyframes demo-held-blink{0%{border-color:var(--cyan);box-shadow:0 0 #56d8f08c}70%{border-color:var(--cyan);box-shadow:0 0 0 8px #56d8f000}to{box-shadow:0 0 #56d8f000}}.demo-hint,.demo-toast{z-index:7;font-family:var(--mono);color:var(--text-soft);border:1px solid var(--line);border-radius:var(--r-md);white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#101218eb;max-width:94%;padding:.35em .7em;font-size:clamp(9px,1.1cqw,12px);position:absolute;bottom:10px;left:50%;overflow:hidden;transform:translate(-50%)}.demo-toast{align-items:center;gap:.5em;animation:.14s ease-out demo-pop;display:flex}.demo-toast-chord{flex:none;gap:.25em}.demo-toast kbd.key{border-bottom-width:1px;min-width:1.6em;height:1.7em;padding:0 .35em;font-size:.92em}.demo-toast.is-wide{white-space:normal;text-align:center;max-width:82%;line-height:1.5}@keyframes demo-pop{0%{opacity:0;transform:translate(-50%,4px)}}.demo-strip{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.demo-dots{font-family:var(--mono);color:var(--text-faint);gap:.85rem;font-size:.82rem;display:flex}.demo-dot{align-items:baseline;gap:.25em;display:inline-flex}.demo-dot b{color:var(--text-soft);font-weight:400}.demo-dot.is-active{color:var(--text)}.demo-dot.is-active b{color:var(--cyan)}.demo-dot.has-float b{color:var(--magenta)}.demo-dot.is-active.has-float b{color:var(--cyan)}.demo-chip{font-family:var(--mono);color:var(--text-soft);background:var(--ink-2);border:1px solid var(--line);border-radius:var(--r-md);padding:.2rem .5rem;font-size:.78rem}.demo-keys{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.demo-key,.demo-key-static{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;display:inline-flex}.demo-key-static{cursor:default;min-width:78px}.demo-keys kbd.key{width:100%;min-width:0;height:100%;transition:border-color var(--snap), color var(--snap);font-size:1rem}.demo-key:hover kbd.key,.demo-keys kbd.key.is-down{border-color:var(--cyan);color:var(--cyan)}.demo-key.is-down kbd.key{border-bottom-width:1px;transform:translateY(1px)}.demo-keys-note{font-family:var(--mono);color:var(--text-faint);margin-right:.35rem;font-size:.72rem}.demo-live{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=999px){.demo{--tg:6px}}@media (width<=639px){.demo{--tg:4px}.demo-tutor{padding:.6rem .7rem}.demo-tutor-text{flex-basis:100%;font-size:1rem}.demo-cap{flex:0 0 100%}.demo-go{width:100%}}@media (prefers-reduced-motion:reduce){.demo-step{transition:none}}.dhud{width:43.08em;max-width:100%;max-height:100%;box-shadow:var(--shadow-hud);color:var(--text);font-size:clamp(8px,1.45cqw,13px);font-family:var(--sans);text-align:left;background:#181818f5;border:1px solid #ffffff24;border-radius:1.077em;padding:1.231em 1.385em;overflow-y:auto}.dhud-head{justify-content:space-between;align-items:center;gap:.923em;margin-bottom:.923em;display:flex}.dhud-title{align-items:center;gap:.462em;font-size:1em;font-weight:600;display:inline-flex}.dhud-hint{color:var(--text-faint);white-space:nowrap;font-size:.769em}.dhud-hint.is-filtering{font-family:var(--mono);color:var(--cyan)}.dhud-cols{grid-template-columns:1fr 1fr;gap:0 1.077em;display:grid}.dhud-sec{letter-spacing:.084em;text-transform:uppercase;color:var(--cyan);margin:.632em 0 .21em;font-size:.731em;font-weight:600}.dhud-row{color:#ececf1d9;justify-content:space-between;align-items:center;gap:.6em;padding:.3em 0;font-size:.885em;display:flex}.dhud-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.dhud-chord{flex:none;align-items:center;gap:.2em;display:inline-flex}.dhud kbd.key{border-bottom-width:1px;min-width:1.7em;height:1.7em;padding:0 .35em;font-size:.78em}.dhud-fl{color:var(--magenta);margin-left:.35em}.dhud-none{color:var(--text-faint);padding:.435em 0;font-size:.885em}@container (width<=600px){.dhud{width:100%;padding:.9em 1em;font-size:clamp(7px,2.3cqw,13px)}.dhud-row{padding:.22em 0}}