._strip-surface_3ef7x_3{--strip-fill:var(--surface-card);--strip-border:1px solid #ffffff0f;--strip-shadow:0 6px 18px #00000038}._control-button_3ef7x_11{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border:1px solid var(--chrome-border);border-radius:var(--radius-sm);color:var(--chrome-fg-muted);cursor:pointer;transition:var(--transition-surface);background:linear-gradient(#ffffff0a,#ffffff05),#0e131beb;line-height:1.2}._control-button_3ef7x_11:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--neon-cyan) 18%, transparent), color-mix(in srgb, var(--neon-cyan) 8%, transparent)), #121f2bf2;color:var(--chrome-fg);border-color:color-mix(in srgb, var(--neon-cyan) 42%, transparent)}._control-button_3ef7x_11:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-glow)}._control-button_3ef7x_11:disabled{opacity:var(--disabled-opacity);cursor:default}._control-container_3ef7x_45{align-items:center;gap:var(--space-1);display:flex}._control-value_3ef7x_52{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--text-main);text-align:center;min-width:1.5rem}._control-section_3ef7x_61{flex-direction:column;gap:.45rem;display:flex}._section-label_3ef7x_71{color:var(--chrome-fg-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:500}._toggle-group_3ef7x_79{border:1px solid var(--chrome-border);background:linear-gradient(#ffffff08,#ffffff03),#0c1119e0;border-radius:1rem;gap:.22rem;padding:.25rem;display:flex}._toggle-btn_3ef7x_94{min-height:2.65rem;transition:var(--transition-surface), transform var(--transition-fast);text-transform:none;color:var(--chrome-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:.78rem;flex:1;padding:.5rem .78rem;font-size:.9rem;font-weight:500}._toggle-btn_3ef7x_94:hover{color:var(--chrome-fg)}._toggle-btn_3ef7x_94:active{transform:scale(.96)}._toggle-btn_3ef7x_94:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}._toggle-btn_3ef7x_94._active_3ef7x_67{background:linear-gradient(180deg, color-mix(in srgb, var(--neon-cyan) 22%, transparent), color-mix(in srgb, var(--neon-cyan) 8%, transparent)), #121f2bf2;color:var(--selected-fg);box-shadow:inset 0 1px 0 #ffffff1f, 0 0 0 1px color-mix(in srgb, var(--neon-cyan) 32%, transparent), 0 0 8px color-mix(in srgb, var(--neon-cyan) 16%, transparent)}._accidental-toggle_3ef7x_133{border:1px solid var(--chrome-border);width:2.5rem;height:2.5rem;color:var(--text-muted);cursor:pointer;transition:var(--transition-surface);background:0 0;border-radius:9999px;justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:0;right:0}._accidental-toggle_3ef7x_133:hover{color:var(--text-on-accent);border-color:var(--text-muted)}._accidental-toggle_3ef7x_133:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);color:var(--text-on-accent);border-color:var(--neon-cyan);box-shadow:var(--focus-ring-glow)}._chord-root-row_3ef7x_164{gap:var(--space-2);flex-direction:column;display:flex}._note-grid_3ef7x_170{grid-template-columns:repeat(6,1fr);gap:.42rem;display:grid}._note-btn_3ef7x_176{color:#dfe8f2d6;cursor:pointer;text-align:center;width:100%;min-height:3.05rem;transition:var(--transition-surface);background:linear-gradient(#ffffff0a,#ffffff05),#0c1119e0;border:1px solid #ffffff1a;border-radius:.95rem;justify-content:center;align-items:center;padding:0;font-size:.96rem;font-weight:600;display:inline-flex}._note-btn-label_3ef7x_196{justify-content:center;align-items:center;min-width:2ch;min-height:1rem;line-height:1;display:inline-flex}._note-btn_3ef7x_176:hover{color:#fff;border-color:#4de4ff61}._note-btn_3ef7x_176:active{transform:scale(.96)}._note-btn_3ef7x_176:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);color:#fff;border-color:var(--neon-cyan);box-shadow:0 0 0 3px #4de4ff33}._note-btn_3ef7x_176._active_3ef7x_67{color:#f3fbfffa;background:radial-gradient(circle at 50% 20%,#4de4ff3d,#0000 65%),linear-gradient(#4de4ff2e,#4de4ff14);border-color:#4de4ff73;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #4de4ff29,0 0 8px #4de4ff1f}.app-container[data-layout-tier=desktop] ._toggle-btn_3ef7x_94{min-height:2.2rem;padding:.3rem .68rem;font-size:.85rem}.app-container[data-layout-tier=desktop] ._note-btn_3ef7x_176{min-height:2.55rem}.app-container[data-layout-tier=tablet] ._toggle-btn_3ef7x_94{min-height:2.75rem;padding:.38rem .72rem;font-size:.88rem}.app-container[data-layout-tier=tablet] ._note-btn_3ef7x_176{min-height:2.82rem}._shape-hint_3ef7x_258{color:#bcc8d673;text-align:center;-webkit-user-select:none;user-select:none;margin:0;font-size:.68rem;line-height:1}._lens-hint_3ef7x_267{color:#bcc8d6b8;margin:0;font-size:.75rem;line-height:1.4}._icon-button_3ef7x_275{color:#e6eef7db;cursor:pointer;width:2.75rem;height:2.75rem;transition:var(--transition-surface), transform var(--transition-fast);background:linear-gradient(#ffffff0d,#ffffff05),#0c1119d1;border:1px solid #ffffff1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:inset 0 1px #ffffff14}._icon-button_3ef7x_275:hover{background:linear-gradient(#4de4ff1f,#4de4ff08),#0c1119eb;border-color:#4de4ff42;transform:translateY(-1px)}._icon-button_3ef7x_275:active{transform:translateY(0)}._icon-button_3ef7x_275:focus-visible{box-shadow:inset 0 0 0 2px var(--neon-cyan);outline:none}._icon-button_3ef7x_275 .icon{width:1.18rem;height:1.18rem;color:inherit}._icon-button_3ef7x_275 .icon-muted{color:#b0bcc9a8}._icon-button_3ef7x_275 .icon-active{color:#fff}._icon-button--lg_3ef7x_327{width:2.95rem;height:2.95rem}._icon-button--lg_3ef7x_327 .icon{width:1.25rem;height:1.25rem}@media (width<=1079px){._icon-button--lg_3ef7x_327{width:2.7rem;height:2.7rem}._icon-button--lg_3ef7x_327 .icon{width:1.18rem;height:1.18rem}}@media (width<=767px){._icon-button--lg_3ef7x_327{width:2.7rem;height:2.7rem}}._sr-only_3ef7x_358{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._link-toggle_3ef7x_370{align-items:center;gap:var(--space-2);color:#ccd6e1d1;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.86rem;display:flex}._link-toggle_3ef7x_370 input[type=checkbox]{accent-color:var(--accent-primary);cursor:pointer;width:.875rem;height:.875rem}._link-toggle_3ef7x_370 input[type=checkbox]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);box-shadow:var(--focus-ring-glow);border-radius:2px}@media (width<=767px){[data-layout-scope=mobile-tabs] ._toggle-btn_3ef7x_94,[data-layout-scope=mobile-tabs] ._note-btn_3ef7x_176,[data-layout-scope=mobile-tabs] ._link-toggle_3ef7x_370{min-height:36px}[data-layout-scope=mobile-tabs] ._control-section_3ef7x_61{width:100%}}.overlay-field--accidentals ._toggle-btn_3ef7x_94{font-size:var(--text-sm,.875rem)}