:root{--review-corrected-bg:#6f538f38;--review-corrected-border:#c4a6e894;--review-corrected-badge-bg:#be9be533;--review-corrected-badge-text:#e1c9fb;color:#e7ecef;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#06080b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{background:#06080b;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{z-index:0;filter:blur(16px)saturate(.62);opacity:.42;background:#090d10;transform:scale(1.04)}body:after{z-index:1;background:linear-gradient(#05070ac2,#06080be6)}button,input,select{font:inherit}select{color:#edf3f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#11171c}select option,select optgroup{color:#edf3f5;background-color:#11171c}select optgroup{color:#9fd8e6;font-weight:760}select option:checked{color:#fff;background-color:#284955}button{cursor:pointer}#root{z-index:2;min-height:100vh;position:relative}.app-shell{isolation:isolate;grid-template-columns:282px minmax(0,1fr);align-items:start;gap:14px;width:min(1680px,100vw - 24px);margin:12px auto;display:grid;position:relative}.ambient-scene{--scene-image-opacity:.15;--scene-overlay-opacity:.18;--scene-vignette-opacity:.32;--scene-fallback-opacity:.32;--scene-blur:7px;--scene-brightness:2.4;--scene-saturation:.78;--scene-contrast:.96;--scene-scale:1.04;--scene-transition-duration:.8s;z-index:0;pointer-events:none;background:#071014;position:fixed;inset:0;overflow:hidden}.ambient-scene[data-visual-mode=immersive]{--scene-image-opacity:.74;--scene-overlay-opacity:1;--scene-vignette-opacity:1;--scene-fallback-opacity:1;--scene-blur:0px;--scene-brightness:1;--scene-saturation:.82;--scene-contrast:1.04;--scene-scale:1.015;--scene-transition-duration:.9s}.ambient-scene-fallback,.ambient-scene-image,.ambient-scene-overlay,.ambient-scene-vignette{pointer-events:none;position:absolute;inset:0}.ambient-scene-fallback{z-index:0;background-blend-mode:screen, normal, normal, normal;opacity:var(--scene-fallback-opacity);transition:opacity var(--scene-transition-duration) cubic-bezier(.22, 1, .36, 1);background:repeating-linear-gradient(118deg,#87c4cf06 0 1px,#0000 1px 26px),linear-gradient(126deg,#144750b8 0%,#0b1b223d 38%,#0000 62%),linear-gradient(238deg,#6b392d61 0%,#251b2333 32%,#0000 58%),linear-gradient(#0d1b20 0%,#091116 48%,#05090c 100%);transform:scale(1.02)}.ambient-scene-image{z-index:1;object-fit:cover;object-position:center;width:100%;height:100%;filter:blur(var(--scene-blur)) brightness(var(--scene-brightness)) saturate(var(--scene-saturation)) contrast(var(--scene-contrast));opacity:0;transform:scale(var(--scene-scale));transition:opacity var(--scene-transition-duration) cubic-bezier(.22, 1, .36, 1), filter var(--scene-transition-duration) cubic-bezier(.22, 1, .36, 1), transform 1.1s cubic-bezier(.22, 1, .36, 1);-webkit-mask-image:radial-gradient(140% 105% at 64% 4%,#000 0%,#000000eb 52%,#0000008c 78%,#0000002e 100%);mask-image:radial-gradient(140% 105% at 64% 4%,#000 0%,#000000eb 52%,#0000008c 78%,#0000002e 100%)}.ambient-scene-image.is-loaded{opacity:var(--scene-image-opacity)}.ambient-scene[data-visual-mode=standard] .ambient-scene-image{mix-blend-mode:screen}.ambient-scene-overlay{z-index:2;opacity:var(--scene-overlay-opacity);transition:opacity var(--scene-transition-duration) cubic-bezier(.22, 1, .36, 1);background:radial-gradient(66% 58% at 64% 43%,#03070ac2 0%,#03070a6b 52%,#0000 88%),linear-gradient(90deg,#03070ad1 0%,#03070a94 23%,#0000 38% 82%,#03070a6b 100%),linear-gradient(#03070a2e 0%,#03070a7a 58%,#03070ad1 100%)}.ambient-scene-vignette{z-index:3;opacity:var(--scene-vignette-opacity);transition:background var(--scene-transition-duration) cubic-bezier(.22, 1, .36, 1), opacity var(--scene-transition-duration) cubic-bezier(.22, 1, .36, 1);background:radial-gradient(at 58% 38%,#0000 24%,#02060933 61%,#020508d1 100%),linear-gradient(#0206091f 0%,#0206092e 46%,#020508ad 100%)}.ambient-scene[data-visual-mode=immersive] .ambient-scene-image{mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}.ambient-scene[data-visual-mode=immersive] .ambient-scene-overlay{mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#def2f504 0 1px,#0000 1px 4px),linear-gradient(90deg,#02080b94,#0000 22% 78%,#02080b9e)}.ambient-scene[data-visual-mode=immersive] .ambient-scene-vignette{background:linear-gradient(#03080c33 0%,#03080c05 34%,#03070b85 100%),linear-gradient(110deg,#030a0e70 0%,#0000 38%,#03080c3d 100%)}.immersive-scale-title{z-index:4;color:#eef5f8eb;letter-spacing:0;text-align:center;text-shadow:0 2px 28px #000000a8;opacity:0;gap:3px;max-width:min(88vw,880px);font-size:clamp(22px,2.1vw,34px);font-weight:680;line-height:1.16;transition:opacity .44s ease-out,transform .44s ease-out;display:grid;position:fixed;top:clamp(28px,6vh,72px);left:50%;transform:translate(-50%,-8px)}.immersive-scale-title small{color:#cadae19e;font-size:clamp(12px,1vw,15px);font-weight:640}.ambient-scene[data-visual-mode=immersive] .immersive-scale-title{opacity:1;transform:translate(-50%)}.immersive-exit{z-index:5;color:#eef5f8bd;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e1638;border:1px solid #ffffff1f;border-radius:999px;min-height:34px;padding:0 14px;font-size:12px;font-weight:720;transition:opacity .22s ease-out,color .18s ease-out,background .18s ease-out,border-color .18s ease-out;position:fixed;top:22px;right:24px}.ambient-scene[data-visual-mode=immersive] .immersive-exit{opacity:.72;pointer-events:auto}.immersive-exit:hover,.immersive-exit:focus-visible{color:#fff;opacity:1;background:#0a121c5c;border-color:#ffffff3d}.app-shell.is-immersive-mode{width:100vw;min-height:100vh;margin:0;display:block}.app-shell.is-immersive-mode .side-panel,.app-shell.is-immersive-mode .page-title,.app-shell.is-immersive-mode .mode-content,.app-shell.is-immersive-mode .fretboard-header{display:none}.app-shell.is-immersive-mode .main-stage{z-index:2;min-height:100vh;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;place-content:center;place-items:center;padding:clamp(78px,10vh,118px) clamp(28px,4vw,78px);display:grid;position:relative}.app-shell.is-immersive-mode .fretboard-card{-webkit-backdrop-filter:blur(16px)saturate(.96);backdrop-filter:blur(16px)saturate(.96);pointer-events:auto;background:#0a121c24;border:1px solid #ffffff1f;border-radius:28px;width:min(92vw,1600px);min-height:auto;animation:.44s ease-out both immersive-card-in;box-shadow:0 28px 78px #00000047}.app-shell.is-immersive-mode .fretboard-scroll{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:clamp(32px,4.4vw,62px) clamp(28px,4.8vw,76px);overflow:auto}.app-shell.is-immersive-mode .fretboard-svg{min-width:980px}.app-shell.is-immersive-mode .fretboard-surface{fill:#09121d6b;stroke:#d6eaf22e;opacity:.86;filter:none}.app-shell.is-immersive-mode .fret-marker{fill:#d2e2e82e}.app-shell.is-immersive-mode .fret-marker-ring{fill:#0a111a38;stroke:#e0f0f624}.app-shell.is-immersive-mode .fret-number,.app-shell.is-immersive-mode .string-label{fill:#eef5f8db}.app-shell.is-immersive-mode .fret-line{opacity:.58}.app-shell.is-immersive-mode .ghost-node{fill:#cfd7da21}@keyframes immersive-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ambient-scene-fallback,.ambient-scene-image,.ambient-scene-overlay,.ambient-scene-vignette,.immersive-scale-title,.immersive-exit{transition-duration:80ms}.ambient-scene-image{transform:none}.app-shell.is-immersive-mode .fretboard-card{animation:none}}.side-panel,.main-stage,.fretboard-card{background:#0d1014e6;border:1px solid #93a2ac3d;box-shadow:0 24px 70px #00000075,inset 0 1px #ffffff0a}.app-shell>.side-panel,.app-shell>.main-stage{z-index:1;position:relative}.side-panel{border-radius:7px;flex-direction:column;gap:22px;padding:20px;display:flex}.brand{border-bottom:1px solid #95a3ac29;align-items:center;gap:13px;padding-bottom:8px;display:flex}.brand-mark{color:#d8f7ff;letter-spacing:0;background:linear-gradient(#172830f5,#0b1217fa);border:1px solid #7eb0be73;border-radius:7px;place-items:center;width:54px;height:54px;font-size:14px;font-weight:820;display:grid}.eyebrow{color:#89b8c8;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:760}.brand h1,.page-title h2,.fretboard-header h3{color:#f2f5f6;letter-spacing:0;margin:0}.brand h1{font-size:19px;line-height:1.15}.control-panel{gap:14px;display:grid}.control-panel label{color:#aebbc2;gap:6px;font-size:13px;font-weight:680;display:grid}.control-panel select{color:#edf3f5;background:linear-gradient(#191f25fa,#0d1217fa);border:1px solid #82919a52;border-radius:5px;outline:none;width:100%;min-height:38px;padding:0 10px}.control-panel select:hover,.mode-switch button:hover,.toolbar-button:hover,.compact-select select:hover{border-color:#88becf73}.control-panel select:focus-visible,.dictionary-search input:focus-visible,.dictionary-filter-row button:focus-visible,.dictionary-page-buttons button:focus-visible,.compact-select select:focus-visible,.mode-switch button:focus-visible,.toolbar-button:focus-visible,.clear-button:focus-visible,.chord-card:focus-visible,.fretboard-node:focus-visible{outline-offset:3px;outline:2px solid #b6edf8}.toolbar{gap:12px;padding-top:5px;display:grid}.toggle-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{background:#252b30;border:1px solid #8d9ba361;border-radius:999px;width:42px;height:23px;transition:background .19s,border-color .19s;position:relative}.toggle-thumb{background:#cbd3d6;border-radius:999px;width:15px;height:15px;transition:transform .19s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000057}.toggle-row input:checked+.toggle-track{background:#315e6b;border-color:#6cc9ddb3}.toggle-row input:checked+.toggle-track .toggle-thumb{background:#ebf8fa;transform:translate(18px)}.clear-button{color:#fff4ee;background:linear-gradient(#9a482dfa,#63281cfa);border:1px solid #c96d4d7a;border-radius:5px;min-height:40px;font-size:13px;font-weight:820;transition:border-color .19s,filter .19s,opacity .19s}.clear-button:hover:not(:disabled){filter:brightness(1.08)}.clear-button:disabled{cursor:not-allowed;color:#e2e9ec5c;background:#1d2227;border-color:#969fa52e}.main-stage{background:#0a0d11e6;border-radius:7px;grid-template-rows:auto auto auto auto;align-content:start;gap:12px;min-width:0;padding:16px;display:grid}.page-title{justify-content:space-between;align-items:end;gap:18px;min-width:0;padding:2px 2px 0;display:flex}.page-title h2{font-size:clamp(28px,3vw,42px);line-height:1.05}.status-strip{color:#d8e0e3;flex-wrap:wrap;justify-content:flex-end;gap:8px;font-size:13px;display:flex}.status-strip span{background:#171c21;border:1px solid #8b98a038;border-radius:5px;align-content:center;min-height:36px;padding:5px 10px;display:inline-grid;box-shadow:inset 0 1px #ffffff0a}.status-strip small{color:#8fa1aa;font-size:10px;line-height:1.1;display:block}.fretboard-card{--display-settings-enter-duration:.18s;--display-settings-exit-duration:.15s;--display-settings-enter-easing:cubic-bezier(.22, 1, .36, 1);--display-settings-exit-easing:cubic-bezier(.4, 0, 1, 1);isolation:isolate;background:linear-gradient(#11151afa,#090c0ffa);border-radius:7px;grid-template-rows:auto minmax(0,1fr) auto;min-height:356px;transition:background .22s ease-out,border-color .22s ease-out,box-shadow .22s ease-out;display:grid;position:relative;overflow:hidden}.fretboard-header{z-index:4;border-bottom:1px solid #909ea829;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px 12px;display:flex;position:relative}.fretboard-header h3{white-space:nowrap;font-size:20px;font-weight:780}.fretboard-title-row{align-items:center;gap:8px;min-width:0;display:inline-flex}.coordinate-anchor-status{color:#9cacb3;white-space:nowrap;background:#0d1419b8;border:1px solid #85959e4d;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:760}.coordinate-anchor-status.is-available{color:#caf5fc;background:#1e4c57a3;border-color:#72c9df9e}.active-chord-close{color:#ffd8ca;background:#652b1d6b;border:1px solid #ff805c7a;border-radius:5px;place-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:grid}.active-chord-close:hover,.active-chord-close:focus-visible{color:#fff6f1;background:#893622b3;border-color:#ffad8fcc}.theory-mode-tabs{flex-wrap:wrap;gap:7px;padding:2px;display:flex}.theory-mode-tabs button{color:#aebbc2;background:#11161b;border:1px solid #85959e47;border-radius:5px;min-height:34px;padding:0 13px;font-size:13px;font-weight:760;transition:background .18s,border-color .18s,color .18s}.theory-mode-tabs button.is-active{color:#f6fcfd;background:#263c45;border-color:#72c9df94;box-shadow:inset 0 1px #c4f4ff14}.theory-mode-tabs button:hover,.theory-mode-tabs button:focus-visible{border-color:#88becf9e}.fretboard-header-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.display-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.toolbar-button{color:#aebbc2;background:#11161b;border:1px solid #85959e47;border-radius:5px;min-height:30px;padding:0 10px;font-size:12px;font-weight:720;transition:background .19s ease-out,border-color .19s ease-out,color .19s ease-out,filter .19s ease-out}.toolbar-button.is-active{color:#f4fbfc;background:#263c45;border-color:#72c9df6b}.toolbar-button:disabled{cursor:not-allowed;color:#aebbc26b;opacity:.72;background:#11161ba3}.fretboard-display-settings{z-index:10;position:relative}.fretboard-display-settings.is-immersive{z-index:60;position:fixed;top:14px;left:14px}.display-settings-trigger[aria-expanded=true]{color:#f4fbfc;background:#263c45;border-color:#79d8eead;box-shadow:inset 0 1px #c4f4ff14}.fretboard-display-settings-panel{z-index:30;color:#e7f0f2;-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);transform-origin:0 0;will-change:opacity, transform;background:#0c1217f5;border:1px solid #7eaebc4d;border-radius:7px;gap:14px;width:min(340px,100vw - 40px);padding:15px;display:grid;position:absolute;top:calc(100% + 9px);left:0;box-shadow:0 20px 48px #0000007a,inset 0 1px #ffffff0d}.fretboard-display-settings-panel[data-state=opening]{opacity:0;pointer-events:auto;transform:translateY(-6px)scale(.98)}.fretboard-display-settings-panel[data-state=open]{opacity:1;pointer-events:auto;transition:opacity var(--display-settings-enter-duration) var(--display-settings-enter-easing), transform var(--display-settings-enter-duration) var(--display-settings-enter-easing), border-color var(--display-settings-enter-duration) var(--display-settings-enter-easing), box-shadow var(--display-settings-enter-duration) var(--display-settings-enter-easing);transform:translateY(0)scale(1)}.fretboard-display-settings-panel[data-state=closing]{opacity:0;pointer-events:none;transition:opacity var(--display-settings-exit-duration) var(--display-settings-exit-easing), transform var(--display-settings-exit-duration) var(--display-settings-exit-easing), border-color var(--display-settings-exit-duration) var(--display-settings-exit-easing), box-shadow var(--display-settings-exit-duration) var(--display-settings-exit-easing);transform:translateY(-4px)scale(.985)}.display-settings-heading,.display-settings-slider-heading,.display-settings-preview{justify-content:space-between;align-items:center;gap:10px;display:flex}.display-settings-heading h4{color:#f3f8f9;margin:0;font-size:15px;font-weight:800}.display-settings-heading .eyebrow{margin-bottom:1px;font-size:9px}.display-settings-close{color:#aebdc2;background:#181f24db;border:1px solid #85959e42;border-radius:5px;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid}.display-settings-close:hover,.display-settings-close:focus-visible{color:#f2fbfd;border-color:#84dcf185}.display-settings-sliders{gap:13px;display:grid}.display-settings-slider{gap:5px;display:grid}.display-settings-slider-heading strong,.display-settings-slider-heading output{font-size:12px;font-weight:780}.display-settings-slider-heading output{color:#aee9f5;text-align:right;min-width:38px}.display-settings-slider small{color:#82979f;font-size:10px;line-height:1.35}.display-settings-slider input[type=range]{accent-color:#63d7ef;cursor:pointer;width:100%;height:18px;margin:0}.display-settings-slider input[type=range]:focus-visible,.display-settings-close:focus-visible,.display-settings-reset:focus-visible{outline-offset:2px;outline:2px solid #b6edf8}.display-settings-preview{color:#93a7ae;flex-wrap:wrap;justify-content:flex-start;padding-top:3px;font-size:10px}.display-settings-preview span{align-items:center;gap:5px;display:inline-flex}.display-settings-preview i{background:#58d8ff;border-radius:999px;width:10px;height:10px;display:inline-block}.display-settings-preview i.is-background{opacity:var(--fretboard-background-chord-opacity)}.display-settings-preview i.is-selected{opacity:var(--fretboard-selected-voicing-opacity);background:#ff6a4a}.display-settings-preview i.is-candidate{opacity:var(--fretboard-candidate-frame-opacity);background:#705cb066;border:1px solid #a793ee;border-radius:2px}.display-settings-reset{color:#c8d5d9;background:#171e23e6;border:1px solid #85959e47;border-radius:5px;min-height:32px;font-size:11px;font-weight:760;transition:background .12s ease-out,border-color .12s ease-out,transform 80ms ease-out}.display-settings-reset:hover{background:#1f3138f0;border-color:#7eccdf80}.display-settings-reset:active{transform:translateY(1px)}.compact-select{color:#9facb4;grid-template-columns:auto minmax(78px,auto);align-items:center;gap:6px;font-size:11px;font-weight:720;display:inline-grid}.compact-select select{color:#eaf0f2;background:linear-gradient(#181e24f7,#0e1217fa);border:1px solid #85959e47;border-radius:5px;outline:none;min-height:30px;padding:0 8px;transition:border-color .19s ease-out,background .19s ease-out,color .19s ease-out}.mode-switch{background:#11161b;border:1px solid #85959e47;border-radius:5px;display:inline-flex;overflow:hidden}.mode-switch button{color:#aebbc2;background:0 0;border:0;border-right:1px solid #85959e38;min-height:30px;padding:0 10px;font-size:12px;font-weight:720;transition:background .18s,color .18s}.mode-switch button:last-child{border-right:0}.mode-switch button.is-active{color:#f5fbfc;background:#263c45}.mode-switch button:disabled{cursor:not-allowed;color:#aebbc26b}.legend{color:#bfcacf;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:999px;width:11px;height:11px}.legend-root{background:#e98143;box-shadow:0 0 0 2px #e9814338}.legend-scale{background:#78dceb;box-shadow:0 0 0 2px #78dceb2e}.legend-fa{background:#ffb23e;box-shadow:0 0 0 2px #ff5b3d4d}.legend-si{background:#a8e6ff;box-shadow:0 0 0 2px #a8e6ff42}.legend-other{background:#687076;border:1px solid #c9d1d47a}.legend-line{background:#ff3b30;border-radius:999px;width:22px;height:3px}.fretboard-scroll{z-index:2;align-items:start;min-width:0;padding:10px 14px 14px;transition:background .22s ease-out,-webkit-backdrop-filter .22s ease-out,backdrop-filter .22s ease-out;display:grid;position:relative;overflow:auto}.fretboard-svg{--voicing-selected-border:#84e8ffb8;--voicing-octave-border:#70d6ef7a;--voicing-candidate-border:#978bde7a;--voicing-candidate-bg:#705cb00e;--voicing-candidate-hover-border:#bfb1ffdb;--voicing-candidate-hover-bg:#8067cb21;touch-action:none;width:100%;min-width:900px;height:auto;display:block}.fretboard-surface{fill:#0c151bf5;stroke:#9ad4e133;stroke-width:1.2px;filter:drop-shadow(0 16px 18px #00000057);opacity:1;transition:opacity .22s ease-out}.fret-marker{fill:#d8d1be47}.fret-marker-layer{pointer-events:none}.fret-reference-line{stroke:#58d8ff4d;stroke-dasharray:7 7;stroke-linecap:round;stroke-width:2.4px;filter:drop-shadow(0 0 8px #58d8ff38)}.fret-marker-ring{fill:#14100d47;stroke:#f2ebd229;stroke-width:1px}.fret-number,.string-label{fill:#c7d2d7;font-size:15px;font-weight:760}.string-label{fill:#dce5e8;font-size:18px}.guitar-string-shadow{stroke:#00000075;stroke-linecap:round}.guitar-string{stroke:url(#stringMetal);stroke-linecap:round}.fret-line{stroke:url(#fretMetal);stroke-width:2.2px;opacity:.78}.nut-line{stroke:url(#fretMetal);stroke-width:8px;stroke-linecap:round}.fret-ruler{color:#dbe6ea}.fret-ruler-track{cursor:pointer;stroke:#ffffff1f;stroke-linecap:round;stroke-width:9px}.fret-ruler-step{cursor:pointer;outline:none}.fret-ruler-hit-target{fill:#fff0}.fret-ruler-tick{pointer-events:none;stroke:#dce8ec57;stroke-linecap:round;stroke-width:1.2px;transition:stroke .18s ease-out,stroke-width .18s ease-out}.fret-ruler-label{fill:#dbe6ea9e;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:760;transition:fill .18s ease-out,opacity .18s ease-out}.fret-ruler-count{fill:#ffb083;pointer-events:none;font-size:9px;font-weight:860}.fret-ruler-step:hover .fret-ruler-tick,.fret-ruler-step:focus-visible .fret-ruler-tick,.fret-ruler-step.is-selected .fret-ruler-tick{stroke:#58d8ffdb;stroke-width:2px}.fret-ruler-step.is-voicing-anchor .fret-ruler-tick{stroke:#ff8b51d1;stroke-width:2.3px}.fret-ruler-step.is-voicing-anchor .fret-ruler-label{fill:#ffd1b9}.fret-ruler-step:hover .fret-ruler-label,.fret-ruler-step:focus-visible .fret-ruler-label,.fret-ruler-step.is-selected .fret-ruler-label{fill:#edf8fb}.fret-ruler-marker{cursor:grab;outline:none}.fret-ruler-marker.is-dragging{cursor:grabbing}.fret-ruler-marker-line{stroke:#ffffffb8;stroke-linecap:round;stroke-width:2.6px;pointer-events:none}.fret-ruler-marker-handle{fill:#58d8ff;stroke:#effcffe6;stroke-width:2px;filter:drop-shadow(0 0 8px #58d8ff75);transition:fill .18s ease-out,r .18s ease-out,filter .18s ease-out}.fret-ruler-marker:hover .fret-ruler-marker-handle,.fret-ruler-marker:focus-visible .fret-ruler-marker-handle,.fret-ruler-marker.is-dragging .fret-ruler-marker-handle{fill:#93ecff;r:9}.ghost-node{fill:#cfd7da29;transition:opacity .18s}.chord-tone-background-layer .fretboard-node{opacity:var(--fretboard-background-chord-opacity);transition:opacity .18s,filter .18s}.chord-tone-background-layer.is-dimmed .fretboard-node{opacity:var(--fretboard-background-chord-opacity)}.chord-tone-background-layer .fretboard-node.is-root,.chord-tone-background-layer.is-dimmed .fretboard-node.is-root{opacity:var(--fretboard-background-root-opacity)}.chord-tone-background-layer.is-dimmed .node-label{opacity:1}.voicing-quick-selection-layer,.voicing-candidate-preview-layer{pointer-events:none}.voicing-candidate-frame{cursor:pointer;outline:none}.voicing-candidate-frame-surface{fill:rgb(112 92 176/var(--fretboard-candidate-background-opacity));stroke:rgb(151 139 222/var(--fretboard-candidate-frame-opacity));stroke-dasharray:4 4;stroke-width:1.2px;transition:fill .15s,stroke .15s,stroke-width .15s,filter .15s}.voicing-candidate-frame:hover .voicing-candidate-frame-surface,.voicing-candidate-frame:focus-visible .voicing-candidate-frame-surface{fill:rgb(128 103 203/calc(var(--fretboard-candidate-hover-opacity) * .4));stroke:rgb(191 177 255/var(--fretboard-candidate-hover-opacity));stroke-width:1.8px;filter:drop-shadow(0 0 7px #9d89ee38)}.voicing-candidate-frame.is-overlapping .voicing-candidate-frame-surface{fill:#0000}.voicing-candidate-label{pointer-events:all}.voicing-candidate-label rect{fill:#1f1a31f0;stroke:rgb(151 139 222/var(--fretboard-candidate-frame-opacity));stroke-width:1px;transition:fill .15s,stroke .15s,filter .15s}.voicing-candidate-label text{fill:#dfd8ffe0;pointer-events:none;font-size:9px;font-weight:780}.voicing-candidate-label{opacity:var(--fretboard-candidate-label-opacity);transition:opacity .15s}.voicing-candidate-frame:hover .voicing-candidate-label rect,.voicing-candidate-frame:focus-visible .voicing-candidate-label rect{fill:#3c305efa;stroke:rgb(191 177 255/var(--fretboard-candidate-hover-opacity));filter:drop-shadow(0 0 6px #9d89ee3d)}.voicing-candidate-frame:hover .voicing-candidate-label,.voicing-candidate-frame:focus-visible .voicing-candidate-label{opacity:var(--fretboard-candidate-hover-opacity)}.voicing-candidate-frame:focus-visible .voicing-candidate-label rect{stroke-width:2px}.voicing-candidate-select-hint{opacity:0;transition:opacity .15s}.voicing-candidate-frame:hover .voicing-candidate-select-hint,.voicing-candidate-frame:focus-visible .voicing-candidate-select-hint{opacity:1}.voicing-candidate-preview-note,.voicing-candidate-preview-barre{pointer-events:none;opacity:var(--fretboard-candidate-preview-note-opacity);transition:opacity .15s}.voicing-candidate-preview-note circle{fill:#55d3efcc;stroke:#caf4fcd6;stroke-width:1.2px}.voicing-candidate-preview-note.is-root circle{fill:#ff7d49d6;stroke:#ffdccae6}.voicing-candidate-preview-note text{fill:#f5f1ff;font-size:8px;font-weight:800}.voicing-candidate-preview-note-name,.voicing-candidate-preview-finger,.voicing-candidate-string-state{opacity:0;transition:opacity .15s}.voicing-candidate-preview-finger{fill:#fff2e9;font-size:7px}.voicing-candidate-string-state{fill:#e1daf9e6;pointer-events:none;font-size:9px;font-weight:850}.voicing-candidate-string-state.is-open{fill:#9cecfff0}.voicing-candidate-preview-barre{stroke:#a491ebb3;stroke-linecap:round;stroke-width:8px}.voicing-candidate-frame:hover .voicing-candidate-preview-note,.voicing-candidate-frame:hover .voicing-candidate-preview-barre,.voicing-candidate-frame:focus-visible .voicing-candidate-preview-note,.voicing-candidate-frame:focus-visible .voicing-candidate-preview-barre,.voicing-candidate-preview.is-previewed .voicing-candidate-preview-note,.voicing-candidate-preview.is-previewed .voicing-candidate-preview-barre,.voicing-candidate-frame:hover .voicing-candidate-preview-note-name,.voicing-candidate-frame:hover .voicing-candidate-preview-finger,.voicing-candidate-frame:hover .voicing-candidate-string-state,.voicing-candidate-frame:focus-visible .voicing-candidate-preview-note-name,.voicing-candidate-frame:focus-visible .voicing-candidate-preview-finger,.voicing-candidate-frame:focus-visible .voicing-candidate-string-state,.voicing-candidate-preview.is-previewed .voicing-candidate-preview-note-name,.voicing-candidate-preview.is-previewed .voicing-candidate-preview-finger,.voicing-candidate-preview.is-previewed .voicing-candidate-string-state{opacity:var(--fretboard-candidate-hover-opacity)}.voicing-candidate-frame.is-rootless .voicing-candidate-label rect{stroke-dasharray:3 2}.voicing-candidate-frame.is-corrected .voicing-candidate-label rect{stroke-width:1.4px}.voicing-candidate-frame.is-derived .voicing-candidate-label rect{fill:#252d36f5;stroke-dasharray:2 2}.octave-voicing-layer .fretboard-node{opacity:1}.octave-voicing-projection{opacity:var(--fretboard-octave-projection-opacity);transition:opacity .18s}.octave-voicing-layer .fretboard-node .node-fill{filter:saturate(.9)drop-shadow(0 2px 6px #58d8ff33)}.voicing-focus-region.is-octave rect{fill:#4bcdf012;stroke:var(--voicing-octave-border);stroke-dasharray:5 4;filter:none}.voicing-focus-region.is-octave text,.voicing-indicators.is-octave .voicing-barre,.voicing-indicators.is-octave .voicing-barre-label{opacity:1}.voicing-focus-region rect{fill:#4bcdf021;stroke:var(--voicing-selected-border);stroke-width:1.4px;filter:drop-shadow(0 0 9px #58d8ff29)}.voicing-focus-region:not(.is-octave) rect{opacity:var(--fretboard-selected-candidate-opacity)}.voicing-focus-region text{fill:#b9effa;font-size:12px;font-weight:780}.voicing-focus-region:not(.is-octave) text{opacity:var(--fretboard-selected-label-opacity)}.selected-voicing-layer .node-fill,.selected-voicing-layer .node-ring{opacity:var(--fretboard-selected-voicing-opacity)}.selected-voicing-layer .node-label,.voicing-indicators:not(.is-octave) .voicing-muted,.voicing-indicators:not(.is-octave) .voicing-open,.voicing-indicators:not(.is-octave) .voicing-barre-label{opacity:var(--fretboard-selected-label-opacity)}.selected-voicing-layer .node-finger{opacity:var(--fretboard-selected-finger-opacity)}.voicing-indicators:not(.is-octave) .voicing-barre{opacity:var(--fretboard-selected-voicing-opacity)}.octave-selection-handle{cursor:pointer;outline:none}.octave-selection-handle rect{fill:#163038e6;stroke:var(--voicing-octave-border);stroke-width:1px}.octave-selection-handle text{fill:#c5f2fbd6;pointer-events:none;font-size:8px;font-weight:780}.octave-selection-handle:hover rect,.octave-selection-handle:focus-visible rect{fill:#23505bf5;stroke:var(--voicing-selected-border);stroke-width:2px}.voicing-muted,.voicing-open{font-size:15px;font-weight:880}.voicing-muted{fill:#f8e8e3db}.voicing-open{fill:#9cecff}.voicing-barre{stroke:#ff8a4cb3;stroke-linecap:round;stroke-width:12px;filter:drop-shadow(0 0 6px #ff6a4a52)}.voicing-barre-label{fill:#ffe4d6;font-size:11px;font-weight:880}.connection-layer .connection-hit-area{cursor:pointer;pointer-events:stroke;stroke:#fff0;stroke-linecap:round;stroke-width:22px}.connection-layer .connection-line{pointer-events:none;filter:drop-shadow(0 1px 5px #ff3b306b);transition:opacity .19s ease-out,stroke .19s ease-out,stroke-width .19s ease-out,filter .19s ease-out;animation:.21s ease-out both connection-in}.connection-item:hover .connection-line,.connection-hit-area:focus-visible+.connection-line,.connection-layer .connection-line.is-selected{stroke:#fff;stroke-width:5px;filter:drop-shadow(0 0 7px #ffffff7a)}.connection-control{fill:#111619f0;opacity:0;pointer-events:none;stroke:#ff6e52e6;stroke-width:2px;transition:opacity .15s,fill .15s,stroke .15s}.connection-item:hover .connection-control,.connection-control:focus-visible,.connection-control.is-selected{fill:#fff;opacity:1;stroke:#ff3b30}.connection-preview{pointer-events:none;stroke:#ff6e52c7;stroke-dasharray:8 7;stroke-linecap:round;stroke-width:3px;filter:drop-shadow(0 1px 5px #ff3b306b)}@keyframes connection-in{0%{opacity:0}to{opacity:1}}.fretboard-node{cursor:pointer;outline:none}.fretboard-node .node-fill,.fretboard-node .node-ring{transform-box:fill-box;transform-origin:50%;transition:fill .18s,opacity .18s,stroke .18s,stroke-width .18s,transform .18s,filter .18s}.fretboard-node .node-ring{fill:none;stroke-width:2px}.fretboard-node .node-label{pointer-events:none;fill:#071014;font-size:12px;font-weight:880;transition:fill .18s,opacity .18s}.fretboard-node .node-finger{fill:#fff8f3;paint-order:stroke;stroke:#200c07b8;stroke-width:2px;font-size:9px;font-weight:880}.fretboard-node.is-root .node-fill{fill:#ff6a4a;filter:drop-shadow(0 2px 7px #ff6a4a57)}.fretboard-node.is-root .node-ring{stroke:#ffe2cdc7}.fretboard-node.is-scale-tone .node-fill{fill:#58d8ff;filter:drop-shadow(0 2px 7px #58d8ff3d)}.fretboard-node.is-scale-tone .node-ring{stroke:#e5fcffbd}.fretboard-node.is-scale-guide.is-scale-fa .node-fill,.fretboard-node.is-uniform.is-scale-guide.is-scale-fa .node-fill{fill:#ffb23e;opacity:1;filter:drop-shadow(0 2px 8px #ff5b3d6b)}.fretboard-node.is-scale-guide.is-scale-fa .node-ring,.fretboard-node.is-uniform.is-scale-guide.is-scale-fa .node-ring{stroke:#ff6647;stroke-width:3px}.fretboard-node.is-scale-guide.is-scale-si .node-fill,.fretboard-node.is-uniform.is-scale-guide.is-scale-si .node-fill{fill:#a8e6ff;opacity:1;filter:drop-shadow(0 2px 8px #78d3ff61)}.fretboard-node.is-scale-guide.is-scale-si .node-ring,.fretboard-node.is-uniform.is-scale-guide.is-scale-si .node-ring{stroke:#e3f8ff;stroke-width:3px}.fretboard-node.is-other .node-fill{fill:#8a9099;opacity:.78}.fretboard-node.is-other .node-ring{stroke:#d5dde070}.fretboard-node.is-other .node-label{fill:#e5ebed}.fretboard-node.is-selected .node-ring{stroke:#fff;stroke-width:4px;filter:drop-shadow(0 0 5px #ffffff6b)}.fretboard-node.is-open-string .node-fill{filter:drop-shadow(0 2px 8px #141f2680)}.fretboard-node.is-open-string .node-ring{stroke-width:2.4px}.fretboard-node.is-open-string .node-label{font-size:11px}.fretboard-node.is-uniform .node-fill{fill:var(--note-uniform-color);opacity:.9;filter:drop-shadow(0 2px 7px #a0b4be2e)}.fretboard-node.is-uniform .node-ring{stroke:#eef5f76b}.fretboard-node.is-uniform .node-label{fill:#061014}.fretboard-node.is-uniform.is-highlight-note .node-fill{fill:var(--note-highlight-color);opacity:1;filter:drop-shadow(0 0 8px color-mix(in srgb, var(--note-highlight-color), transparent 42%))}.selected-voicing-layer .fretboard-node.is-uniform .node-fill{opacity:var(--fretboard-selected-voicing-opacity)}.fretboard-node.is-uniform.is-highlight-note .node-ring{stroke:#ffffffd6;stroke-width:3px}.fretboard-node:hover .node-fill,.fretboard-node:hover .node-ring{transform:scale(1.08)}.chord-dictionary{background:linear-gradient(#11151af5,#090c0ff7);border:1px solid #93a2ac3d;border-radius:7px;gap:12px;padding:15px;display:grid;box-shadow:0 24px 70px #0000005c,inset 0 1px #ffffff0a}.dictionary-header{justify-content:space-between;align-items:end;gap:16px;min-width:0;display:flex}.dictionary-header h3{color:#f2f5f6;letter-spacing:0;margin:0;font-size:22px;line-height:1.1}.dictionary-tools{justify-content:flex-end;align-items:center;gap:10px;display:flex}.dictionary-coverage{color:#82949d;white-space:nowrap;font-size:11px;font-weight:740}.dictionary-search{color:#9facb4;grid-template-columns:auto minmax(180px,280px);align-items:center;gap:8px;font-size:12px;font-weight:760;display:grid}.dictionary-search input{color:#edf3f5;background:linear-gradient(#181e24f7,#0e1217fa);border:1px solid #85959e47;border-radius:5px;outline:none;min-height:34px;padding:0 10px;transition:border-color .19s ease-out,background .19s ease-out}.dictionary-search input:hover{border-color:#88becf73}.dictionary-search input::placeholder{color:#aebbc273}.dictionary-filter-row{flex-wrap:wrap;gap:7px;display:flex}.dictionary-filter-row button,.dictionary-page-buttons button{color:#aebbc2;background:#11161b;border:1px solid #85959e47;border-radius:5px;min-height:30px;padding:0 10px;font-size:12px;font-weight:740;transition:background .19s ease-out,border-color .19s ease-out,color .19s ease-out,opacity .19s ease-out}.dictionary-filter-row button:hover,.dictionary-page-buttons button:hover:not(:disabled){color:#edf8fb;border-color:#88becf73}.dictionary-filter-row button.is-active{color:#f4fbfc;background:#263c45;border-color:#72c9df6b}.root-sort-row{border-bottom:1px solid #909ea821;padding-bottom:2px}.dictionary-review-tools{background:#251d2e6b;border:1px solid #b192d238;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:7px 8px;display:flex}.dictionary-review-toggle{color:#cbbbd9;white-space:nowrap;align-items:center;gap:7px;font-size:11px;font-weight:760;display:inline-flex}.dictionary-review-toggle input{accent-color:#b999d5}.dictionary-review-segment{gap:4px;display:flex}.dictionary-review-segment button{color:#ad9dbc;background:#100e14a8;border:1px solid #ae96c63d;border-radius:5px;min-height:28px;padding:0 9px;font-size:11px;font-weight:730}.dictionary-review-segment button.is-active{color:#eadcf7;background:#694c845c;border-color:#c4a6e880}.chord-card-grid{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px;display:grid}.chord-card{color:#edf4f6;text-align:left;background:linear-gradient(#181e24eb,#0c1014f5);border:1px solid #85959e3d;border-radius:7px;grid-template-rows:auto auto;gap:7px;min-height:108px;padding:12px 10px 10px;transition:transform .18s ease-out,border-color .19s ease-out,background .19s ease-out,box-shadow .19s ease-out;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 26px #0003,inset 0 1px #ffffff0a}.chord-card:hover,.chord-card.is-selected{background:linear-gradient(#1e2b32f5,#0d1419fa);border-color:#72c9df80;box-shadow:0 18px 34px #00000047,inset 0 0 0 1px #58d8ff1a}.chord-card:hover{transform:translateY(-1px)}.chord-card.is-selected:after{border-radius:inherit;content:"";pointer-events:none;border:1px solid #ff6a4a7a;position:absolute;inset:0}.chord-card.is-review-corrected{border-color:var(--review-corrected-border);background:linear-gradient(180deg, var(--review-corrected-bg), #120f17fa)}.chord-card.is-review-corrected:hover,.chord-card.is-review-corrected.is-selected{background:linear-gradient(#795b994d,#14111afa);border-color:#d2b3f0b8}.chord-card-heading{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.chord-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:82px;display:flex}.chord-review-badge,.chord-rootless-badge{letter-spacing:0;white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;min-height:18px;padding:1px 5px;font-size:9px;font-weight:800;line-height:1.2;display:inline-flex}.chord-review-badge{border-color:var(--review-corrected-border);color:var(--review-corrected-badge-text);background:var(--review-corrected-badge-bg)}.chord-rootless-badge{color:#a9dce2;background:#3a7d872e;border-color:#67bec957}.dictionary-load-error{color:#e2a5a5;border-left:2px solid #d37373;padding:4px 8px;font-size:11px}.chord-card-title{color:#f6fbfc;letter-spacing:0;font-size:16px;font-weight:840;line-height:1.1}.chord-card-degrees{color:#9fb3bd;letter-spacing:.02em;white-space:normal;align-self:start;min-height:16px;font-size:11px;font-weight:760;line-height:1.2}.string-ruler{pointer-events:auto}.string-ruler>line{stroke:#58d8ff5c;stroke-linecap:round;stroke-width:2px}.string-ruler-title{fill:#b7e7f1b8;font-size:11px;font-weight:780}.string-ruler-step{cursor:pointer;outline:none}.string-ruler-step circle{fill:#0c141ae6;stroke:#afced66b;stroke-width:1.3px;transition:fill .18s,stroke .18s,filter .18s}.string-ruler-step text{pointer-events:none;fill:#c8dbe0;font-size:11px;font-weight:820}.string-ruler-step:hover circle,.string-ruler-step:focus-visible circle,.string-ruler-step.is-selected circle{fill:#24515f;stroke:#8eeeff;filter:drop-shadow(0 0 6px #58d8ff52)}.string-ruler-step.is-selected text{fill:#f3fdff}.string-ruler-step.is-voicing-anchor circle{stroke:#ff965edb;stroke-width:2px}.string-ruler-step.is-voicing-anchor text{fill:#ffd8c2}.string-ruler-count{fill:#ffb083!important;font-size:9px!important}.string-ruler-all{cursor:pointer;outline:none}.string-ruler-all rect{fill:#0c141ae6;stroke:#afced66b}.string-ruler-all text{fill:#bcd2d8;font-size:9px;font-weight:820}.string-ruler-all:hover rect,.string-ruler-all:focus-visible rect,.string-ruler-all.is-selected rect{fill:#24515f;stroke:#8eeeff}.string-ruler-all.is-selected text{fill:#f3fdff}.voicing-navigator{background:#090e12e0;border-top:1px solid #909ea829;grid-template-columns:minmax(210px,.85fr) auto minmax(420px,2fr);align-items:center;gap:14px;min-width:0;padding:12px 16px 14px;display:grid}.voicing-navigator-summary{justify-content:space-between;align-items:center;gap:9px;min-width:0;display:flex}.voicing-navigator h4{color:#f3f8f9;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;line-height:1.1;overflow:hidden}.voicing-count{color:#9eddec;white-space:nowrap;font-size:11px;font-weight:780}.voicing-variant-controls{align-items:center;gap:6px;display:flex}.voicing-variant-controls button{color:#bfccd1;background:#161d22eb;border:1px solid #889ba54d;border-radius:5px;min-height:30px;padding:0 9px;font-size:11px;font-weight:760}.voicing-variant-controls button:hover:not(:disabled){color:#e8fbff;background:#224d589e;border-color:#76d9f0a8}.voicing-variant-controls button{width:32px;padding:0;font-size:22px;line-height:1}.voicing-variant-controls button:disabled{cursor:not-allowed;opacity:.36}.voicing-variant-controls strong{color:#dcebef;text-align:center;min-width:54px;font-size:12px}.voicing-details{grid-template-columns:repeat(4,minmax(82px,1fr));gap:6px 12px;min-width:0;margin:0;display:grid}.voicing-details div{min-width:0}.voicing-details dt{color:#708791;font-size:9px;font-weight:760}.voicing-details dd{color:#d5e3e7;text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:10px;font-weight:720;overflow:hidden}.voicing-details code{color:#aee7f3}.voicing-filter-empty{color:#a6b5bb;margin:0;font-size:11px}.chord-diagram-svg{width:100%;height:128px;display:block;overflow:visible}.diagram-string,.diagram-fret{stroke:#c8dae052;stroke-linecap:round;stroke-width:1.6px}.diagram-string{stroke:#dcebef61}.diagram-nut{stroke:#e4eef1c7;stroke-linecap:round;stroke-width:4.8px}.diagram-muted{fill:#e8eff2b8;font-size:11px;font-weight:820}.diagram-open{fill:#0a0f13f2;stroke:#e5eff2c7;stroke-width:1.7px}.diagram-open.diagram-dot-root{stroke:#ff8a4c;filter:drop-shadow(0 0 5px #ff8a4c57)}.diagram-dot{stroke:#eff9fcb8;stroke-width:1.2px}.diagram-dot-root{fill:#ff7a45;filter:drop-shadow(0 2px 6px #ff7a4557)}.diagram-dot-tone{fill:#62d9f2;filter:drop-shadow(0 2px 6px #62d9f23d)}.diagram-dot-muted-tone{fill:#87929a}.diagram-barre{stroke:#ff7a45e0;stroke-width:8.8px;filter:drop-shadow(0 2px 7px #ff7a453d)}.diagram-position{fill:#b4c5ccb8;font-size:10px;font-weight:780}.dictionary-empty{color:#8fa1aa;background:#11161b85;border:1px dashed #85959e3d;border-radius:7px;place-items:center;min-height:92px;font-size:13px;font-weight:720;display:grid}.dictionary-pagination{color:#9facb4;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:760;display:flex}.mode-content{gap:12px;display:grid}.scale-mode-content,.path-mode-content{background:#0b101594;border:1px solid #85959e33;border-radius:7px;justify-content:space-between;align-items:center;gap:16px;min-height:88px;padding:16px;display:flex}.scale-mode-content h3,.path-mode-content h3,.voicing-selector h3{color:#f2f5f6;margin:0;font-size:19px;line-height:1.15}.scale-mode-content>span,.path-mode-status span,.voicing-selector-header>span{color:#9bacb5;font-size:12px;font-weight:720}.path-mode-status{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.path-mode-status span{background:#171e24c2;border:1px solid #85959e33;border-radius:5px;padding:7px 9px}.path-control-summary{color:#dfecef;border-left:2px solid #58d8ff8a;gap:2px;padding:5px 0 5px 10px;font-size:13px;font-weight:760;display:grid}.path-control-summary small{color:#889ca6;font-size:11px;font-weight:650}.voicing-selector{background:#0a0f149e;border:1px solid #85959e33;border-radius:7px;gap:12px;padding:16px;display:grid}.voicing-selector-header{justify-content:space-between;align-items:end;gap:12px;display:flex}.voicing-card-row{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;display:grid}.voicing-card{color:#eef6f8;text-align:left;background:linear-gradient(#1a2228eb,#0c1116f5);border:1px solid #85959e42;border-radius:7px;grid-template-rows:auto 124px auto auto;gap:8px;min-height:268px;padding:12px;transition:border-color .18s,background .18s,transform .18s;display:grid}.voicing-card:hover,.voicing-card.is-selected{background:linear-gradient(#1d2f37f0,#0c1419fa);border-color:#72c9dfad}.voicing-card:hover{transform:translateY(-1px)}.voicing-card.is-selected{box-shadow:inset 0 0 0 1px #ff7a4575}.voicing-card-topline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.voicing-card-topline span{color:#f6fbfc;font-size:16px;font-weight:840}.voicing-card-topline small{color:#9fc0ca;font-size:11px;font-weight:720}.voicing-card code{color:#c4e8f0;letter-spacing:.04em;font-size:12px;font-weight:720}.voicing-card dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.voicing-card dl div{min-width:0}.voicing-card dt{color:#7f959f;font-size:10px;font-weight:740}.voicing-card dd{color:#dae8eb;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:11px;font-weight:740;overflow:hidden}.mini-chord-diagram{width:100%;height:124px;display:block}.voicing-empty{color:#8fa1aa;border:1px dashed #85959e3d;border-radius:6px;padding:14px;font-size:12px;font-weight:700}.dictionary-page-buttons{gap:8px;display:flex}.dictionary-page-buttons button:disabled{cursor:not-allowed;opacity:.46}@media (width<=1220px){.voicing-navigator{grid-template-columns:minmax(180px,.8fr) minmax(280px,1.2fr)}.voicing-details{grid-column:1/-1}}@media (width<=980px){.app-shell{grid-template-columns:1fr}.side-panel{min-height:auto}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.toolbar{grid-column:1/-1}}@media (width<=640px){.ambient-scene[data-visual-mode=standard]{--scene-image-opacity:.05;--scene-fallback-opacity:.24;--scene-vignette-opacity:.62;--scene-blur:14px;--scene-brightness:.38;--scene-saturation:.5;--scene-scale:1.06}.ambient-scene[data-visual-mode=standard] .ambient-scene-image{object-position:58% top;-webkit-mask-image:radial-gradient(148% 66% at 58% 0,#000 0%,#000000ad 42%,#0000 100%);mask-image:radial-gradient(148% 66% at 58% 0,#000 0%,#000000ad 42%,#0000 100%)}.app-shell{width:min(100vw - 20px,100%);margin:10px auto}.side-panel,.main-stage{padding:14px}.page-title,.dictionary-header,.fretboard-header,.fretboard-header-tools,.display-controls,.voicing-selector-header,.scale-mode-content,.path-mode-content{flex-direction:column;align-items:flex-start}.path-mode-status,.status-strip,.dictionary-pagination,.dictionary-tools,.legend{justify-content:flex-start}.dictionary-search{grid-template-columns:1fr;width:100%}.dictionary-search input{width:100%}.chord-card-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}.control-panel{grid-template-columns:1fr}.fretboard-scroll{padding:12px}.fretboard-title-row{flex-wrap:wrap;display:flex}.coordinate-anchor-status{white-space:normal;max-width:100%}.fretboard-display-settings-panel{left:0;right:auto}.voicing-navigator{grid-template-columns:1fr}.voicing-details{grid-column:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.fretboard-display-settings-panel,.fretboard-display-settings-panel[data-state=open],.fretboard-display-settings-panel[data-state=closing]{transition-duration:.01ms;transform:none}}