.pulsar-cabinet{--panel:#b9501b;--panel-hi:#cf6425;--ink:#f6e9cc;--ink-dim:#f0c79a;--glass:#06120c;--phosphor:#5be38d;--lamp:#ffd66b;--lcd:#14100c;--focus:#fff;box-sizing:border-box;background:radial-gradient(ellipse at 50% 0, color-mix(in oklab, var(--foreground) 7%, var(--background)), var(--background) 70%);flex:1 0 auto;justify-content:center;padding:2rem 1.5rem;display:flex}.pulsar{box-sizing:border-box;width:min(100%,56rem);min-width:0;height:max-content;color:var(--ink);background:repeating-linear-gradient(90deg, #ffffff0d 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--panel-hi), var(--panel));border:.5rem solid #1b1410;border-radius:6px;grid-template-columns:minmax(0,1fr);align-content:start;gap:1.1rem;margin-block:auto;padding:1rem 1.2rem 1.2rem;font-family:Helvetica Neue,Arial Narrow,Arial,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px #00000040,0 24px 50px #0000008c}.pulsar-header{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.pulsar-name{letter-spacing:.22em;margin:0;font-size:1.5rem;font-weight:800;line-height:1}.pulsar-name span{color:var(--lamp)}.pulsar-tagline{color:var(--ink-dim);text-transform:uppercase;letter-spacing:.3em;margin:.3rem 0 0;font-size:.55rem}.pulsar-lcd{background:var(--lcd);border-radius:3px;flex:13rem;align-content:center;max-width:18rem;margin-inline:auto;padding:.4rem .8rem;font-family:ui-monospace,SF Mono,Menlo,monospace;display:grid;box-shadow:inset 0 2px 5px #000c,0 0 0 2px #0000004d}.pulsar-lcd-line{text-overflow:ellipsis;color:var(--phosphor);text-transform:uppercase;white-space:pre;text-shadow:0 0 6px #5be38d8c;margin:0;font-size:.75rem;font-weight:700;line-height:1.35;overflow:hidden}.pulsar-lcd-dim{color:#2e8a52;text-shadow:none}.pulsar-selectors{gap:1rem;display:flex}.pulsar-lamp{background:#5a2f10;border-radius:50%;width:.5rem;height:.5rem;box-shadow:inset 0 1px 1px #00000080}.pulsar-lamp[data-on]{background:radial-gradient(circle at 40% 35%, #fffbe6, var(--lamp) 55%);box-shadow:0 0 7px 1px #ffd66bbf}.pulsar-selector{gap:.4rem;padding-bottom:.9rem;display:flex}.pulsar-rocker{min-width:2.6rem;color:var(--ink);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;justify-items:center;gap:.45rem;padding:0;font:700 .6rem/1 Arial Narrow,Arial,sans-serif;display:grid}.pulsar-rocker:after{content:"";background:linear-gradient(#f8f1de 0 48%,#aaa08a 52%);border-radius:3px;order:1;width:1.45rem;height:1.65rem;box-shadow:0 0 0 3px #1b1410,0 4px 5px #00000080,inset 0 1px #fff}.pulsar-rocker[aria-pressed=true]:after{background:linear-gradient(#aaa08a 0 52%,#f8f1de 56%);box-shadow:0 0 0 3px #1b1410,0 1px 2px #0009,inset 0 -1px #fff}.pulsar-rocker .pulsar-lamp{order:0}.pulsar-rocker:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.pulsar-knob-thumb:has(:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.pulsar-plate:has(:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.pulsar-plate{background:linear-gradient(115deg, #ffffff12 0 18%, transparent 18%), radial-gradient(ellipse at 50% 120%, #0c2a1a, var(--glass) 70%);border-radius:8px;height:clamp(12rem,36vh,17rem);position:relative;box-shadow:inset 0 3px 14px #000,0 0 0 4px #1b1410,0 1px 0 4px #ffffff1f}.pulsar-plate-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.pulsar-plate-surface{touch-action:none;cursor:crosshair;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.pulsar-note-line{pointer-events:none;background:#5be38d14;width:1px;position:absolute;top:0;bottom:0}.pulsar-note-line[data-in-scale]{background:#5be38d4d}.pulsar-note-line[data-octave]{background:#5be38da6}.pulsar-note-name{color:var(--phosphor);font:700 .6rem/1 ui-monospace,SF Mono,Menlo,monospace;position:absolute;bottom:.4rem;left:.35rem}.pulsar-row-line{pointer-events:none;background:#5be38d1a;height:1px;position:absolute;left:0;right:0}.pulsar-dot{pointer-events:none;background:radial-gradient(circle, #e8ffee 0 18%, var(--phosphor) 22%, transparent 70%);border-radius:50%;width:1.7rem;height:1.7rem;transition:scale .12s,box-shadow .12s;position:absolute;box-shadow:0 0 14px 2px #5be38d73}.pulsar-plate[data-touching] .pulsar-dot{scale:1.5;box-shadow:0 0 30px 8px #5be38dcc}.pulsar-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem 1rem;display:flex}.pulsar-row>*{min-width:0;max-width:100%}.pulsar-section{border:1px solid #0000004d;border-radius:3px;gap:.4rem;padding:.9rem .9rem .2rem;display:grid;position:relative}.pulsar-legend{text-transform:uppercase;letter-spacing:.24em;background:var(--panel);margin:0;padding:0 .35rem;font-size:.55rem;font-weight:700;position:absolute;top:0;left:.7rem;translate:0 -50%}.pulsar-selectors .pulsar-section{padding-bottom:.2rem}.pulsar-group{flex-wrap:wrap;gap:.75rem;display:flex}.pulsar-knob{--knob-size:2.9rem;justify-items:center;gap:.9rem;padding-top:.9rem;display:inline-grid;position:relative}.pulsar-knob-control{width:var(--knob-size);aspect-ratio:1;touch-action:none;cursor:ns-resize;position:relative}.pulsar-knob-thumb{pointer-events:none;background:radial-gradient(circle at 32% 28%, #ffffffb3, transparent 50%), repeating-conic-gradient(from 0deg, #efe4c8 0 4deg, #cfc2a1 4deg 8deg);border-radius:50%;position:absolute;inset:12%;box-shadow:0 5px 7px #00000080,inset 0 1px #fff9,inset 0 -3px 4px #00000040,0 0 0 3px #1b1410}.pulsar-knob-thumb:after{content:"";background:#1b1410;border-radius:2px;width:3px;height:32%;position:absolute;top:7%;left:50%;translate:-50%}.pulsar-knob-control[data-dragging] .pulsar-knob-thumb{filter:brightness(1.08)}.pulsar-knob-mark{pointer-events:none;position:absolute;inset:0}.pulsar-knob-tick{background:var(--ink-dim);width:1px;height:5px;position:absolute;top:0;left:50%;translate:-50%}.pulsar-knob-mark[data-active] .pulsar-knob-tick{background:var(--lamp)}.pulsar-knob-numeral{font-variant-numeric:tabular-nums;color:var(--ink-dim);rotate:calc(var(--knob-mark-angle) * -1);font-size:.6rem;line-height:1;position:absolute;top:-1.1rem;left:50%;translate:-50%}.pulsar-knob-label{text-transform:uppercase;letter-spacing:.16em;font-size:.58rem;font-weight:700}@media (width<=639px){.pulsar-cabinet{padding-inline:.5rem}.pulsar{padding-inline:.7rem}.pulsar-lcd{margin-inline:0}}