#hw{user-select:none;container-type:inline-size}.dev{--org:#f2491e;--gold:#f0bd62;--wht:#f3f5f5;height:212cqw;color:var(--wht);margin:2cqw 0 0;font-family:Helvetica Neue,Arial,sans-serif;position:relative}.dev>*{position:absolute}.hanger{background:linear-gradient(#232323,#171717);border-radius:17cqw 17cqw 2cqw 2cqw;width:74cqw;height:35cqw;top:0;left:13cqw;box-shadow:inset 0 .4cqw #ffffff0f}.hole{background:var(--surface);border-radius:6cqw;width:54.6cqw;height:12cqw;top:6.5cqw;left:22.7cqw;box-shadow:inset 0 .4cqw .8cqw #00000059}.potxt{color:#9a7f63;white-space:nowrap;letter-spacing:.01em;font:300 4.9cqw/1 Helvetica Neue,Arial,sans-serif;top:25.4cqw;left:50cqw;transform:translate(-50%,-50%)}.pcb{background:#131313;border-radius:1.4cqw;width:100cqw;height:178.5cqw;top:33.3cqw;left:0;box-shadow:inset 0 0 0 .35cqw #1f1f1f,0 1.5cqw 3cqw #00000059}.ko{color:var(--org);letter-spacing:.01em;font:300 6.4cqw/1 Helvetica Neue,Arial,sans-serif;top:41.8cqw;left:7.4cqw;transform:translateY(-50%)}.te{width:25cqw;height:10.4cqw;top:37.6cqw;left:37.5cqw}.mic{width:10.4cqw;height:13cqw;top:37cqw;left:83cqw}.pins{background:repeating-linear-gradient(90deg,#e6e6e6 0 1.1cqw,#131313 1.1cqw 2.15cqw);border-radius:.2cqw;width:62.2cqw;height:2.2cqw;left:18.9cqw}.lockt{background:#0b0b0b;border:.2cqw solid #2a2a2a;border-left:0;place-items:center;width:4.8cqw;height:8.8cqw;display:grid;top:57.3cqw;left:0}.lockt span{color:#ddd;white-space:nowrap;font-size:2.1cqw;transform:rotate(-90deg)}.clip{background:linear-gradient(90deg,#8b8e90,#e8eaeb 50%,#8b8e90);border-radius:1cqw;width:2.4cqw;height:17cqw;top:77cqw}.lcd{color:#2b2e30;background:linear-gradient(#dadedf,#c9ced0);border-radius:.6cqw;width:85.7cqw;height:36.8cqw;top:54cqw;left:6.7cqw;overflow:hidden;box-shadow:inset 0 0 0 .6cqw #111,inset 0 .8cqw 1.4cqw #00000040}.lcd:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff47 38.2%,#ffffff1f 60%,#0000 60.2%);position:absolute;inset:0}.lcd>*{position:absolute}.lcd .sg{opacity:.12;transition:opacity 50ms}.lcd .sg.on{opacity:1}.lcd .tx{letter-spacing:-.02em;font:900 3.1cqw/1 Arial Black,Helvetica Neue,Arial,sans-serif;transform:translateY(-50%)}.lcd .kologo{letter-spacing:-.04em;font:900 7.6cqw/1 Arial Black,Helvetica Neue,Arial,sans-serif;transform:translate(-50%,-50%)}.lcd svg{overflow:visible}.lcd .dgs{gap:.5cqw;display:flex;transform:skew(-7deg)}.lcd .dgs svg{width:4.4cqw;height:8cqw}.lcd .dgs .lead1{width:1.6cqw}.lcd .dg [data-s],.lcd .lead1 [data-s]{fill:currentColor;opacity:.12}.lcd .dg [data-s].on,.lcd .lead1.on [data-s]{opacity:1}.lcd .ampm{font:900 2.2cqw/1 Arial,sans-serif}.lcd .box{background:0 0;border:.45cqw solid;border-radius:.8cqw;padding:.2cqw .8cqw;font:900 2.9cqw/1 Arial Black,Arial,sans-serif}.lcd .box.on{color:#d4d8da;background:#2b2e30;border-color:#2b2e30}.lcd .bar{align-items:center;gap:.9cqw;display:flex}.lcd .bar i{opacity:.12;background:currentColor;border-radius:.2cqw;width:2.8cqw;height:1.6cqw}.lcd .bar i.on{opacity:1}.lcd .fig{stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;fill:none}.lcd .fig .gl{fill:currentColor;stroke:none}.pl{white-space:nowrap;color:var(--wht);font:300 5cqw/1 Helvetica Neue,Arial,sans-serif;transform:translate(-50%,-50%)}.pl.snd{color:var(--org)}.pl em{color:#a88a55;margin-left:.6cqw;font-style:italic}.pl.knl{color:#7c7f81;font-size:2.6cqw;font-weight:500}.pill{background:var(--org);color:#1a0a05;white-space:nowrap;border-radius:3cqw;padding:.6cqw 2.2cqw .9cqw;font:500 4.2cqw/1 Helvetica Neue,Arial,sans-serif;transform:translate(-50%,-50%)}.side-l{letter-spacing:.06em;color:var(--org);border:.35cqw solid var(--org);white-space:nowrap;border-bottom:0;place-items:center;height:2.2cqw;padding:0 1.6cqw;font:500 2.9cqw/1 Helvetica Neue,Arial,sans-serif;display:grid;transform:translate(-50%,-50%)rotate(-90deg)}.side-l span{background:#131313;padding:0 .8cqw;transform:translateY(-1.1cqw)}.modetx{letter-spacing:.12em;color:#ddd;font:500 2.4cqw/1 Helvetica Neue,Arial,sans-serif;transform:translate(-50%,-50%)rotate(90deg)}.alarm{width:4cqw;height:4cqw}.pob{cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;background:#d8dbda;border:0;border-radius:50%;padding:0;box-shadow:0 0 0 .25cqw #131313}.pob.ring-org{background:var(--org)}.pob.hatch{background:repeating-linear-gradient(45deg,#121212 0 1cqw,#e6e6e6 1cqw 2cqw)}.pob .sw{background:linear-gradient(#b9bab7,#9d9e9b);border-radius:.9cqw;position:absolute;inset:16%;box-shadow:0 .3cqw .4cqw #00000073,inset 0 .2cqw #fff6}.pob .sw:before,.pob .sw:after{content:"";background:linear-gradient(90deg,#c9a24a 0 1.6cqw,#0000 1.6cqw calc(100% - 1.6cqw),#c9a24a 0);height:1.3cqw;position:absolute;top:1.1cqw;left:-.9cqw;right:-.9cqw}.pob .sw:after{top:auto;bottom:1.1cqw}.pob .cap{background:radial-gradient(circle at 42% 35%,#5a5a5a,#262626 65%,#1a1a1a);border-radius:50%;width:5.2cqw;height:5.2cqw;margin:-2.6cqw 0 0 -2.6cqw;position:absolute;top:50%;left:50%;box-shadow:0 .25cqw .3cqw #0009}.pob .lt{background:#efe8d4;border-radius:.25cqw;width:2.8cqw;height:1.3cqw;margin-left:-1.4cqw;position:absolute;top:.7cqw;left:50%;box-shadow:inset 0 0 0 .2cqw #c9b98f}.pob:not(.pad) .lt{display:none}.pob:active .cap,.pob.held .cap{background:radial-gradient(circle at 42% 35%,#444,#1c1c1c 65%);transform:scale(.9)}.pob.hit .cap{background:radial-gradient(circle at 42% 35%,#777,#333 65%)}.dev .pad[data-led=on] .lt,.dev.b1 .pad[data-led=blink] .lt,.dev.f1 .pad[data-led=fast] .lt{background:#ff3b1e;box-shadow:0 0 1.8cqw .6cqw #ff3b1ebf,inset 0 0 0 .2cqw #ff9a80}.dev .pad[data-led=dim] .lt{background:#b9452c;box-shadow:0 0 .8cqw .2cqw #ff3b1e66}.pob.held{outline-offset:.4cqw;outline:.4cqw solid #ffffffbf}.knob{cursor:grab;touch-action:none;background:linear-gradient(#c4c7c6,#9fa3a2);border:0;border-radius:1.2cqw;padding:0;box-shadow:0 .6cqw #5d6061,0 1cqw 1.4cqw #00000080,inset 0 .3cqw #ffffff80}.knob:after{content:"";background:linear-gradient(90deg,#3a3a3a 0 18%,#9a9a9a 18% 26%,#3a3a3a 26% 46%,#9a9a9a 46% 54%,#3a3a3a 54% 74%,#9a9a9a 74% 82%,#3a3a3a 82%);border-radius:0 0 .5cqw .5cqw;height:2.4cqw;position:absolute;bottom:-1.6cqw;left:8%;right:8%}.knob i{width:10cqw;height:10cqw;transform:rotate(var(--rot,0deg));background:radial-gradient(circle at 45% 35%,#d9dbda,#8e9291 70%);border-radius:50%;margin:-5cqw 0 0 -5cqw;position:absolute;top:44%;left:50%;box-shadow:inset 0 0 0 .5cqw #7d8180,0 .3cqw .5cqw #0006}.knob i:after{content:"";background:#6d7170;border-radius:1cqw;width:1.8cqw;margin-left:-.9cqw;position:absolute;top:18%;bottom:18%;left:50%;box-shadow:inset 0 .2cqw .3cqw #0006}.dev .hint{outline-offset:.6cqw;outline:.6cqw 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}}@media (prefers-reduced-motion:reduce){.dev .hint{animation:none}}.m-po33 kbd{text-transform:none;letter-spacing:.02em}.m-po33 kbd.p{color:#fff;background:#1b1b1b;border-radius:999px;min-width:1.9em}.m-po33 kbd.p:before{content:none}.m-po33 #hw{padding-inline:1%}