.lg{--accent:#5fd0a8}.lg-eq{display:flex;align-items:center;gap:6px;font:700 26px/1 var(--font-mono);color:var(--ink);flex-wrap:wrap}.lg-in{width:120px;padding:10px 8px;text-align:center;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--accent);font:800 24px/1 var(--font-mono);outline:none}.lg-in:focus{border-color:var(--accent)}.lg-in.lg-sub{width:74px;font-size:17px;padding:8px 6px;align-self:flex-end;margin-bottom:-4px}.lg-in::placeholder{color:#ffffff40}.lg-presets{margin-top:12px}.lg-lab{font:600 12.5px/1 var(--font-sans);color:var(--dim)}.lg-steps{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(8,14,20,.5);font:600 13px/1.9 var(--font-mono);color:var(--dim);white-space:pre-wrap}.lg-steps b{color:var(--accent)}.lg-steps.bad{color:#ff8f8f}.lg-h{font:800 13px/1.4 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.lg-stage{border-radius:10px;overflow:hidden;border:1px solid var(--line)}.lg-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:ew-resize}.lg-note{margin:8px 0 0;font:600 12px/1.6 var(--font-sans);color:var(--dim)}.lg-note b{color:var(--accent)}.lg-laws{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:8px;font:600 12.5px/1.7 var(--font-mono);color:var(--dim)}.lg-laws>div{padding:9px 12px;border:1px solid var(--line);border-radius:10px}.lg-laws b{color:var(--accent);display:block;font-size:11px;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.04em}