@font-face{font-family:Silkscreen;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/silkscreen-latin-400-normal.CtPo2yA5.woff2)format("woff2"),url(/_astro/silkscreen-latin-400-normal.D0DfPJut.woff)format("woff")}#hw{user-select:none;container-type:inline-size}.dev{--wht:#ecedee;--dim:#a0652c;--org:#ff9b2f;height:163cqw;color:var(--wht);font-family:Arial,"Helvetica Neue",var(--f-body);background:radial-gradient(120% 60% at 50% 0,#ffffff1a,#0000 60%),linear-gradient(90deg,#3c3e42 0%,#56595e 18%,#4d5054 50%,#56595e 82%,#3a3c40 100%);border-radius:3.2cqw;margin:1.6cqw 0;position:relative;box-shadow:0 0 0 1.6cqw #0c0c0d,0 0 0 1.9cqw #2a2b2d,0 2cqw 4cqw #00000059,inset 0 .3cqw #ffffff26}.dev>*{position:absolute}.pl{white-space:nowrap;letter-spacing:.02em;text-transform:uppercase;color:var(--wht);font-size:1.75cqw;font-weight:700;line-height:1;transform:translate(-50%,-50%)}.pl.r{transform:translate(-100%,-50%)}.pl.l{transform:translateY(-50%)}.pl.box{text-align:center;border:.18cqw solid #ecedeebf;border-radius:.4cqw;min-width:12.4cqw;padding:.25cqw .6cqw;font-size:1.55cqw}.screw{background:radial-gradient(circle at 40% 35%,#d9dadc,#7d8085 55%,#3a3c40);border-radius:50%;box-shadow:0 .2cqw .3cqw #00000080}.screw:after{content:"";background:#3a3c40;height:8%;position:absolute;top:46%;left:20%;right:20%}.logo{letter-spacing:-.02em;color:var(--wht);align-items:center;gap:.6cqw;font:700 4.6cqw/1 Arial,Helvetica Neue,sans-serif;display:flex}.logo i{border:.45cqw solid var(--wht);border-radius:1.2cqw;place-items:center;width:4.6cqw;height:4cqw;font-size:2.8cqw;font-style:normal;display:grid}.model{white-space:nowrap;letter-spacing:.06em;color:#0000;-webkit-text-stroke:.22cqw var(--wht);font:900 4.4cqw/1 Arial,Helvetica Neue,sans-serif;transform:translate(-100%,-50%)skew(-6deg)}.kbar{background:linear-gradient(#0a0a0b,#1a1a1c);border-radius:5.4cqw;box-shadow:inset 0 .4cqw .8cqw #000c,0 .2cqw #ffffff1f}.knob{cursor:pointer;background:repeating-conic-gradient(#202022 0 4deg,#0b0b0c 4deg 8deg);border:0;border-radius:50%;padding:0;box-shadow:0 .8cqw 1.2cqw #0009}.knob:before{content:"";background:radial-gradient(circle at 45% 30%,#3a3b3e,#141415 60%,#0b0b0c);border-radius:50%;position:absolute;inset:9%;box-shadow:inset 0 .3cqw #ffffff1a}.knob i{background:#f2f2f2;border-radius:.3cqw;width:.6cqw;height:30%;margin-left:-.3cqw;position:absolute;top:6%;left:50%}.dhouse{background:linear-gradient(#18181a,#0a0a0b 45%,#111113);border-radius:8cqw/13cqw;box-shadow:inset 0 .35cqw #ffffff1a,inset 0 -.3cqw .5cqw #0009,0 .4cqw .9cqw #00000073}.bezel{z-index:2;background:radial-gradient(circle at 50% 14%,#55565a 0%,#1d1d1f 34%,#0b0b0c 60%,#1a1b1d 100%);border-radius:50%;padding:2.6cqw;box-shadow:0 0 0 .25cqw #2e2f32,0 .7cqw 1.4cqw #0000008c}.glass{background:radial-gradient(at 50% 12%,#3e3f43,#121315 42%,#060607 78%);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;overflow:hidden;box-shadow:inset 0 .6cqw 1.3cqw #000000e6}.oled{color:#f2f4f6;text-shadow:0 0 .4cqw #e6f0ff59;background:#020203;grid-template-rows:auto 1fr auto;gap:.5cqw;width:101%;height:15.6cqw;padding:1.2cqw 1.6cqw .9cqw;font:400 1.7cqw/1 Silkscreen,Courier New,ui-monospace,monospace;display:grid}.oled .ln{white-space:nowrap;justify-content:space-around;display:flex}.oled .ln.b{justify-content:space-between}.oled .inv{color:#020203;text-shadow:none;background:#f2f4f6;padding:.15cqw .4cqw}.oled .wv{min-height:0;position:relative}.oled svg{width:100%;height:100%;display:block}.oled .mk{border:.15cqw solid #f2f4f6;padding:0 .2cqw;font-size:1.2cqw;line-height:1;position:absolute;bottom:0}.oled .mk.s{left:0}.oled .mk.e{right:0}.sock{background:#050506;border-radius:2.2cqw;box-shadow:inset 0 .45cqw .6cqw #000000f2,0 .2cqw #ffffff14}.sock.l.t{border-top-left-radius:5cqw 3.4cqw}.sock.l.b{border-bottom-left-radius:5cqw 3.4cqw}.sock.r.t{border-top-right-radius:5cqw 3.4cqw}.sock.r.b{border-bottom-right-radius:5cqw 3.4cqw}.rb{cursor:pointer;background:linear-gradient(#232325,#111112);border:0;border-radius:.9cqw;place-items:center;padding:0;display:grid;box-shadow:0 .5cqw #050506,0 .7cqw 1cqw #00000073,inset 0 .25cqw #ffffff1a}.rb span{font:700 1.75cqw/.95 var(--f-key);letter-spacing:.02em;text-transform:uppercase;color:var(--dim);text-align:center}.rb.w span{color:var(--wht)}.rb.red span{color:#b8434f}.rb.fx{background:linear-gradient(#38393c 0%,#252628 20%,#1b1c1e 70%,#141416 100%);border-radius:1.7cqw;box-shadow:inset 0 .25cqw #ffffff2b,inset 0 -.4cqw .5cqw #0000008c,0 .35cqw .5cqw #000000b3}.rb.fx.l.t{border-top-left-radius:4.2cqw 2.8cqw}.rb.fx.l.b{border-bottom-left-radius:4.2cqw 2.8cqw}.rb.fx.r.t{border-top-right-radius:4.2cqw 2.8cqw}.rb.fx.r.b{border-bottom-right-radius:4.2cqw 2.8cqw}.rb.fx span{color:#9c5a27;letter-spacing:.01em;font:italic 700 1.85cqw/.95 Arial,Helvetica Neue,sans-serif}.rb:active{translate:0 .3cqw}.rsbox{border:.2cqw solid #ecedeed9;border-radius:.6cqw}.brk{border:.2cqw solid #ecedeecc;border-bottom:0;border-radius:.3cqw .3cqw 0 0;height:1.3cqw}.brk.dn{border-top:0;border-bottom:.2cqw solid #ecedeecc;border-radius:0 0 .3cqw .3cqw}.pad{cursor:pointer;background:radial-gradient(at 50% 40%,#1f1f21,#121213 70%);border:0;border-radius:1.2cqw;padding:0;box-shadow:0 .7cqw #050506,0 1cqw 1.4cqw #00000080,inset 0 .25cqw #ffffff17,inset 0 0 0 .2cqw #2a2a2c}.pad b{font:700 3.6cqw/1 var(--f-display);color:var(--org);font-style:italic;position:absolute;top:.9cqw;right:1.6cqw}.pad em{font:700 1.45cqw/1 var(--f-key);color:var(--org);border:.18cqw solid var(--org);opacity:.85;border-radius:.4cqw;padding:.2cqw .5cqw;font-style:normal;position:absolute;bottom:1.3cqw;left:1.4cqw}.pad.side span{text-align:center;color:#7e6a55;font:700 2.7cqw/.95 Arial,Helvetica Neue,sans-serif;position:absolute;top:1.3cqw;left:0;right:0}.pad.side.w span{color:var(--wht)}.pad.side.outl span{letter-spacing:-.02em;border:.2cqw solid #7e6a55;border-radius:.5cqw;padding:.4cqw 0;font-size:2.3cqw;top:1.2cqw;left:1cqw;right:1cqw}.pad:active{translate:0 .4cqw}.dev .rb,.dev .pad,.dev .knob{touch-action:none;-webkit-tap-highlight-color:transparent}.dev .rb[data-led=on],.dev.b1 .rb[data-led=blink],.dev.f1 .rb[data-led=fast]{background:linear-gradient(180deg,color-mix(in srgb,var(--lc) 60%,#fff),var(--lc) 45%,color-mix(in srgb,var(--lc) 78%,#000));box-shadow:0 .5cqw 0 color-mix(in srgb,var(--lc) 35%,#000),0 0 2.6cqw .5cqw color-mix(in srgb,var(--lc) 65%,transparent),inset 0 .25cqw 0 #ffffff73}.dev .rb[data-led=on] span,.dev.b1 .rb[data-led=blink] span,.dev.f1 .rb[data-led=fast] span{color:#1b0e02}.dev .pad[data-led=dim]{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--lc) 26%,#141415),#121213 78%);box-shadow:0 .7cqw 0 #050506,0 1cqw 1.4cqw #00000080,inset 0 0 0 .2cqw color-mix(in srgb,var(--lc) 22%,#2a2a2c)}.dev .pad[data-led=on],.dev.b1 .pad[data-led=blink],.dev.f1 .pad[data-led=fast]{background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--lc) 85%,#fff),color-mix(in srgb,var(--lc) 70%,#000) 85%);box-shadow:0 .7cqw 0 #050506,0 0 3cqw .8cqw color-mix(in srgb,var(--lc) 60%,transparent),inset 0 0 0 .3cqw color-mix(in srgb,var(--lc) 70%,#fff)}.dev .pad[data-led=on] b,.dev.b1 .pad[data-led=blink] b,.dev .pad[data-led=on] em,.dev .pad[data-led=on] span,.dev.b1 .pad[data-led=blink] span{color:#1b0e02;border-color:#1b0e0273}.dev .pad.hit{filter:brightness(1.9)saturate(.6)}.dev .knob{transform:rotate(var(--rot,0deg))}.dev .held{outline-offset:.2cqw;outline:.3cqw solid #ffffffb3;translate:0 .35cqw}.dev .hint{outline-offset:.55cqw;outline:.5cqw solid #63d8ff;animation:1.1s ease-in-out infinite hintp}.dev .hint.hint-ok{outline-color:#3ee07a;animation:none}@keyframes hintp{50%{outline-color:#63d8ff40}}.oled .big{text-align:center;align-content:center;place-items:center;gap:.6cqw;font-size:2.6cqw;line-height:1;display:grid}.oled .big small{opacity:.85;font-size:1.4cqw}.oled .meter{border:.15cqw solid #f2f4f6;width:70%;height:1.4cqw;margin-top:.6cqw;display:block}.oled .meter i{height:100%;width:calc(var(--v)*100%);background:#f2f4f6;display:block}.oled .bars{align-content:center;gap:.7cqw;display:grid}.oled .bars div{grid-template-columns:8.5cqw 1fr 5.5cqw;align-items:center;gap:.8cqw;font-size:1.45cqw;display:grid}.oled .bars i{background:linear-gradient(90deg,#f2f4f6 calc(var(--v)*100%),transparent 0);border:.15cqw solid #f2f4f6;height:1.2cqw}.oled .bars b{text-align:right;font-weight:400}.oled .steps{grid-template-columns:repeat(16,1fr);align-content:center;gap:.45cqw;padding-inline:.5cqw;display:grid}.oled .steps i{aspect-ratio:1;border:.15cqw solid #f2f4f6}.oled .steps i.bt{border-width:.3cqw}.oled .steps i.on{background:#f2f4f6}.oled .steps i.hd{box-shadow:0 0 0 .3cqw #f2f4f6}@media (prefers-reduced-motion:reduce){.dev .hint{animation:none}}.m-sp404 #hw{padding-inline:1.6%}