.vrt{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);margin:2rem 0 3rem;overflow:hidden}.vrt-topline{font:.75rem var(--font-mono);color:var(--accent-text);border-bottom:1px solid var(--line-strong);justify-content:space-between;gap:1rem;padding:1rem 1.4rem;display:flex}.vrt-panel{padding:clamp(1rem,3vw,2rem)}.vrt-panel h2{margin-bottom:.75rem;font-size:1.3rem}.vrt-panel p{color:var(--text-dim);max-width:78ch;margin:.8rem 0 1.2rem}.vrt-step{font:.75rem var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.vrt-panel .vrt-step{margin:0 0 .4rem}.vrt-actions{flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.2rem 0 .4rem;display:flex}.vrt-actions .btn{min-height:44px}.vrt-live{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-sunken);gap:.35rem;padding:1rem 1.2rem;display:grid}.vrt-live__note{font:700 clamp(2.4rem, 8vw, 3.6rem)/1 var(--font-mono);color:var(--text);transition:color .12s}.vrt-live__note--held{color:var(--accent-text)}.vrt-live__detail{font:.85rem var(--font-mono);color:var(--text-dim)}.vrt-meter{background:var(--ink-700);border-radius:3px;height:6px;overflow:hidden}.vrt-meter span{background:var(--accent);height:100%;transition:width 60ms linear;display:block}.vrt-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;display:grid}.vrt-figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);gap:.2rem;padding:.8rem 1rem;display:grid}.vrt-figure__label{font:.72rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.vrt-figure__note{font:700 1.6rem/1.1 var(--font-mono);color:var(--text)}.vrt-figure__hz{font:.8rem var(--font-mono);color:var(--text-dim)}.vrt-result{font:700 clamp(2rem, 7vw, 3rem)/1.1 var(--font-mono);color:var(--accent-text)}.vrt-panel .vrt-hint{font-size:.88rem}.vrt-panel .vrt-error{color:var(--error)}.vrt-keyboard{margin:1rem 0;overflow-x:auto}.vrt-keyboard svg{width:100%;height:auto;display:block}.vrt-key{fill:#f4f4ef;stroke:#8a909a;stroke-width:.6px}.vrt-key--range{fill:var(--accent)}.vrt-key--current,.vrt-black--current{fill:var(--cyan)}.vrt-black{fill:#15181e}.vrt-black--range{fill:var(--accent-dim)}.vrt-key-label{font:7px var(--font-mono);fill:var(--text-dim)}.vrt-band{fill:var(--accent-glow);stroke:var(--accent-dim);stroke-width:.8px}.vrt-band-label{font:8px var(--font-sans);fill:var(--text)}.vrt-table td:first-child{font-weight:600}@media (max-width:540px){.vrt-topline{padding:1rem;font-size:.6rem}.vrt-figures{gap:.5rem}}