.it-stage,.it-card{border-radius:var(--radius-lg);background:var(--card);border:1px solid var(--line);min-width:0;box-shadow:var(--edge);position:relative}.it-stage{--it-ok:var(--success);--it-hot:var(--sky);isolation:isolate;text-align:center;justify-items:center;gap:12px;padding:clamp(18px,4vw,34px) clamp(16px,4vw,40px);display:grid;overflow:hidden}.it-stage:before{content:"";z-index:-1;background:var(--glow);opacity:.3;pointer-events:none;height:80%;transition:opacity var(--med) var(--ease);position:absolute;inset:-40% 12% auto}.it-stage[data-tune=ok]:before{opacity:.6;background:radial-gradient(closest-side,#6ee7b773,#0000)}.it-card{gap:14px;padding:clamp(16px,3vw,24px);display:grid}.it-card h2{margin:0}.it-why{border-radius:var(--radius);background:var(--primary-soft);border:1px solid var(--line);text-align:left;grid-template-columns:auto 1fr;align-items:start;gap:12px;width:100%;padding:12px 14px;display:grid}.it-why p{color:var(--ink-2);margin:0;font-size:.95rem}.it-why-ico{background:var(--surface-2);width:34px;height:34px;color:var(--accent-text);border-radius:50%;place-items:center;display:grid}.it-stage[data-state=on] .it-why{display:none}.it-block{border-radius:var(--radius);background:var(--danger-soft);border:1px solid var(--danger);text-align:left;width:100%;margin:0;padding:12px 14px}.it-readout{justify-items:center;gap:2px;min-height:150px;display:grid}.it-note{transition:color var(--fast) var(--ease);grid-template-rows:auto auto;grid-template-columns:auto auto;align-items:end;column-gap:4px;line-height:1;display:grid}.it-letter{font-family:var(--font-display);letter-spacing:-.05em;grid-row:1/3;font-size:clamp(5rem,3.6rem + 6vw,7.5rem);font-weight:650}.it-acc{font-family:var(--font-display);text-align:left;align-self:start;min-width:.6em;margin-top:.4em;font-size:2.2rem;font-weight:600}.it-oct{font-family:var(--font-display);color:var(--muted);text-align:left;align-self:end;margin-bottom:.35em;font-size:1.6rem;font-weight:600}.it-alt,.it-nums{font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);min-height:1.2em;margin:0;font-size:.8rem}.it-nums{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.95rem}.it-stage.it-idle .it-note,.it-stage.it-idle .it-nums,.it-stage.it-idle .it-alt{opacity:.45}.it-stage[data-tune=ok] .it-note{color:var(--it-ok)}.it-gauge{width:min(460px,100%);height:auto;overflow:visible}.it-tick{stroke:var(--line-strong);stroke-width:2px;stroke-linecap:round}.it-major{stroke:var(--muted);stroke-width:3px}.it-tlabel,.it-side{fill:var(--muted);font-family:var(--font-mono);font-size:11px}.it-zone{fill:#6ee7b738;stroke:#6ee7b799;stroke-width:1px}.it-needle{transform-box:view-box;transform-origin:160px 172px;transition:transform .11s linear}.it-needle line{stroke:var(--it-hot);stroke-width:4px;stroke-linecap:round}.it-needle circle{fill:var(--it-hot)}.it-hub{fill:var(--surface-2);stroke:var(--it-hot);stroke-width:3px}.it-stage[data-tune=ok] .it-needle line,.it-stage[data-tune=ok] .it-needle circle{stroke:var(--it-ok);fill:var(--it-ok)}.it-stage[data-tune=ok] .it-hub{stroke:var(--it-ok)}.it-stage.it-idle .it-needle{opacity:.35}.it-strobe{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);width:min(460px,100%);height:30px;display:block}.it-say{min-height:1.5em;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:650}.it-stage[data-tune=ok] .it-say{color:var(--it-ok)}.it-stage[data-tune=far] .it-say,.it-stage[data-tune=close] .it-say{color:var(--accent-text)}.it-strings{grid-template-columns:repeat(var(--it-n,6), minmax(0, 1fr));gap:8px;width:min(560px,100%);display:grid}.it-strings[hidden],.it-strings-note[hidden]{display:none}.it-string{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-2);min-width:0;min-height:58px;color:var(--ink);cursor:pointer;touch-action:manipulation;transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease), transform var(--fast) var(--ease);align-content:center;justify-items:center;gap:1px;padding:6px 2px;display:grid}.it-string:hover{border-color:var(--sky)}.it-string:focus-visible,.it-step:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.it-string-name{font-family:var(--font-display);font-size:1.1rem;font-weight:650}.it-string-n{font-family:var(--font-mono);color:var(--muted);font-size:.68rem}.it-string.it-near{border-color:var(--sky);background:var(--primary-soft);transform:translateY(-2px)}.it-string.it-ok{border-color:var(--it-ok);background:var(--success-soft);color:var(--it-ok)}.it-string[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--sky)}.it-string[aria-pressed=true] .it-string-n:after{content:" · locked"}.it-strings-note{color:var(--muted);margin:-2px 0 0;font-size:.85rem}.it-go-row{margin-top:4px}.it-go{min-width:220px;min-height:52px}.it-opts{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));align-items:start}.it-field{gap:6px;min-width:0;font-size:.92rem;font-weight:600;display:grid}.it-field select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);width:100%;height:46px;color:var(--ink);font:inherit;padding:0 12px;font-weight:500}.it-inst{grid-column:1/-1}.it-a4{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:8px;display:grid}.it-step{border:1px solid var(--line-strong);background:var(--surface-2);width:46px;height:46px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;display:grid}.it-step:hover{border-color:var(--sky)}.it-a4-in{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);align-items:center;gap:6px;height:46px;padding:0 12px;display:flex}.it-a4-in input{width:0;min-width:0;height:44px;color:var(--ink);font:inherit;font-family:var(--font-display);text-align:center;background:0 0;border:0;flex:1;font-size:1.2rem;font-weight:650}.it-a4-in input:focus{outline:none}.it-a4-in:focus-within{outline:3px solid var(--focus);outline-offset:2px}.it-a4-in span{color:var(--muted);font-weight:500}.it-a4-quick{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.it-a4-quick .chip-btn{min-width:0;padding:0}.it-field output{white-space:nowrap}.it-field input[type=range]{width:100%;height:44px;accent-color:var(--electric)}.it-gate-meter{border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);height:8px;margin-top:-8px;display:block;position:relative;overflow:hidden}.it-gate-meter>span:first-child{transform-origin:0;background:var(--sky);opacity:.7;position:absolute;inset:0;transform:scaleX(0)}.it-gate-mark{background:var(--spark);width:2px;position:absolute;top:0;bottom:0}.it-ref-head{gap:4px;display:grid}.it-ref-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.it-ref-go{min-height:46px}.it-play-ico{border-block:7px solid #0000;border-left:11px solid;width:0;height:0}[aria-pressed=true]>.it-play-ico{background:currentColor;border:0;border-radius:2px;width:12px;height:12px}:root[data-theme=light] .it-stage{--it-ok:#0a704c;--it-hot:var(--electric)}:root[data-theme=light] .it-zone{fill:#0a704c24;stroke:#0a704c80}@media (width<=600px){.it-ref-row{grid-template-columns:1fr 1fr}.it-ref-go{grid-column:1/-1;width:100%}.it-go,.it-go-row{width:100%}.it-strings{gap:6px}.it-string-name{font-size:1rem}}@media (prefers-reduced-motion:reduce){.it-needle{transition:none}.it-string.it-near{transform:none}}@media (width<=400px){.it-ref-row{grid-template-columns:1fr}}