.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:#ffffffbf;cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:#ffffffbf}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:#000000bf}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:#000000bf}.shepherd-button:disabled{cursor:not-allowed}.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}.shepherd-cancel-icon{background:transparent;border:none;color:#808080bf;cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:#000000bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:#808080bf}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:#000000bf}.shepherd-title{color:#000000bf;display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}.shepherd-text{color:#000000bf;font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}.shepherd-content{border-radius:5px;outline:none;padding:0}.shepherd-element{background:#fff;border:none;border-radius:5px;box-shadow:0 1px 4px #0003;margin:0;max-width:400px;opacity:0;outline:none;padding:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}.shepherd-modal-overlay-container{fill:#000c}.shepherd-element.fret-atlas-tour{background:var(--surface-container);border:1px solid var(--outline);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0009;max-width:340px;font-family:var(--font-ui)}.shepherd-element.fret-atlas-tour .shepherd-content{padding:0}.shepherd-element.fret-atlas-tour .shepherd-text{color:var(--on-surface);font-size:15px;line-height:1.6;padding:16px 20px}.shepherd-element.fret-atlas-tour .shepherd-header{background:transparent;padding:16px 20px 0}.shepherd-element.fret-atlas-tour .shepherd-title{color:var(--on-primary);font-size:18px;font-weight:600}.shepherd-element.fret-atlas-tour .shepherd-cancel-icon{color:var(--on-surface-muted);font-size:24px;font-weight:400;opacity:1;transition:color .15s ease}.shepherd-element.fret-atlas-tour .shepherd-cancel-icon:hover{color:var(--on-primary)}.shepherd-element.fret-atlas-tour .shepherd-footer{padding:12px 20px 16px;border-top:1px solid var(--surface-container-high);display:flex;justify-content:flex-end;gap:8px}.shepherd-element.fret-atlas-tour .shepherd-button{background:var(--outline);border:none;border-radius:var(--radius-md);color:var(--on-surface);cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.shepherd-element.fret-atlas-tour .shepherd-button:hover{background:var(--outline-hover)}.shepherd-element.fret-atlas-tour .shepherd-button.tour-btn-primary{background:var(--success);color:#0a0a0a;font-weight:600}.shepherd-element.fret-atlas-tour .shepherd-button.tour-btn-primary:hover{background:var(--success-hover)}.shepherd-element.fret-atlas-tour .shepherd-button.tour-btn-secondary{background:transparent;color:var(--on-surface-muted)}.shepherd-element.fret-atlas-tour .shepherd-button.tour-btn-secondary:hover{background:var(--surface-container-high);color:var(--on-surface)}.shepherd-element.fret-atlas-tour .shepherd-button.tour-btn-skip{background:transparent;color:var(--on-surface-subtle);font-size:13px;padding:6px 12px}.shepherd-element.fret-atlas-tour .shepherd-button.tour-btn-skip:hover{background:#ffffff0d;color:var(--on-surface-muted)}.shepherd-element.fret-atlas-tour .shepherd-arrow{width:20px;height:10px;background:transparent}.shepherd-element.fret-atlas-tour .shepherd-arrow:before{content:"";position:absolute;width:0;height:0;border-style:solid;background:transparent;transform:none}.shepherd-element.fret-atlas-tour[data-popper-placement^=top] .shepherd-arrow:before{border-width:10px 10px 0 10px;border-color:var(--surface-container) transparent transparent transparent;top:0;left:0}.shepherd-element.fret-atlas-tour[data-popper-placement^=bottom] .shepherd-arrow:before{border-width:0 10px 10px 10px;border-color:transparent transparent var(--surface-container) transparent;bottom:0;left:0}.shepherd-element.fret-atlas-tour[data-popper-placement^=left] .shepherd-arrow{width:10px;height:20px}.shepherd-element.fret-atlas-tour[data-popper-placement^=left] .shepherd-arrow:before{border-width:10px 0 10px 10px;border-color:transparent transparent transparent var(--surface-container);left:0;top:0}.shepherd-element.fret-atlas-tour[data-popper-placement^=right] .shepherd-arrow{width:10px;height:20px}.shepherd-element.fret-atlas-tour[data-popper-placement^=right] .shepherd-arrow:before{border-width:10px 10px 10px 0;border-color:transparent var(--surface-container) transparent transparent;right:0;top:0}.sage-guide{display:flex;align-items:flex-start;gap:14px}.sage-avatar{width:48px;height:48px;border-radius:50%;border:2px solid var(--success);flex-shrink:0;background:var(--surface-container)}.sage-message{flex:1;padding-top:2px}.sage-message strong{color:var(--success)}.sage-message em{color:var(--on-surface-muted);font-style:normal}.sage-action{display:inline-block;background:#22c55e26;color:var(--success);padding:2px 8px;border-radius:var(--radius-sm);font-weight:500;margin-top:8px}.shepherd-element.fret-atlas-tour.tour-centered{max-width:400px}.tour-welcome-content{text-align:center;padding:8px 0}.tour-welcome-content .sage-avatar{width:72px;height:72px;margin:0 auto 16px;display:block}.tour-welcome-content h2{color:var(--on-primary);font-size:22px;font-weight:600;margin:0 0 12px}.tour-welcome-content p{color:var(--on-surface-muted);margin:0}.tour-complete-content{text-align:center;padding:8px 0}.tour-complete-content .sage-avatar{width:64px;height:64px;margin:0 auto 16px;display:block}.tour-complete-content h2{color:var(--success);font-size:20px;font-weight:600;margin:0 0 8px}.tour-complete-content p{color:var(--on-surface-muted);margin:0 0 8px}.shepherd-element.fret-atlas-tour .shepherd-content{position:relative}.tour-progress{position:absolute;top:12px;left:16px;color:var(--on-surface-subtle);font-size:11px;z-index:1}@media(max-width:767px){.tour-progress{top:10px;left:12px;font-size:10px}}.shepherd-element.fret-atlas-tour[data-popper-placement^=top]{margin-bottom:8px}.shepherd-element.fret-atlas-tour[data-popper-placement^=bottom]{margin-top:8px}.shepherd-element.fret-atlas-tour[data-popper-placement^=left]{margin-right:8px}.shepherd-element.fret-atlas-tour[data-popper-placement^=right]{margin-left:8px}.shepherd-modal-overlay-container{z-index:10000!important}.shepherd-element{z-index:10001!important}@keyframes shepherd-pulse{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.shepherd-target{animation:shepherd-pulse 1.5s ease-out infinite;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.shepherd-target{animation:none;box-shadow:0 0 0 3px #22c55e80}}@media(max-width:767px){.shepherd-element.shepherd-enabled.fret-atlas-tour{max-width:calc(100vw - 24px)}.shepherd-element.fret-atlas-tour .shepherd-text{padding:10px 12px;font-size:13px;line-height:1.5}.shepherd-element.fret-atlas-tour .shepherd-footer{padding:8px 12px 10px;gap:6px}.shepherd-element.fret-atlas-tour .shepherd-button{padding:6px 12px;font-size:13px}.shepherd-element.fret-atlas-tour .sage-avatar{width:32px;height:32px}.shepherd-element.fret-atlas-tour .sage-guide{gap:10px}.shepherd-element.fret-atlas-tour .sage-action{font-size:12px;padding:2px 6px;margin-top:6px}.shepherd-element.fret-atlas-tour .tour-welcome-content .sage-avatar{width:48px;height:48px;margin-bottom:12px}.shepherd-element.fret-atlas-tour .tour-welcome-content h2{font-size:16px;margin-bottom:8px}.shepherd-element.fret-atlas-tour .tour-welcome-content p{font-size:13px}}@media(prefers-reduced-motion:reduce){.shepherd-element.fret-atlas-tour,.shepherd-element.fret-atlas-tour .shepherd-button{transition:none}}._header_15gjy_3{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--header-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--outline-ghost);position:sticky;top:0;z-index:50}._brand_15gjy_18{display:flex;align-items:center;gap:0;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--primary);letter-spacing:.02em}._brandMobile_15gjy_30{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit}._brandIcon_15gjy_38{width:22px;height:22px;object-fit:contain;flex-shrink:0}._brandDesktop_15gjy_45{display:none;align-items:center;gap:var(--space-6)}._modeTab_15gjy_51{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--on-surface-muted);text-decoration:none;padding:4px 0;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}._modeTab_15gjy_51:hover{color:var(--on-surface)}._modeTabActive_15gjy_66{color:var(--on-surface);font-weight:600;border-bottom-color:var(--primary)}@media(min-width:768px){._brandMobile_15gjy_30{display:none}._brandDesktop_15gjy_45{display:flex}}._menuButton_15gjy_83{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:var(--radius-md);transition:background-color .15s ease}._menuButton_15gjy_83:hover{background:#ffffff14}._hamburger_15gjy_101{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px}._hamburgerLine_15gjy_109{display:block;width:100%;height:2px;background-color:var(--on-surface);border-radius:1px}._overlay_15gjy_118{position:fixed;inset:0;background:#00000080;z-index:998;opacity:1;transition:opacity .2s ease}._drawer_15gjy_128{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:85vw;background:var(--surface-container);border-left:1px solid var(--surface-container-high);z-index:999;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column}._drawerOpen_15gjy_144{transform:translate(0)}._drawerHeader_15gjy_148{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--surface-container-high)}._drawerBrand_15gjy_156{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:.9375rem;font-weight:600;color:var(--on-surface-muted);letter-spacing:.01em}._drawerBrandIcon_15gjy_167{height:22px;width:auto}._closeButton_15gjy_172{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-md);transition:background-color .15s ease}._closeButton_15gjy_172:hover{background:#ffffff14}._closeIcon_15gjy_189{font-size:1.5rem;color:var(--on-surface-muted);line-height:1}._navList_15gjy_196{list-style:none;margin:0;padding:12px 0;flex:1}._navLink_15gjy_203{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;color:var(--on-surface-muted);text-decoration:none;font-family:var(--font-ui);font-size:.9375rem;font-weight:500;transition:all .15s ease;border:none;border-left:3px solid transparent;background:transparent;cursor:pointer;text-align:left}._navLink_15gjy_203:hover{color:var(--on-surface);background:#ffffff0a}._navLinkActive_15gjy_227{color:var(--primary);border-left-color:var(--primary);background:var(--primary-bg)}._navLinkDisabled_15gjy_233{color:var(--outline-hover);cursor:default}._navLinkDisabled_15gjy_233:hover{color:var(--outline-hover);background:transparent}._comingSoon_15gjy_243{margin-left:auto;font-size:var(--text-label-sm);font-weight:500;color:var(--outline-hover);text-transform:uppercase;letter-spacing:.03em}._githubIcon_15gjy_252{width:18px;height:18px}._drawerFooter_15gjy_258{padding:12px 20px;border-top:1px solid var(--surface-container-high)}._drawerVersion_15gjy_263{display:block;font-size:10px;color:var(--on-surface-subtle);text-transform:uppercase;letter-spacing:.08em;padding-bottom:8px}._themeToggle_15gjy_272{display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;background:transparent;border:none;cursor:pointer;color:var(--on-surface-muted);font-family:var(--font-ui);font-size:.875rem;font-weight:500;transition:color .15s ease}._themeToggle_15gjy_272:hover{color:var(--on-surface)}._themeIcon_15gjy_292{display:flex;align-items:center;justify-content:center;width:18px;height:18px}@media(max-width:767px){._header_15gjy_3{padding:0 16px}._brand_15gjy_18{font-size:.875rem}._drawer_15gjy_128{width:260px}}@media(prefers-reduced-motion:reduce){._drawer_15gjy_128,._overlay_15gjy_118,._menuButton_15gjy_83,._closeButton_15gjy_172,._navLink_15gjy_203,._modeTab_15gjy_51{transition:none}}._shell_2gvpr_3{display:flex;min-height:100vh}._sidebar_2gvpr_10{display:none;flex-direction:column;width:240px;min-height:100vh;background:var(--surface-container);border-right:1px solid var(--outline-ghost);padding:16px 0;position:fixed;top:0;left:0;bottom:0;z-index:100}._sidebarBrand_2gvpr_25{display:flex;align-items:center;gap:10px;padding:8px 20px 24px;text-decoration:none}._sidebarLogo_2gvpr_33{width:28px;height:28px;object-fit:contain;flex-shrink:0}._sidebarBrandName_2gvpr_40{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--primary);letter-spacing:.02em}._sidebarNav_2gvpr_48{display:flex;flex-direction:column;gap:2px;flex:1}._sidebarFooter_2gvpr_55{margin-top:auto;padding:16px 20px;border-top:1px solid var(--outline-ghost)}._sidebarVersion_2gvpr_61{font-size:10px;color:var(--on-surface-subtle);text-transform:uppercase;letter-spacing:.08em}._sidebarLink_2gvpr_68{display:flex;align-items:center;gap:10px;padding:10px 20px;background:transparent;border:none;border-left:3px solid transparent;color:var(--on-surface-muted);text-decoration:none;font-family:var(--font-ui);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .15s ease;width:100%}._sidebarLink_2gvpr_68:hover{color:var(--on-surface);background:#ffffff0a}._sidebarLinkActive_2gvpr_91{color:var(--primary);border-left-color:var(--primary);background:var(--primary-bg)}._main_2gvpr_99{flex:1;display:flex;flex-direction:column;min-height:100vh}._content_2gvpr_106{flex:1;display:flex;flex-direction:column}._bottomTabs_2gvpr_114{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--bottomtabs-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--outline-ghost);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:100;padding:4px 8px;padding-bottom:calc(4px + env(safe-area-inset-bottom,0px));gap:4px}._tab_2gvpr_131{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;padding:6px 0;background:transparent;border:none;color:var(--on-surface-muted);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-md)}._tab_2gvpr_131:hover{color:var(--on-surface)}._tabActive_2gvpr_151{color:var(--primary);background:var(--primary-bg)}._tabLabel_2gvpr_156{font-family:var(--font-ui);font-size:9px;font-weight:600;letter-spacing:.02em}._libraryIconWrap_2gvpr_165{position:relative;display:inline-flex}._matchDot_2gvpr_170{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:var(--primary);animation:_matchPulse_2gvpr_1 2s ease-in-out infinite}@keyframes _matchPulse_2gvpr_1{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@media(min-width:768px){._sidebar_2gvpr_10{display:flex}._main_2gvpr_99{margin-left:240px}._bottomTabs_2gvpr_114{display:none}}@media(max-width:767px){._main_2gvpr_99{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}._main_2gvpr_99::-webkit-scrollbar{display:none}._content_2gvpr_106{flex:none}}@media(prefers-reduced-motion:reduce){._sidebarLink_2gvpr_68,._tab_2gvpr_131{transition:none}}:root,[data-theme=dark]{--surface-base: #000000;--surface: #0a0a0a;--surface-container: #161616;--surface-container-high: #1e1e1e;--surface-bright: #2c2c2c;--surface-input: #1a1a1a;--on-surface: #e5e5e5;--on-surface-muted: #a3a3a3;--on-surface-subtle: #737373;--on-primary: #ffffff;--primary: #3b82f6;--primary-hover: #2563eb;--primary-dim: #1d4ed8;--primary-bg: rgba(59,130,246,.15);--interval-root: #ef4444;--interval-third: #3b82f6;--interval-fifth: #22c55e;--interval-seventh: #eab308;--interval-extension: #a855f7;--fretboard-wood: #3d3533;--fretboard-fret: #d4d4d8;--fretboard-nut: #fafaf9;--fretboard-string: #d4d4d8;--fretboard-marker: #292524;--fretboard-background: #1c1917;--success: #22c55e;--success-hover: #16a34a;--danger: #ef4444;--outline-ghost: rgba(72,72,71,.15);--outline: #404040;--outline-hover: #525252;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-display-lg: 3.5rem;--text-headline-md: 1.75rem;--text-title-md: 1.125rem;--text-body-md: .875rem;--text-body-sm: .8125rem;--text-label-sm: .6875rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-ambient: 0px 20px 40px rgba(59,130,246,.06);--shadow-elevated: 0px 8px 24px rgba(0,0,0,.3);--shadow-card: 0px 1px 3px rgba(0,0,0,.2);--header-glass: rgba(0,0,0,.8);--bottomtabs-glass: rgba(0,0,0,.85)}[data-theme=light]{--surface-base: #ffffff;--surface: #f5f5f5;--surface-container: #ebebeb;--surface-container-high: #e0e0e0;--surface-bright: #d6d6d6;--surface-input: #e0e0e0;--on-surface: #1a1a1a;--on-surface-muted: #525252;--on-surface-subtle: #737373;--outline-ghost: rgba(0,0,0,.08);--outline: #d4d4d4;--outline-hover: #a3a3a3;--shadow-ambient: 0px 20px 40px rgba(59,130,246,.04);--shadow-elevated: 0px 8px 24px rgba(0,0,0,.1);--shadow-card: 0px 1px 3px rgba(0,0,0,.08);--header-glass: rgba(255,255,255,.8);--bottomtabs-glass: rgba(255,255,255,.85)}:root{font-family:var(--font-ui);line-height:1.5;font-weight:400;color-scheme:dark;color:var(--on-primary);background-color:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}button{font-family:inherit;font-size:inherit;cursor:pointer}select{font-family:inherit}