.mz-card{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 30px #00000047);width:100%;height:auto;display:block}.mz-title{font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:.06em;fill:#dfe4ea;font-size:27px;font-weight:400}.mz-letter{font-family:var(--font-geist-sans), Arial, sans-serif;fill:#d7dde6;pointer-events:none;font-size:19px;font-weight:400;transition:fill .15s}.mz-letter.hl{fill:#ffd466;font-weight:600}.mz-led{fill:#3a4740;stroke:#e8ecf2;stroke-width:1.6px;transition:fill .18s ease-out,filter .18s ease-out}.mz-led.on{transition:fill 60ms ease-in,filter 60ms ease-in}.mz-led.on.dot{fill:#4cff5c;filter:drop-shadow(0 0 4px #4cff5c)drop-shadow(0 0 10px #4cff5c8c)}.mz-led.on.dash{fill:#ff4a2c;filter:drop-shadow(0 0 4px #ff4a2c)drop-shadow(0 0 10px #ff4a2c8c)}.mz-led.hl:not(.on){stroke:#ffd466;stroke-width:2.4px}.mz-card.interactive .mz-node{cursor:pointer}.mz-card.interactive .mz-node:hover .mz-led:not(.on){fill:#566659}.mz-card.interactive .mz-node:focus-visible{outline:none}.mz-card.interactive .mz-node:focus-visible .mz-led{stroke:#fbbf24;stroke-width:2.6px}.mz-key{border:1px solid var(--color-border);width:132px;height:132px;color:var(--color-foreground);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle at 35% 30%,#fff 0%,#f1f1f1 55%,#e2e2e2 100%);border-radius:50%;font-size:.8rem;font-weight:600;transition:transform 50ms,box-shadow 50ms,background .1s;box-shadow:0 10px 24px #00000029,inset 0 2px #ffffffe6,inset 0 -3px #00000014}.mz-key:hover{border-color:#f59e0b73}.mz-key.down{background:radial-gradient(circle at 35% 30%,#fde68a 0%,#fbbf24 60%,#f59e0b 100%);transform:translateY(3px)scale(.97);box-shadow:0 3px 10px #f59e0b59,inset 0 1px #fff9,inset 0 -2px #0000001f}.mz-tab{color:color-mix(in srgb, var(--color-foreground) 55%, transparent);cursor:pointer;border:1px solid #0000;border-radius:9999px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s}.mz-tab:hover{color:var(--color-foreground)}.mz-tab.active{color:var(--color-accent-dark);background:#f59e0b1a;border-color:#f59e0b59}.mz-btn{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-foreground);cursor:pointer;touch-action:manipulation;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:0 1.1rem;font-size:.85rem;font-weight:500;transition:border-color .15s,background-color .15s,transform 80ms;display:inline-flex}.mz-btn:hover{border-color:#f59e0b73}.mz-btn:active{transform:translateY(1px)}.mz-btn.primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.mz-btn.primary:hover{background:var(--color-accent-light)}.mz-btn:disabled{opacity:.45;cursor:default;transform:none}.mz-readout{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.12em;align-items:center;gap:.75rem;min-height:2.4rem;font-size:1.35rem;display:flex}.mz-readout .code{color:var(--color-accent-dark)}.mz-readout .unknown{color:#dc2626}.mz-tape{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.18em;border:1px dashed var(--color-border);background:var(--color-surface-light);white-space:pre-wrap;word-break:break-all;border-radius:12px;min-height:2.6rem;padding:.5rem .9rem;font-size:1.1rem;line-height:1.6}.mz-tape .cursor{vertical-align:-.2em;background:var(--color-accent);width:.55em;height:1.1em;animation:1s steps(2,start) infinite mzBlink;display:inline-block}@keyframes mzBlink{to{visibility:hidden}}.mz-range{accent-color:var(--color-accent);width:100%}.mz-feedback.ok{color:#16a34a}.mz-feedback.bad{color:#dc2626}