: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.6em;height:1.6em;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;padding:0 .4em;font-size:.86em;font-weight:500;line-height:1;display:inline-flex}kbd.key.hypr{color:var(--cyan);background:var(--cyan-dim);border-color:#56d8f059}.chord{white-space:nowrap;align-items:center;gap:.3em;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;padding:.55rem 0}table.keys td:last-child{text-align:right;font-family:var(--mono);color:var(--text-soft);white-space:nowrap;font-size:.9rem}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}.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: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%)}.aurora-full,.aurora-half{opacity:.62;filter:saturate(.9);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0% 38%,#0000 88%);mask-image:linear-gradient(#000 0% 38%,#0000 88%)}.aurora-half{transform-origin:0 0;opacity:.34;width:50%;height:50%;inset:0 auto auto 0;transform:scale(2)}.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(80% 52% at 50% 20%, #0a0c12d1, #0a0c126b 58%, #0a0c120f 82%), linear-gradient(to bottom, #0a0c1240, #0a0c124d 50%, var(--ink-0) 96%);position:absolute;inset:0}.hero h1{max-width:20ch;margin-left:auto;margin-right:auto;font-size:clamp(2.1rem,1.35rem + 3.3vw,4rem)}.hero .lede{max-width:46ch;margin:0 auto 2rem}.h1-enc{color:var(--cyan);opacity:.55}.cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.trust{margin:1rem 0 0;font-size:.92rem}.hero-figure{text-align:left;margin-top:clamp(2.5rem,6vw,4rem)}.figure{min-width:0}.stage{position:relative}.screen{--tg:8px;aspect-ratio:16/10;background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--tg);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.tiles{gap:var(--tg);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;height:100%;display:grid}.slot{min-width:0;min-height:0}.slot.a{grid-row:1/3}.tile{background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r-md);width:100%;height:100%}.tile.focused{border:2px solid var(--cyan)}.tile-core{background:linear-gradient(155deg, #56d8f014, var(--ink-2) 58%);border-color:#56d8f047}.tile-electric,.tile-electric>.eb-content{height:100%}.tiles-split{gap:var(--tg);grid-area:2/2;grid-template-columns:1fr 1fr;min-height:0;display:grid}.floatwin{background:var(--ink-2);border:2px solid var(--magenta);border-radius:var(--r-md);width:33%;height:21%;position:absolute;top:72%;left:28%;box-shadow:0 10px 24px -14px #000000e6}.ov{--ovs:1;justify-content:center;margin-top:1rem;display:flex}@media (width>=820px){.ov{--ovs:.92;transform:translate(-50%, -50%) scale(var(--ovs));transform-origin:50%;margin:0;position:absolute;top:50%;left:50%}}@media (width>=1100px){.ov{--ovs:1}}.beats{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.beats>*{min-width:0}.beat .n{font-family:var(--mono);color:var(--cyan);margin-bottom:.6rem;font-size:.8rem;display:block}.beat p{color:var(--text-soft);margin-bottom:0}.beat p+p{margin-top:.7rem}.beat .chord,.beat .chord-set{flex-wrap:wrap;align-items:center;gap:.6rem 1.75rem;margin-top:1.2rem;display:flex}.beat .chord-set .chord{gap:.3em;margin-top:0}.diag{width:100%;max-width:300px;height:auto;margin-top:1.1rem;display:block}.diag .r{fill:var(--ink-2);stroke:var(--line-soft);stroke-width:1px}.diag .r.f{stroke:var(--cyan);stroke-width:2px}.diag .r.m{fill:var(--ink-3);stroke:var(--magenta);stroke-width:2px}.diag .scr{fill:none;stroke:var(--line);stroke-width:1px}.diag .ar{fill:none;stroke:var(--text-soft);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.diag .num{fill:var(--text-faint);font-family:var(--mono);font-size:26px}.diag .num.c{fill:var(--cyan)}.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{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:start;gap:2.25rem;display:grid}.install-grid>*{min-width:0}@media (width>=940px){.install-grid{grid-template-columns:1fr 1fr;gap:3rem}}.card-spotlight.install-card{border:1px solid var(--line);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);background:#101218d1;padding:1.4rem}.cmd{min-width:0}.install-card .cmd{background:var(--ink-1);border-color:var(--line-soft);flex-wrap:nowrap;align-items:flex-start}.install-card .cmd code{white-space:normal;overflow-wrap:anywhere;flex:1 1 0;min-width:0;overflow-x:visible}.install-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)}.setup-stepper{width:100%}.setup-stepper .step-circle-container{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(8px);max-width:none;box-shadow:var(--shadow-soft);background:#101218d1}.setup-stepper .step-indicator-row{padding:1.25rem 1.25rem .25rem}.setup-stepper .step-default{padding:.5rem 1.25rem 0}.setup-stepper .footer-container{padding:0 1.25rem 1.25rem}.setup-stepper .footer-nav{margin-top:1.5rem}.setup-stepper .step-lead{color:var(--text);margin:0 0 .35rem;font-weight:600}.setup-stepper .step-default p:last-child{color:var(--text-soft);margin:0}.setup-stepper .next-button{border-radius:var(--r-lg);min-height:44px;font-family:var(--sans);border:0;padding:.55rem 1.1rem;font-size:.95rem}.setup-stepper .back-button{min-height:44px;font-family:var(--sans);background:0 0;border:0;padding:.55rem .9rem;font-size:.95rem}.step-done{color:var(--cyan);font-family:var(--mono);margin:.9rem 0 0;font-size:.95rem}.contribute{position:relative;overflow:hidden}.contribute-bg{opacity:.38;-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.limits{margin:0;padding:0;list-style:none}ul.limits li{color:var(--text-soft);margin-bottom:.75rem;padding-left:1.2rem;position:relative}ul.limits li:before{content:"";background:var(--cyan);opacity:.6;width:.45rem;height:1px;position:absolute;top:.75em;left:.15rem}.story p:last-child{margin-bottom:0}.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;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}@media (width<=860px){.beats{grid-template-columns:1fr;gap:2.5rem}.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.gh{display:inline-flex}.nav-links{gap:.9rem}.nav-links a:not(.btn),.nav-links .btn{min-height:44px}.diag{width:100%;max-width:320px}.hero-figure{text-align:left}.chord .key{border-radius:var(--r-lg);min-width:2.4em;min-height:44px;font-size:1rem}.beat .chord{gap:.5rem}.cta .btn{justify-content:center;width:100%}}@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}}.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%)}.shapegrid-canvas{border:none;width:100%;height:100%;display:block}.waves{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.waves-canvas{width:100%;height:100%;display:block}.aurora-container{width:100%;height:100%}.electric-border{--electric-light-color:oklch(from var(--electric-border-color) l c h);border-radius:inherit;isolation:isolate;position:relative;overflow:visible}.eb-canvas-container{pointer-events:none;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eb-canvas{display:block}.eb-content{border-radius:inherit;z-index:1;position:relative}.eb-layers{border-radius:inherit;pointer-events:none;z-index:0;position:absolute;inset:0}.eb-glow-1,.eb-glow-2,.eb-background-glow{border-radius:inherit;pointer-events:none;box-sizing:border-box;position:absolute;inset:0}.eb-glow-1{border:2px solid oklch(from var(--electric-border-color) l c h / .6);filter:blur(1px)}.eb-glow-2{border:2px solid var(--electric-light-color);filter:blur(4px)}.eb-background-glow{z-index:-1;filter:blur(32px);opacity:.3;background:linear-gradient(-30deg, var(--electric-light-color), transparent, var(--electric-border-color));transform:scale(1.1)}.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}}.light-rays-container{pointer-events:none;z-index:3;width:100%;height:100%;position:relative;overflow:hidden}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}.outer-container{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:100%;padding:1rem;display:flex}@media (width>=640px){.outer-container{aspect-ratio:4/3}}@media (width>=768px){.outer-container{aspect-ratio:2}}.step-circle-container{border-radius:2rem;width:100%;max-width:28rem;margin-left:auto;margin-right:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.step-indicator-row{align-items:center;width:100%;padding:2rem;display:flex}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:2rem;padding-right:2rem}.footer-container{padding-bottom:2rem;padding-left:2rem;padding-right:2rem}.footer-nav{margin-top:2.5rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{color:#ececf19e;cursor:pointer;border-radius:.25rem;padding:.25rem .5rem;transition:all .35s}.back-button:hover{color:#ececf1}.back-button.inactive{pointer-events:none;opacity:.5;color:#ececf19e}.next-button{color:#0b1417;letter-spacing:-.025em;cursor:pointer;background-color:#56d8f0;border-radius:9999px;justify-content:center;align-items:center;padding:.375rem .875rem;font-weight:500;transition:all .35s;display:flex}.next-button:hover,.next-button:active{background-color:#56d8f0}.step-indicator{cursor:pointer;outline:none;position:relative}.step-indicator-inner{border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:600;display:flex}.active-dot{background-color:#0b1417;border-radius:9999px;width:.75rem;height:.75rem}.step-number{font-size:.875rem}.step-connector{background-color:#ececf11f;border-radius:.25rem;flex:1;height:.125rem;margin-left:.5rem;margin-right:.5rem;position:relative;overflow:hidden}.step-connector-inner{height:100%;position:absolute;top:0;left:0}.check-icon{color:#0b1417;width:1rem;height:1rem}.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}.demo{--tg:8px;flex-direction:column;gap:.7rem;display:flex}.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}.demo-win{inset:calc(var(--tg) / 2);background:var(--ink-2);border:1px solid var(--line-soft);border-radius:var(--r-md);cursor:pointer;position:absolute;overflow:hidden}.demo-win.is-focus{border:2px solid var(--cyan)}.demo-win.is-float{border:2px solid var(--magenta)}.demo-win.is-float.is-focus{border-color:var(--cyan)}.demo-name{font-family:var(--mono);color:var(--text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(8px,1.15cqw,12px);line-height:1.2;position:absolute;top:6px;left:8px;right:8px;overflow:hidden}.demo-win.is-focus .demo-name{color:var(--text)}.demo-mark{color:var(--magenta);margin-left:.35em}.demo-brackets i{border:2px solid var(--cyan);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-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-win.is-stashed{height:clamp(34px,6cqw,58px);position:relative;inset:auto}.demo-scratch-empty{font-family:var(--mono);color:var(--text-faint);font-size:clamp(8px,1.1cqw,12px)}.demo-overlay{z-index:6;padding:calc(var(--tg) / 2);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.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{color:var(--cyan)}@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}.demo-keys kbd.key{width:100%;min-width:0;height:100%;transition:border-color var(--snap), color var(--snap);font-size:.95rem}.demo-key:hover kbd.key{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}}.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-k{min-width:1.8em;height:1.8em;font-family:var(--mono);background:#ffffff14;border:1px solid #ffffff24;border-radius:.4em;justify-content:center;align-items:center;margin-left:.2em;padding:0 .5em;font-size:.769em;font-weight:500;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:.87em;padding:.435em 0;font-size:.885em;display:flex}.dhud-chord{font-family:var(--mono);color:var(--text-soft);white-space:nowrap;font-size:.87em;font-weight:500}.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:.3em 0}}