.resonantGuide{--panel:#12151d;--panel-2:#171b25;--line:#232936;--panel-ink:#e7eaf1;--muted:#8d96ab;--accent:#7cc4ff;--hot:#ff8a5b;--good:#6ee7a8;--warn:#ffd166;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}.resonantGuide .num{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-violet-500);margin-bottom:12px;font-size:11px;font-weight:600;line-height:1;display:block}.dark .resonantGuide .num{color:var(--color-violet-400)}.resonantGuide .panel{background:var(--panel);border:1px solid var(--line);color:var(--panel-ink);font-family:var(--font-sans,ui-sans-serif, system-ui, sans-serif);border-radius:14px;padding:18px}.resonantGuide .panel a{color:var(--accent)}.resonantGuide canvas{width:100%;display:block}.resonantGuide canvas.fieldGrid{aspect-ratio:1;height:auto!important}.resonantGuide .canvasFrame{border:1px solid var(--line);background:#06070a;border-radius:10px;overflow:hidden}.resonantGuide .panelTitle{font:600 10.5px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.resonantGuide .panelTitle em{color:var(--accent);font-style:normal}.resonantGuide .diagram{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.resonantGuide .diagram svg{width:100%;height:auto;display:block}.resonantGuide .equation{background:var(--panel);border:1px solid var(--line);text-align:center;font:20px/1.5 var(--mono);color:var(--panel-ink);border-radius:12px;padding:20px 16px;overflow-x:auto}.resonantGuide .tDrift{color:var(--warn)}.resonantGuide .tCouple{color:var(--accent)}.resonantGuide .tDrive{color:var(--hot)}.resonantGuide .tPin{color:var(--good)}.resonantGuide .digits{flex-wrap:wrap;gap:8px;display:flex}.resonantGuide .digitBtn{border:1px solid var(--line);background:var(--panel-2);width:44px;height:44px;color:var(--panel-ink);cursor:pointer;border-radius:10px;font-size:17px;font-weight:620;transition:transform .15s,border-color .15s,background .15s}.resonantGuide .digitBtn:hover{border-color:var(--accent);transform:translateY(-2px)}.resonantGuide .digitBtn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#06263c}.resonantGuide .action{border:1px solid var(--line);background:var(--panel-2);color:var(--panel-ink);cursor:pointer;border-radius:9px;padding:11px 15px;font-size:14px;font-weight:600}.resonantGuide .action:hover{border-color:var(--accent);background:#1e2534;transform:translateY(-1px)}.resonantGuide .action:active{transform:translateY(0)}.resonantGuide .action.primary{background:var(--accent);border-color:var(--accent);color:#06263c}.resonantGuide .action.primary:hover{background:#a5d8ff;border-color:#a5d8ff;box-shadow:0 6px 18px -6px #7cc4ffa6}.resonantGuide .action.toggle{text-align:center;min-width:15ch}.resonantGuide .action.toggle.wide{min-width:32ch}.resonantGuide select.action{padding-right:28px}.resonantGuide .action:disabled{opacity:.45;cursor:not-allowed;border-color:var(--line);background:var(--panel-2);transform:none}.resonantGuide .action.micBtn{text-align:center;min-width:12ch}.resonantGuide .action.recording,.resonantGuide .action.recording:hover{background:var(--hot);border-color:var(--hot);color:#2b1006;animation:1.4s ease-in-out infinite resonantRecPulse}@keyframes resonantRecPulse{0%,to{box-shadow:0 0 #ff8a5b80}50%{box-shadow:0 0 0 6px #ff8a5b00}}@media (prefers-reduced-motion:reduce){.resonantGuide .action.recording{animation:none}}.resonantGuide .sourceRow{flex-wrap:nowrap;gap:8px;margin-top:14px;display:flex}.resonantGuide .sourceRow select.action{flex:0 auto;min-width:0}.resonantGuide .sourceRow .micBtn{flex:none}.resonantGuide .runRow{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.resonantGuide .micRow{font:11px/1.5 var(--mono);color:var(--muted);align-items:center;gap:10px;margin-top:10px;display:flex}.resonantGuide .micMeter{background:var(--panel-2);border:1px solid var(--line);border-radius:999px;flex:none;width:76px;height:6px;overflow:hidden}.resonantGuide .micMeter i{background:var(--hot);width:0;height:100%;transition:width 80ms linear;display:block}.resonantGuide .dial label{font:600 11.5px/1.6 var(--mono);color:var(--muted);justify-content:space-between;display:flex}.resonantGuide .dial label b{color:var(--panel-ink)}.resonantGuide input.slider{width:100%;accent-color:var(--accent);cursor:pointer}.resonantGuide input.slider::-webkit-slider-thumb{cursor:grab}.resonantGuide input.slider:active::-webkit-slider-thumb{cursor:grabbing}.resonantGuide input.slider::-moz-range-thumb{cursor:grab}.resonantGuide .tag{border:1px solid var(--line);font:600 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-radius:999px;padding:6px 9px;display:inline-block}.resonantGuide .tag.ok{color:var(--good);border-color:#6ee7a866}.resonantGuide .tag.off{color:var(--warn);border-color:#ffd16666}.resonantGuide .console{grid-template-columns:1.1fr 1fr;align-items:start;gap:16px;display:grid}.resonantGuide .stack{align-content:start;gap:12px;display:grid}.resonantGuide .readoutRow{font:12px/1 var(--mono);color:var(--muted);grid-template-columns:22px 1fr 42px;align-items:center;gap:8px;display:grid}.resonantGuide .readoutRow .bar{background:var(--panel-2);border-radius:4px;height:14px;overflow:hidden}.resonantGuide .readoutRow .bar i{background:var(--accent);border-radius:4px;height:100%;transition:width 80ms linear;display:block}.resonantGuide .readoutRow.win{color:var(--good)}.resonantGuide .readoutRow.win .bar i{background:var(--good)}.resonantGuide .metrics{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:10px;display:grid}.resonantGuide .metric{background:var(--panel-2);border-radius:10px;padding:10px 12px}.resonantGuide .metric span{font:600 9.5px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block}.resonantGuide .metric b{color:var(--panel-ink);font-size:19px;font-weight:620}.resonantGuide .pipelineStrip{grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:8px;display:grid}.resonantGuide .stage{text-align:center;border:1px solid var(--line);background:var(--panel-2);font:600 10px/1.3 var(--mono);color:var(--muted);border-radius:8px;padding:8px 4px;transition:color .2s,border-color .2s,background .2s}.resonantGuide .stage.live{color:var(--panel-ink);border-color:var(--accent);background:#1b2a3d}.resonantGuide .bx{fill:#171b25;stroke:#2b3242}.resonantGuide .bxFront{fill:#14202b;stroke:#2d4a63}.resonantGuide .bxCore{fill:#16202e;stroke:#4d7fa8}.resonantGuide .lb{fill:#e7eaf1;font:600 14px var(--mono)}.resonantGuide .sub{fill:#8d96ab;font:11.5px var(--mono)}.resonantGuide .subHot{fill:#ff8a5b;font:11.5px var(--mono)}.resonantGuide .hd{fill:#7cc4ff;font:600 11px var(--mono);letter-spacing:.14em}.resonantGuide .ln{stroke:#67718a;stroke-width:1.6px;fill:none}.resonantGuide .lnHot{stroke:#ff8a5b;stroke-width:1.6px;fill:none;stroke-dasharray:5 4}@media (max-width:900px){.resonantGuide .console{grid-template-columns:1fr}}