:root{--case-1: #cfc8bd;--case-2: #9a9184;--case-3: #6e665a;--panel: #1c1d1a;--panel-2: #26271f;--label: #efe7d6;--wood-1: #4a2a17;--wood-2: #2a170c;--led-dim: #3a0806;--led: #ff3322;--led-glow: #ff6a4a;--lcd-bg: #1d2a12;--lcd-dim: #2a3a1c;--lcd-fg: #c6ff5a;--lcd-fg-soft: #88c040;--accent-y: #e8c247;--accent-r: #b83a2a;--accent-b: #2a6aa8;--screw: #b9b0a1;--ink: #1a1814}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#12110e;color:var(--label);font-family:Space Grotesk,system-ui,sans-serif}body{min-height:100vh;background:radial-gradient(ellipse at 20% 0%,#1f1d18,#0d0c0a 60%),repeating-linear-gradient(45deg,#0d0c0a 0 8px,#100f0c 8px 16px);padding:28px 20px 120px}.page{max-width:1180px;margin:0 auto;display:grid;gap:22px}header.brand{display:flex;align-items:center;gap:14px;padding:6px 2px 0}.logo-mark{width:44px;height:44px;border-radius:10px;background:radial-gradient(circle at 30% 30%,#ff6a4a 0 18%,transparent 19%),linear-gradient(145deg,#2a2a24,#121210);border:1px solid #000;box-shadow:inset 0 1px #4a4a40,0 2px #000;display:grid;place-items:center;font-family:VT323,monospace;color:var(--led);font-size:22px;text-shadow:0 0 8px var(--led-glow)}.brand h1{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.22em;font-size:18px;margin:0;color:#e8e0cf}.brand h1 span{color:#9a9184;font-weight:500}.brand .tag{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;color:#7d7667;letter-spacing:.14em}.ad{position:relative;background:repeating-linear-gradient(135deg,#1a1915 0 8px,#1e1d18 8px 16px);border:1px dashed #3a382f;border-radius:6px;color:#6b6455;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;width:100%;min-height:90px}.ad.placeholder:before{content:"ADVERTISEMENT";position:absolute;top:6px;left:8px;font-size:9px;letter-spacing:.22em;color:#5a5447}.ad .ad-label{padding:10px 14px 8px;line-height:1.5}.ad ins,.ad iframe,.ad img{display:block;max-width:100%;max-height:100%}.ad-top{max-width:728px;margin:0 auto}.ad-rect{max-width:300px;margin:0 auto}.machine{position:relative;border-radius:22px;padding:26px;background:linear-gradient(180deg,#d8d1c4,#b8b0a1 22%,#8a8276 60%,#6e665a);box-shadow:inset 0 1px #f3ecde,inset 0 -2px #4a4338,0 10px #2a271f,0 20px 40px #0009;border:1px solid #2a271f}.machine:before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px);pointer-events:none;mix-blend-mode:overlay}.screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#efe7d6 0 18%,#b9b0a1 40%,#7a7162);box-shadow:inset 0 -1px 1px #000,0 1px #fff8}.screw:after{content:"";position:absolute;inset:3px;background:linear-gradient(45deg,transparent 45%,#3a3428 45% 55%,transparent 55%)}.screw.tl{top:10px;left:10px}.screw.tr{top:10px;right:10px}.screw.bl{bottom:10px;left:10px}.screw.br{bottom:10px;right:10px}.machine .plate-top{display:flex;align-items:flex-end;gap:16px;padding:6px 12px 16px;border-bottom:2px solid #4a4338;margin-bottom:20px}.model{font-family:Space Grotesk;font-weight:700;color:#1a1814;letter-spacing:.12em;font-size:28px;text-shadow:0 1px 0 #fff8}.model em{font-style:normal;color:#6e3a20;font-family:VT323,monospace;font-size:30px;margin-left:4px}.subtitle{font-family:JetBrains Mono,monospace;color:#2a271f;font-size:11px;letter-spacing:.3em;margin-bottom:3px}.serial{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;color:#2a271f;letter-spacing:.2em;border:1px solid #4a4338;padding:3px 8px;border-radius:2px;background:#cfc8bd}.panel-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}@media(max-width:860px){.panel-grid{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,#26271f,#1a1a15);border-radius:14px;padding:20px;border:1px solid #000;box-shadow:inset 0 1px #4a4a3f,inset 0 -1px #000,0 2px #3a382f;color:var(--label)}.panel h2,.panel h3{font-family:Space Grotesk;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#efe7d6;margin:0 0 12px}.panel h2{font-size:12px}.panel h3{font-size:11px;color:#bdb39e}.silk{font-family:Space Grotesk;font-weight:700;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#d8d1c4;padding:3px 8px;border:1px solid #4a4a3f;border-radius:2px;display:inline-block;background:linear-gradient(180deg,#2a2a22,#1a1a15)}.lcd{position:relative;background:linear-gradient(180deg,var(--lcd-bg),#152008);border-radius:8px;padding:16px 18px;border:2px solid #0a0f04;box-shadow:inset 0 2px 6px #000000b3,inset 0 0 0 1px #2d3d18,0 1px #4a4a3f;font-family:VT323,monospace;color:var(--lcd-fg);text-shadow:0 0 6px rgba(198,255,90,.6);overflow:hidden}.lcd:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.22) 0 1px,transparent 1px 3px);pointer-events:none}.lcd:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(198,255,90,.08),transparent 60%);pointer-events:none}.lcd .row{display:flex;align-items:baseline;gap:14px}.lcd .ghost{position:absolute;inset:16px 18px auto auto;font-size:40px;color:var(--lcd-dim);letter-spacing:.02em;pointer-events:none}.lcd .mini{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;color:var(--lcd-fg-soft);text-transform:uppercase}.lcd .big{font-size:74px;line-height:.9;letter-spacing:.02em}.lcd .unit{font-size:22px;color:var(--lcd-fg-soft);letter-spacing:.12em}.lcd .sub{display:flex;justify-content:space-between;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--lcd-fg-soft);margin-top:10px;letter-spacing:.18em;position:relative;z-index:1}.lcd .blink{display:inline-block;width:8px;height:12px;background:var(--lcd-fg);margin-left:6px;animation:blink 1s steps(2) infinite;vertical-align:-1px}@keyframes blink{50%{opacity:0}}.tempo-control{margin-top:18px;display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}@media(max-width:560px){.tempo-control{grid-template-columns:1fr}}.knob-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}.knob{position:relative;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 50% 40%,#3a3a32 0 38%,#1a1a15 42% 70%,#0a0a07);box-shadow:inset 0 2px #5a5a4f,inset 0 -2px 4px #000c,0 4px #000,0 6px 12px #0009;cursor:grab;touch-action:none}.knob:active{cursor:grabbing}.knob .cap{position:absolute;inset:14px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#2a2a22 0deg 6deg,#1a1a15 6deg 12deg);box-shadow:inset 0 1px #4a4a3f,inset 0 -2px 4px #000000b3}.knob .indicator{position:absolute;left:50%;top:10px;width:4px;height:28px;background:var(--led);transform:translate(-50%);border-radius:2px;box-shadow:0 0 8px var(--led-glow)}.knob .dial-wrap{position:absolute;inset:-16px;pointer-events:none}.tick{position:absolute;left:50%;top:50%;width:1px;height:8px;background:#efe7d6;transform-origin:50% 82px;opacity:.7}.tick.major{background:#efe7d6;height:12px;width:2px}.knob-label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.25em;color:#bdb39e}.num-input{display:flex;flex-direction:column;gap:10px}.num-input label{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;color:#bdb39e}.input-row{display:flex;gap:8px;align-items:stretch}.input-row input[type=number]{flex:1;background:#0f1408;border:2px solid #0a0a07;border-radius:6px;padding:10px 14px;font-family:VT323,monospace;color:var(--lcd-fg);text-shadow:0 0 6px rgba(198,255,90,.6);font-size:30px;letter-spacing:.04em;outline:none;box-shadow:inset 0 2px 4px #0009;-moz-appearance:textfield}.input-row input::-webkit-outer-spin-button,.input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-row input:focus{border-color:#3a6a18}.stepper{display:flex;flex-direction:column;gap:4px}.btn{appearance:none;border:1px solid #000;background:linear-gradient(180deg,#d8d1c4,#a39a8a);color:#1a1814;font-family:Space Grotesk;font-weight:700;padding:6px 12px;border-radius:4px;box-shadow:inset 0 1px #fff8,0 2px #4a4338;cursor:pointer;font-size:12px;letter-spacing:.12em;transition:transform .06s ease,box-shadow .06s ease}.btn:active{transform:translateY(2px);box-shadow:inset 0 1px #fff8,0 0 #4a4338}.btn.mini{padding:4px 10px;font-size:11px}.btn.tap{background:linear-gradient(180deg,#e8c247,#a7882a);color:#1a1814}.btn.red{background:linear-gradient(180deg,#d54f3e,#7a2418);color:#fff6f0}.btn.blue{background:linear-gradient(180deg,#5b9ad6,#1e4a78);color:#f0f6ff}.btn.ghost{background:linear-gradient(180deg,#2a2a22,#1a1a15);color:#efe7d6;border:1px solid #4a4a3f;box-shadow:inset 0 1px #4a4a3f,0 2px #000}.preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.chip{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;padding:5px 9px;background:#0f1408;color:var(--lcd-fg-soft);border:1px solid #2d3d18;border-radius:3px;cursor:pointer}.chip:hover{color:var(--lcd-fg);border-color:#3a6a18}.chip b{color:var(--lcd-fg);font-weight:500}.tap-cluster{display:flex;flex-direction:column;gap:12px}.led-strip{display:flex;gap:8px;justify-content:center;padding:10px;background:#0a0a07;border-radius:6px;border:1px solid #000;box-shadow:inset 0 2px 4px #000000b3}.led{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a0603,#120000);box-shadow:inset 0 -1px 2px #0009;transition:background .05s,box-shadow .05s}.led.on{background:radial-gradient(circle at 35% 35%,#f86,#f21 60%,#8a1208);box-shadow:0 0 10px var(--led-glow),inset 0 -1px 2px #0006}.big-btn{width:100%;padding:22px;border-radius:10px;border:1px solid #000;background:linear-gradient(180deg,#f0d85a,#b8902a);color:#1a1814;font-family:Space Grotesk;font-weight:700;font-size:16px;letter-spacing:.25em;text-transform:uppercase;box-shadow:inset 0 2px #fff6,inset 0 -2px #4a3a10,0 4px #2a1f08;cursor:pointer;position:relative}.big-btn:active{transform:translateY(2px);box-shadow:inset 0 2px #fff6,inset 0 -2px #4a3a10,0 2px #2a1f08}.big-btn.active{background:linear-gradient(180deg,#ff6a4a,#a5220e);color:#fff8f0}.div-table{width:100%;border-collapse:collapse;font-family:JetBrains Mono,monospace;font-size:12px;background:#0f1408;border-radius:6px;overflow:hidden;border:1px solid #2d3d18;box-shadow:inset 0 1px 4px #00000080}.div-table th,.div-table td{padding:7px 10px;text-align:left}.div-table thead th{background:#1a2a0c;color:var(--lcd-fg);text-shadow:0 0 6px rgba(198,255,90,.5);font-weight:500;font-size:10px;letter-spacing:.22em;border-bottom:1px solid #2d3d18}.div-table tbody tr:nth-child(odd){background:#c6ff5a0a}.div-table tbody tr:hover{background:#c6ff5a1a}.div-table td{color:var(--lcd-fg)}.div-table td.note{color:var(--lcd-fg-soft)}.div-table td.copy{text-align:right;width:30px}.div-table .cbtn{background:transparent;border:1px solid #2d3d18;color:var(--lcd-fg-soft);cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 6px;border-radius:3px}.div-table .cbtn:hover{color:var(--lcd-fg);border-color:#3a6a18}.div-table .cbtn.copied{background:#3a6a18;color:#0f1408}.silk-group{display:flex;align-items:center;gap:10px;margin-bottom:10px}.silk-group .line{flex:1;height:1px;background:#4a4a3f}.rail{display:flex;justify-content:space-between;align-items:center;padding:14px 8px 2px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.22em;color:#6e665a;text-transform:uppercase}.rail .dot{width:6px;height:6px;border-radius:50%;background:var(--led);box-shadow:0 0 6px var(--led-glow);display:inline-block;margin-right:6px}.foot{max-width:1180px;margin:18px auto 0;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;color:#5a5447;letter-spacing:.2em}.ad-inset{padding:10px;background:linear-gradient(180deg,#2a2a22,#1a1a15);border-radius:10px;border:1px solid #000;box-shadow:inset 0 1px #4a4a3f;display:flex;flex-direction:column;align-items:center;gap:6px}.ad-inset .silk{align-self:flex-start;margin-bottom:2px}.prose{max-width:720px;margin:0 auto;padding:28px;background:linear-gradient(180deg,#26271f,#1a1a15);border-radius:14px;border:1px solid #000;box-shadow:inset 0 1px #4a4a3f,inset 0 -1px #000,0 2px #3a382f;color:var(--label);font-family:Space Grotesk,system-ui,sans-serif;line-height:1.6}.prose h1{font-size:22px;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}.prose h2{font-size:14px;letter-spacing:.2em;margin:24px 0 8px;text-transform:uppercase;color:#bdb39e}.prose a{color:var(--lcd-fg);text-decoration:underline;text-underline-offset:3px}.prose p,.prose li{font-size:14px;color:#d8d1c4}.prose small{color:#7d7667;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.15em}.prose .back{display:inline-block;margin-top:20px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.2em;color:#bdb39e;text-decoration:none}.prose .back:hover{color:var(--lcd-fg)}