:root{--bg-primary:#111418;--bg-secondary:#1c1f26;--bg-tertiary:#1c1f26;--bg-elevated:#1c1f26;--bg-surface:#eaeaea;--text-primary:#eaeaea;--text-secondary:#b0b0b0;--text-muted:#8a8a8a;--text-accent:#5dade2;--text-dark:#111418;--primary-accent:#5dade2;--primary-alpha:#5dade233;--secondary-accent:#89cff0;--accent-primary:#5dade2;--accent-secondary:#89cff0;--accent-warm:#5dade2;--accent-highlight:#89cff0;--fretboard-lines:#303841;--fretboard-wood:linear-gradient(135deg,#1c1f26,#242932 50%,#1c1f26);--fretboard-note-active:#5dade2;--fretboard-note-glow:#5dade24d;--success:#4ecdc4;--warning:#f4d03f;--error:#e74c3c;--info:#5dade2;--hover-overlay:#5dade21a;--active-overlay:#89cff026;--focus-ring:#5dade266;--shadow-minimal:#0000001a;--gradient-surface:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);--gradient-header:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);--shadow-sm:0 1px 2px #0000001a;--shadow-md:0 2px 4px #0000001a;--shadow-lg:0 4px 8px #00000026;--shadow-xl:0 8px 16px #0003;--shadow-glow:0 0 8px var(--fretboard-note-glow);--border-color:#2f3440;--spacing-xs:0.25rem;--spacing-sm:0.4rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--font-display:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--hx-font-display:var(--font-display);--hx-font-primary:var(--font-primary);--hx-font-mono:var(--font-mono);--hx-line-normal:1.5;--hx-line-loose:1.75;--hx-surface-base:var(--bg-primary);--hx-surface-raised:var(--bg-elevated);--hx-surface-overlay:var(--bg-tertiary);--hx-text-primary:var(--text-primary);--hx-text-secondary:var(--text-secondary);--hx-text-muted:var(--text-muted);--hx-c-primary-300:#89cff0;--hx-c-primary-400:#6dbbe9;--hx-c-primary-500:#5dade2;--hx-c-primary-600:#0b6fb8;--hx-c-secondary-400:#89cff0;--hx-c-secondary-500:#5dade2;--hx-c-neutral-100:#f7fafc;--hx-c-neutral-150:#eff3f9;--hx-c-neutral-200:#e5eaf1;--hx-c-neutral-300:#d0d7e2;--hx-c-success-600:#22c55e;--hx-c-warning-600:#eab308;--hx-c-error-600:#ef4444;--hx-c-info-600:#0ea5e9;--hx-border:var(--border-color);--hx-border-subtle:color-mix(in srgb,var(--border-color) 70%,#0000);--hx-shadow-0:0 0 0 1px color-mix(in srgb,var(--border-color) 35%,#0000);--hx-shadow-1:var(--shadow-sm);--hx-shadow-2:var(--shadow-md);--hx-shadow-3:var(--shadow-lg);--hx-shadow-4:var(--shadow-xl);--hx-hover-fill:#5dade214;--hx-active-fill:#5dade21f;--hx-selected-fill:#89cff01f;--hx-focus-ring-color:#5dade266;--hx-ease-standard:cubic-bezier(0.4,0,0.2,1);--hx-ease-exit:cubic-bezier(0.2,0,0,1);--hx-card-gradient:linear-gradient(180deg,var(--hx-surface-raised),var(--hx-surface-raised));--hx-glow-weak:0 0 0 2px color-mix(in srgb,var(--hx-c-primary-500) 30%,#0000);--home-footer-bg:linear-gradient(135deg,#202a3ad9,#141822e0);--home-footer-border:#ffffff14;--home-footer-shadow:0 18px 40px #080c1447;--home-footer-heading-color:var(--text-primary);--home-footer-text-color:var(--text-secondary);--home-footer-note-color:#ffffff8c;--home-footer-link-color:var(--text-accent);--home-footer-cta-bg:#ffffff14;--home-footer-cta-border:#ffffff29;--home-footer-cta-text:var(--text-primary);--home-footer-cta-shadow:0 12px 24px #00000040;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1);color-scheme:light dark}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);line-height:1.6;margin:0;overflow-x:hidden;padding:0}.cursor-pointer,[onclick],[role=button],[role=link],a,a:focus,a:hover,button,button:focus,button:hover{cursor:pointer}.cursor-not-allowed,[disabled],button:disabled{cursor:not-allowed}.page-inner{margin:0 auto;max-width:1200px;padding:0 var(--spacing-lg);width:100%}.page-inner-wide{margin:0 auto;max-width:none;padding:0 24px;width:100%}.full-bleed{width:100%}.bleed-contained{margin:0 auto;max-width:1440px;padding-left:24px;padding-right:24px;width:100%}@media (min-width:1536px){.bleed-contained{max-width:1600px;padding-left:32px;padding-right:32px}}@media (max-width:768px){.bleed-contained{padding-left:16px;padding-right:16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--fretboard-lines);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-accent)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--focus-ring);outline-offset:2px}button{background:var(--bg-elevated);border:1px solid #0000;border-radius:var(--radius-md);box-shadow:none;color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all var(--transition-normal)}button:hover{background:var(--primary-accent);box-shadow:var(--shadow-glow);color:var(--text-dark);transform:none}button:active{background:var(--secondary-accent);transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.5}button:disabled,button:disabled:hover{background:var(--bg-tertiary);color:var(--text-muted)}button:disabled:hover{box-shadow:none;transform:none}.button-primary{background:var(--p);border:1px solid color-mix(in srgb,var(--p) 80%,#0000);border-radius:9999px;box-shadow:0 0 0 2px color-mix(in srgb,var(--p) 20%,#0000) inset;color:var(--pc);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 14px;transform:translateY(-1px);transition:all .15s ease}.button-primary:hover{background:var(--accent-secondary);border-color:color-mix(in srgb,var(--accent-secondary) 80%,#0000);box-shadow:0 6px 16px #00000026,0 0 0 2px color-mix(in srgb,var(--accent-secondary) 20%,#0000) inset;color:var(--pc);transform:translateY(-2px)}.container{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.card{background:var(--bg-secondary);border:1px solid var(--fretboard-lines);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.section{padding:var(--spacing-lg) 0}.section-sm{padding:var(--spacing-md) 0}.text-display{color:var(--text-primary);font-family:var(--font-display);font-weight:600}.text-accent{color:var(--text-accent)}.text-muted{color:var(--text-muted)}.text-center{text-align:center}@media (max-width:768px){:root{--spacing-lg:1rem;--spacing-xl:1.5rem}body{font-size:14px}.container{padding:0 var(--spacing-sm)}button{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width:768px) and (orientation:landscape){.section{padding:var(--spacing-md) 0}.section-sm{padding:var(--spacing-sm) 0}}@media (min-width:769px) and (max-width:1024px){.container{max-width:95%}}@media (min-width:1025px){.container{max-width:1200px;padding:0 var(--spacing-lg)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){body{-webkit-font-smoothing:subpixel-antialiased}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}button{transition:none}}@media print{body{background:#fff;color:#000}.no-print{display:none}}@media screen and (min-width:1024px){.container{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}}@media (prefers-reduced-motion:no-preference){.app-container,.card,.page-inner,.page-inner-wide,.topbar-container,body,html{transition:background-color var(--transition-normal),color var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}}@media screen and (min-width:1216px){.container{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}}@media screen and (min-width:1408px){.container{margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}}html[data-theme=dark]{--hx-surface-base:var(--bg-primary);--hx-surface-raised:var(--bg-elevated);--hx-surface-overlay:var(--bg-tertiary);--hx-text-primary:var(--text-primary);--hx-text-secondary:var(--text-secondary);--hx-text-muted:var(--text-muted);color-scheme:dark}html[data-theme=light]:not(.daisy-active){--bg-primary:#fff;--bg-secondary:#f7fafc;--bg-tertiary:#fff;--bg-elevated:#fff;--bg-surface:#fff;--text-primary:#111418;--text-secondary:#384152;--text-muted:#6b7280;--text-accent:#0b6fb8;--text-dark:#111418;--primary-accent:#5dade2;--primary-alpha:#5dade226;--secondary-accent:#89cff0;--accent-primary:#5dade2;--accent-secondary:#89cff0;--accent-warm:#5dade2;--accent-highlight:#89cff0;--fretboard-lines:#d0d7e2;--fretboard-wood:linear-gradient(135deg,#f3f4f6,#e5e7eb 50%,#f3f4f6);--fretboard-note-active:#5dade2;--fretboard-note-glow:#5dade240;--success:#22c55e;--warning:#eab308;--error:#ef4444;--info:#0ea5e9;--hover-overlay:#5dade214;--active-overlay:#89cff01f;--focus-ring:#5dade266;--gradient-surface:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);--gradient-header:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 4px #00000014;--shadow-lg:0 4px 8px #0000001f;--shadow-xl:0 8px 16px #0000002e;--shadow-glow:0 0 8px #5dade240;--border-color:#d0d7e2;color-scheme:light}.view-mode-toggle-button.active{background:#1c1f26!important;color:#8a8a8a!important}.controls-container,.tempo-metronome-section{background:#0000}.app-container{-webkit-font-smoothing:antialiased;background-image:linear-gradient(135deg,#1c1f26,#242932);color:#eaeaea;display:flex;flex-direction:column;font-family:Inter,-apple-system,"system-ui",Segoe UI,Roboto,sans-serif;gap:16px;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0;text-rendering:optimizeLegibility;width:100%}html[data-theme=dark]:not(.daisy-active) .app-container{background-image:none!important;background:var(--bg-primary)!important}html[data-theme=light]:not(.daisy-active) .app-container{background:#0000!important;color:#0b1220!important}.exercise-content{display:flex;flex:1;flex-direction:column;gap:16px;max-width:100%;width:100%}.stack-xs>*+*{margin-top:var(--spacing-xs)}.stack-sm>*+*{margin-top:var(--spacing-sm)}.stack-md>*+*{margin-top:var(--spacing-md)}.stack-lg>*+*{margin-top:var(--spacing-lg)}.stack-xl>*+*{margin-top:var(--spacing-xl)}.content-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;max-width:100%;padding:var(--spacing-sm);width:100%}.container{display:none}.fretboard-section,.selector-section{background:var(--bg-secondary);border:1px solid var(--fretboard-lines);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0;padding:var(--spacing-sm);width:100%}.fretboard-section{align-items:stretch;display:flex;flex-direction:column;overflow:hidden}.guitar-container{align-items:flex-start;display:flex;justify-content:flex-start}.guitar-container #guitar-1,.guitar-container .guitar,.guitar-container .harmonic-explorer-guitar{display:block!important;left:0!important;margin:0!important;position:static!important;right:auto!important;transform:none!important}.guitar-container svg,.harmonic-explorer-guitar .frame,.harmonic-explorer-guitar .fretboard,.harmonic-explorer-guitar .strings{margin-left:0!important;transform:none!important}@media (max-width:900px){.guitar-container{text-align:left}.harmonic-explorer-guitar .frame,.harmonic-explorer-guitar .fretboard,.harmonic-explorer-guitar .strings{margin-left:0!important}}.controls-section{background:var(--bg-secondary);border:1px solid var(--fretboard-lines);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0;padding:var(--spacing-sm);width:100%}.view-mode-selector{align-items:center;background:var(--bg-primary);border:1px solid var(--fretboard-lines);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:8px;padding:4px}.view-mode-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:36px}.view-mode-button:hover:not(:disabled){background:var(--bg-hover);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.view-mode-button.active{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.view-mode-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.view-mode-icon{font-size:16px;font-weight:600;line-height:1;text-align:center;user-select:none}.view-mode-button:first-child .view-mode-icon,.view-mode-button:nth-child(2) .view-mode-icon{font-size:18px;font-weight:700}.view-mode-button:nth-child(3) .view-mode-icon{font-size:14px;font-style:italic;font-weight:800}.view-mode-button:nth-child(4) .view-mode-icon{font-size:20px;font-weight:400}.view-mode-button.active:before{background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:var(--radius-md);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.view-mode-button.active:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-3px)}.view-mode-controls{align-items:center;display:flex;gap:8px}.view-mode-toggle-group{align-items:center;display:flex;gap:4px}.view-mode-controls .view-mode-toggle-button,button.view-mode-toggle-button{align-items:center!important;background:#1c1f26!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:#8a8a8a!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;margin:0!important;outline:none!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:all .2s ease!important;width:32px!important}.view-mode-controls .view-mode-toggle-button:hover:not(:disabled),button.view-mode-toggle-button:hover:not(:disabled){background:#8a8a8a!important;box-shadow:none!important;color:#1c1f26!important;transform:none!important}.metronome-button.view-mode-button.active,.view-mode-controls .view-mode-toggle-button.active,.view-mode-controls .view-mode-toggle-button[aria-pressed=true],.view-mode-toggle-button.active,.view-mode-toggle-button[aria-pressed=true],button.view-mode-toggle-button.active,button.view-mode-toggle-button[aria-pressed=true]{background:#1c1f26!important;border:none!important;color:#8a8a8a!important}.view-mode-toggle-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.view-mode-toggle-button .view-mode-icon{align-items:center;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;line-height:1;text-align:center;user-select:none;width:100%}.view-mode-toggle-button .view-mode-icon svg{display:block}.view-mode-toggle-button:first-child .view-mode-icon,.view-mode-toggle-button:nth-child(2) .view-mode-icon{transform:translateY(1px)}.view-mode-toggle-button:nth-child(3) .view-mode-icon{font-weight:700}.view-mode-toggle-button:nth-child(4) .view-mode-icon{transform:translateY(-1px)}.view-mode-toggle-button.active:before,.view-mode-toggle-button[aria-pressed=true]:before{display:none!important}.view-mode-toggle-button.active:hover:not(:disabled),.view-mode-toggle-button[aria-pressed=true]:hover:not(:disabled){background:#8a8a8a!important;box-shadow:none!important;color:#1c1f26!important;transform:none!important}.view-mode-toggle-button:nth-child(3).active,.view-mode-toggle-button:nth-child(3)[aria-pressed=true]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary))!important;box-shadow:var(--shadow-lg)!important;color:#fff!important;transform:translateY(-2px)!important}.dropdown-container{flex-direction:column}.dropdown-container,.dropdown-row{display:flex;gap:var(--spacing-sm);width:100%}.dropdown-row{align-items:flex-end;flex-wrap:wrap;justify-content:space-between}.dropdown-group{display:flex;flex:1;flex-direction:column;gap:var(--spacing-xs);min-width:140px}.dropdown-label{color:var(--text-secondary);font-size:.7rem;font-weight:600;letter-spacing:.3px;line-height:1;margin-bottom:2px;text-transform:uppercase}.dropdown-select,.select select{appearance:none;background:var(--bg-elevated);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23EAEAEA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right var(--spacing-xs) center;background-repeat:no-repeat;background-size:1.2em 1.2em;border:1px solid var(--fretboard-lines);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;height:32px;min-width:140px;padding:var(--spacing-xs) var(--spacing-md);padding-right:2rem;position:relative;transition:all var(--transition-normal)}.dropdown-select:hover,.select select:hover{background-color:var(--bg-tertiary);border-color:var(--primary-accent);box-shadow:none;transform:none}.dropdown-select:focus,.select select:focus{background-color:var(--bg-tertiary);border-color:var(--primary-accent);box-shadow:0 0 0 2px var(--focus-ring);outline:none}.dropdown-select:disabled,.select select:disabled{background-color:var(--bg-secondary);border-color:var(--text-muted);cursor:not-allowed;opacity:.5}.dropdown-select option,.select select option{background:var(--bg-elevated);color:var(--text-primary);padding:var(--spacing-xs)}.select{display:inline-block;position:relative}.select:not(.is-multiple):not(.is-loading):after{display:none}.select.is-rounded select{border-radius:var(--radius-sm)}.section{padding:0;width:100%}.fretboard-container{-webkit-overflow-scrolling:touch;display:flex;justify-content:flex-start;margin:0;min-width:100%;overflow:hidden;padding:0;width:100%}.page-inner-wide+.page-inner-wide .controls-container,.page-inner-wide+.page-inner-wide .controlsContainer{margin-top:0!important}@media (max-width:900px){.page-inner-wide+.page-inner-wide+.page-inner-wide{margin-top:4px!important}}.fretboard-container svg{height:auto;margin:0 auto;min-width:max-content;width:auto}.paypal-button-container{bottom:var(--spacing-sm);left:var(--spacing-sm);position:absolute;z-index:10}.controls-container{align-items:center;background:var(--bg-secondary);border:1px solid var(--fretboard-lines);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;gap:var(--spacing-md);justify-content:space-between;min-height:96px;padding:var(--spacing-sm);position:relative}.transport-section{align-items:center;display:flex;justify-content:center}.tempo-metronome-section{bottom:8px;position:absolute;right:8px;z-index:10}.metronome-tempo-section,.tempo-metronome-section{align-items:center;display:flex;gap:var(--spacing-sm)}.metronome-tempo-section{margin-left:auto}.metronome-button{align-items:center!important;border:none!important;border-radius:6px!important;cursor:pointer!important;display:flex!important;justify-content:center!important;transition:color .2s ease!important}.metronome-button,.metronome-button.active,.metronome-button.active:hover:not(:disabled),.metronome-button:hover:not(:disabled),.metronome-button[aria-pressed=true],.metronome-button[aria-pressed=true]:hover:not(:disabled){background:#0000!important;color:inherit!important}.metronome-button{align-items:center;display:flex;height:36px!important;justify-content:center;min-width:36px!important;transition:all .2s ease-in-out}.metronome-button:hover{background-color:#3b82f61a!important;transform:scale(1.05)}.metronome-button:active{transform:scale(.95)}.metronome-button svg{transition:all .2s ease-in-out}.text-blue-500{color:#3b82f6!important}.text-gray-400{color:#9ca3af!important}.text-gray-300{color:#d1d5db!important}.scale-110{transform:scale(1.1)}.drop-shadow-lg{filter:drop-shadow(0 10px 8px rgb(0 0 0/.04)) drop-shadow(0 4px 3px rgb(0 0 0/.1))}.transition-all{transition-property:all}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tempo-controls{align-items:center;display:flex;gap:var(--spacing-xs);min-width:120px}@media (max-width:850px){.tempo-controls{flex-shrink:1;min-width:100px}}@media (max-width:375px){.tempo-controls{min-width:80px}.tempo-label{font-size:.7rem;min-width:26px}}.tempo-label{color:var(--text-accent);font-size:.75rem;font-weight:600;min-width:30px;text-align:right}.tempo-controls .range{background-size:0;border-radius:999px;height:.45rem}.tempo-controls .range::-webkit-slider-thumb{height:.7rem;width:.7rem}.tempo-controls .range::-moz-range-thumb{height:.7rem;width:.7rem}.tempo-slider{flex-direction:column;max-width:300px;width:100%}.tempo-slider,.tempo-slider label{align-items:center;display:flex;gap:var(--spacing-xs)}.tempo-slider label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.slider{-webkit-appearance:none;appearance:none;background:var(--fretboard-lines);border-radius:var(--radius-full);height:6px;outline:none;transition:all var(--transition-normal);width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--primary-accent);border:1px solid var(--fretboard-lines);border-radius:50%;box-shadow:var(--shadow-glow);cursor:pointer;height:16px;transition:all var(--transition-normal);width:16px}.slider::-webkit-slider-thumb:hover{background:var(--secondary-accent);box-shadow:var(--shadow-glow);transform:scale(1.1)}.slider::-moz-range-thumb{background:var(--primary-accent);border:1px solid var(--fretboard-lines);border-radius:50%;box-shadow:var(--shadow-glow);cursor:pointer;height:16px;width:16px}.transport-section{position:relative}.transport{display:inline-flex;gap:var(--spacing-xs);left:50%;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.transport,.transport-btn{align-items:center;justify-content:center}.transport-btn{background:#1c1f26!important;border:none!important;border-radius:var(--radius-md);color:#8a8a8a!important;cursor:pointer;display:flex;font-size:.9rem;height:48px;min-width:48px;padding:12px;transition:all var(--transition-normal)}.transport-btn:hover:not(.disabled):not(.is-success){background:#8a8a8a!important;box-shadow:none!important;color:#1c1f26!important;transform:none!important}.transport-btn.disabled{cursor:not-allowed!important;opacity:.5!important}@media (orientation:landscape) and (max-height:420px){.transport{gap:6px}.transport-btn{border-radius:8px;font-size:.8rem;height:32px;min-width:32px;padding:8px}.tempo-slider{min-width:110px}.slider{height:4px}}.transport-btn.is-link{background:var(--primary-accent);border-color:var(--primary-accent);color:var(--text-dark)}.transport-btn.is-link:hover{background:var(--secondary-accent);border-color:var(--secondary-accent);box-shadow:var(--shadow-glow)}.transport-btn.is-success,.transport-btn.is-success:hover{background:#000!important;border-color:#000!important;color:#8a8a8a!important}.transport-btn.is-success:hover{box-shadow:none!important;transform:none!important}.transport-btn .icon{align-items:center;color:inherit;display:flex;justify-content:center}.transport-btn .icon i{color:inherit;font-size:16px}.transport-btn .icon img{filter:brightness(0) invert(1);max-height:24px;max-width:24px}.transport-btn.is-success .icon img{filter:brightness(0) invert(.8)}.checkmark-container{display:flex;gap:4px;position:absolute;right:8px;top:3px;z-index:10}.test-buttons-section{border-top:1px solid var(--fretboard-lines);flex-direction:column;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);width:100%}.buttons,.test-buttons-section{align-items:center;display:flex}.buttons{flex-wrap:wrap;gap:var(--spacing-xs);justify-content:center}.buttons .button{align-items:center;background:var(--bg-elevated);border:1px solid var(--fretboard-lines);border-radius:var(--radius-sm);color:var(--text-primary);display:flex;font-size:.65rem;font-weight:600;height:24px;justify-content:center;min-width:60px;padding:2px var(--spacing-xs);transition:all var(--transition-normal)}.buttons .button:hover{background:var(--primary-accent);box-shadow:var(--shadow-glow);color:var(--text-dark);transform:none}.buttons .button.is-info{background:var(--info);border-color:var(--info);color:#fff}.buttons .button.is-success{background:var(--success);border-color:var(--success);color:#fff}.buttons .button.is-warning{background:var(--warning);border-color:var(--warning);color:var(--text-dark)}.buttons .button.is-link{background:var(--accent-primary);border-color:var(--accent-secondary);color:#fff}.buttons .button.is-danger{background:var(--error);border-color:var(--error);color:#fff}.info-section{align-items:center;background-color:#0000001a;border:1px solid #303841;box-shadow:0 1px 2px 0 #0000001a;box-sizing:border-box;display:flex;flex-direction:column;margin:0;max-width:100%;padding:var(--spacing-md);width:100%}@media (max-width:768px){.content-wrapper{gap:var(--spacing-sm)}.content-wrapper,.controls-section,.fretboard-section,.info-section,.transport-section{padding:var(--spacing-xs)}.dropdown-row{align-items:stretch;flex-direction:column;gap:2px}.dropdown-group{min-width:auto;width:100%}.dropdown-select,.select select{font-size:.7rem;height:28px;min-width:auto;width:100%}.transport-tempo-row{flex-direction:column;gap:var(--spacing-xs)}.transport{gap:2px}.transport .button{font-size:.8rem;height:40px;min-width:40px}.metronome-button{height:32px!important;min-width:32px!important}.tempo-controls{min-width:100px}.tempo-range{width:64px}.buttons .button{font-size:.6rem;height:20px;min-width:50px;padding:1px 2px}.app-container{padding-bottom:100px}}@media (max-width:768px) and (orientation:landscape){.container{gap:var(--spacing-xs)}.container,.controls-section,.transport-section{padding:var(--spacing-xs)}.dropdown-row{flex-direction:row;gap:var(--spacing-xs)}.dropdown-group{min-width:120px}.test-buttons-section{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}}@media (min-width:1200px){.container{gap:var(--spacing-md);padding:var(--spacing-md)}.fretboard-container{padding:var(--spacing-sm)}.dropdown-row{gap:var(--spacing-md)}.dropdown-group{min-width:160px}}@media (prefers-contrast:high){.buttons .button,.dropdown-select,.select select,.transport .button{border-width:2px}}@media print{.test-buttons-section,.transport-section{display:none}}.App,.guitar-fretboard-container,.main-content,.top-bar{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;margin:0;max-width:100vw;padding:0;width:100vw}.App>*,.guitar-fretboard-container>*,.main-content>*,.top-bar>*{flex:1 1 auto;min-width:0}.level{justify-content:space-between;width:100%}.level,.level-item{align-items:center;display:flex}.level-item{flex:1;justify-content:center}#root,body,html{height:100%;margin:0;overflow-x:hidden;padding:0;width:100%}.he-tooltip-wrapper{display:inline-flex;position:relative}.he-tooltip-wrapper .he-tooltip{background:#1c1f26f5;border-radius:8px;box-shadow:0 6px 20px #0000004d;color:#fff;font-size:12px;line-height:1.4;max-width:200px;min-width:auto;padding:8px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}.he-tooltip-top{bottom:calc(100% + 4px);left:0}.he-tooltip-bottom{left:0;top:calc(100% + 4px)}.he-tooltip-left{right:calc(100% + 4px);top:50%;transform:translateY(-50%)}.he-tooltip-right{left:calc(100% + 4px);top:50%;transform:translateY(-50%)}.guitar-fretboard-container{background:var(--bg-secondary);border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;left:0;margin:0 calc(-50vw + 50%);min-height:240px;padding:0;width:100%;width:100vw}.guitar-wrapper{-webkit-overflow-scrolling:touch;align-items:stretch;display:flex;justify-content:flex-start;margin:0;min-width:100%;overflow-x:auto;overflow-y:hidden;padding:0;position:relative;scroll-behavior:smooth;width:100%}.enhanced-guitar{font-size:10px!important;line-height:1.2!important;min-height:200px!important;transform:none!important;transform-origin:initial!important}.enhanced-guitar,.enhanced-guitar svg{box-sizing:border-box!important;height:auto!important;left:0!important;margin:0!important;max-width:none!important;min-width:3000px!important;overflow:visible!important;padding:0!important;position:relative!important;top:0!important;width:100%!important}.enhanced-guitar svg{shape-rendering:geometricPrecision!important;background:var(--fretboard-wood)!important;border:1px solid var(--fretboard-lines)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;image-rendering:auto!important}.enhanced-guitar *{box-sizing:border-box!important;margin:0!important;padding:0!important}.enhanced-guitar .react-guitar-fret{display:flex!important;max-width:none!important;min-width:125px!important;visibility:visible!important;width:125px!important}.enhanced-guitar .react-guitar-string{margin:0!important;max-width:none!important;min-width:3000px!important;padding:0!important;width:3000px!important}.enhanced-guitar .react-guitar-fret-group{display:flex!important;max-width:none!important;min-width:3000px!important;width:3000px!important}.enhanced-guitar .react-guitar-fret-separator{stroke:#d1d5db!important;stroke-width:2!important;fill:none!important;display:block!important;opacity:1!important;visibility:visible!important}.enhanced-guitar .react-guitar-fret line,.enhanced-guitar .react-guitar-fret rect{stroke:#d1d5db!important;stroke-width:1.5!important;opacity:1!important;visibility:visible!important}.enhanced-guitar .react-guitar-fret rect{fill:#374151!important;stroke:#d1d5db!important;stroke-width:1!important}.enhanced-guitar svg text{fill:#f3f4f6!important;font-weight:700!important;text-shadow:1px 1px 2px #000c!important}.enhanced-guitar svg g,.enhanced-guitar svg text{display:block!important;opacity:1!important;visibility:visible!important}.enhanced-guitar svg line,.enhanced-guitar svg path{stroke:#d1d5db!important;stroke-width:1.5!important;opacity:1!important;visibility:visible!important}.enhanced-guitar svg rect[width][height]{stroke:#9ca3af!important;stroke-width:2!important;fill:#374151!important;opacity:1!important}.enhanced-guitar .react-guitar-fret-counter{color:#f3f4f6!important;display:block!important;font-size:.8em!important;font-weight:700!important;opacity:1!important;text-align:center!important;text-shadow:1px 1px 2px #000c!important;visibility:visible!important}.enhanced-guitar .react-guitar-finger{align-items:center!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;font-weight:700!important;justify-content:center!important;pointer-events:auto!important;position:absolute!important;text-align:center!important;transform:translate(-50%,-50%)!important;transition:all .2s ease!important;user-select:none!important;z-index:5!important}.enhanced-guitar .react-guitar-finger:hover{box-shadow:0 0 8px #e1705599!important;transform:translate(-50%,-50%) scale(1.1)!important;z-index:10!important}.enhanced-guitar [role=button]{z-index:5!important}.enhanced-guitar .react-guitar-fret{pointer-events:auto!important}.guitar-string-labels{display:none}.enhanced-guitar [role=button]{border:2px solid #ffffff80!important;box-sizing:border-box!important;cursor:pointer!important;pointer-events:auto!important;position:relative!important;transition:all var(--transition-normal)!important;z-index:10!important}.enhanced-guitar [role=button]:hover{border-color:#fffc!important;box-shadow:0 0 12px #5dade266!important;transform:scale(1.1)!important}.enhanced-guitar .react-guitar-finger:after{content:""!important}.guitar-fretboard-container:before{border:2px solid #5dade24d;border-radius:var(--radius-md);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.enhanced-guitar .fret-marker{filter:drop-shadow(0 0 4px rgba(93,173,226,.3))!important;opacity:.6!important}@media (max-width:768px){.guitar-fretboard-container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);min-height:180px;padding:0;width:100vw}.guitar-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.enhanced-guitar,.enhanced-guitar svg{min-width:2400px!important}.enhanced-guitar .react-guitar-fret{min-width:100px!important;width:100px!important}}@media (max-width:768px) and (orientation:landscape){.enhanced-guitar{font-size:7px!important;min-height:100px!important;overflow-x:auto!important;width:100%!important}.enhanced-guitar svg{min-width:1800px!important;width:1800px!important}.enhanced-guitar .react-guitar-fret{min-width:70px!important}.guitar-string-labels{display:none}}@media (min-width:1200px){.guitar-fretboard-container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.enhanced-guitar,.enhanced-guitar .react-guitar-fret-group,.enhanced-guitar .react-guitar-string,.enhanced-guitar svg{min-width:3000px!important}}@media (min-width:1600px){.guitar-fretboard-container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw}.enhanced-guitar,.enhanced-guitar .react-guitar-fret-group,.enhanced-guitar .react-guitar-string,.enhanced-guitar svg{min-width:3600px!important}.enhanced-guitar .react-guitar-fret{min-width:150px!important;width:150px!important}}@media (min-width:769px) and (max-width:1199px){.enhanced-guitar{font-size:10px!important;min-height:150px!important;overflow-x:auto!important;width:100%!important}.enhanced-guitar svg{min-width:2200px!important;width:2200px!important}.enhanced-guitar .react-guitar-fret{min-width:85px!important}}@media (prefers-contrast:high){.enhanced-guitar svg,.guitar-string-labels .string-label{border:2px solid var(--text-primary)!important}.guitar-string-labels .string-label{background:var(--bg-primary)!important;color:var(--text-primary)!important}}@media (prefers-reduced-motion:reduce){.enhanced-guitar [role=button]{transition:none!important}.enhanced-guitar [role=button]:hover{transform:none!important}}@media print{.guitar-fretboard-container{box-shadow:none!important}.enhanced-guitar svg,.guitar-fretboard-container,.guitar-string-labels .string-label{background:#fff!important;border:1px solid #000!important}.guitar-string-labels .string-label{color:#000!important}}.guitar-fretboard-container,.guitar-wrapper{display:block!important;max-width:100%!important;min-width:0!important;overflow-x:visible!important;width:100%!important}.enhanced-guitar,.enhanced-guitar svg{max-width:100%!important;min-width:0!important;overflow:visible!important;width:100%!important}.enhanced-guitar .react-guitar-fret-group{display:grid!important;grid-template-columns:repeat(24,1fr)!important;min-width:0!important;width:100%!important}.enhanced-guitar .react-guitar-fret{display:block!important;overflow:visible!important}.enhanced-guitar .react-guitar-fret,.enhanced-guitar .react-guitar-string{min-width:0!important;width:100%!important}.enhanced-guitar .react-guitar-fret line,.enhanced-guitar .react-guitar-fret rect,.enhanced-guitar .react-guitar-fret-separator{stroke-width:1.5!important;opacity:1!important}.guitar-fretboard-container{background:#1f2937;border-radius:8px;box-shadow:0 4px 12px #00000026;margin:0 auto;min-width:0;overflow:hidden;padding:10px;position:relative;width:100%!important}@media (max-width:768px){.guitar-fretboard-container{height:120px;margin-bottom:-60px;transform:scale(.8);transform-origin:center top}}@media (min-width:769px) and (max-width:1200px){.guitar-fretboard-container{height:140px;margin-bottom:-20px;transform:scale(1);transform-origin:center top}}@media (min-width:1201px){.guitar-fretboard-container{height:160px;margin-bottom:0;transform:scale(1.2);transform-origin:center top}}@media (orientation:landscape) and (max-height:600px){.guitar-fretboard-container{height:100px;margin-bottom:-40px;transform:scale(.7);transform-origin:center top}}.guitar-fretboard-container .finger{background:#ef4444!important;border:2px solid #fff!important;color:#fff!important;cursor:pointer!important;font-weight:700!important;pointer-events:auto!important;z-index:100!important}.guitar-fretboard-container .finger:hover{background:#dc2626!important;transform:scale(1.1)!important;transition:all .2s ease!important}.guitar-fretboard-container svg rect[data-testid=fret-separator]{stroke:#e5e7eb!important;stroke-width:2!important;opacity:1!important}.guitar-fretboard-container svg line[data-testid^=string]{stroke:#9ca3af!important;stroke-width:1.5!important;opacity:1!important}.guitar-fretboard-container svg text[data-testid=fret-counter]{fill:#f9fafb!important;font-size:10px!important;font-weight:700!important}.guitar-fretboard-container svg{background:#0000!important;height:auto!important;overflow:visible!important;width:100%!important}.guitar-fretboard-container{--fret-color:#e5e7eb;--string-color:#9ca3af;--finger-color:#ef4444;--marker-color:#10b981;--text-color:#f9fafb;--background-color:#1f2937;overflow-x:auto;overflow-y:hidden}.guitar-fretboard-container>div{min-width:2400px!important;width:2400px!important}.debug-info{background:#1f2937cc;border-radius:4px;margin-top:5px;padding:5px}.guitar-fretboard-container{align-items:stretch;display:grid;gap:0;grid-template-columns:1fr 80px}.react-guitar-main{grid-column:1;width:100%!important}.frets-23-24-overlay{grid-column:2;position:relative!important;right:auto!important;top:auto!important}.guitar-fretboard-container{max-width:100vw;overflow-x:hidden}@media (max-width:480px){.frets-23-24-overlay{width:60px}.fret-cell{width:30px}.fret-numbers-extension span{font-size:8px;width:30px}}.guitar-container{display:block;overflow:hidden!important;position:relative;width:100%}.harmonic-explorer-guitar{display:block;max-width:none!important;min-width:3000px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;width:3000px!important}.harmonic-explorer-guitar>div{max-width:none!important;min-width:100%!important;width:100%!important}.harmonic-explorer-guitar svg{height:auto!important;max-width:none!important;min-width:3000px!important;width:3000px!important}.guitar-container{margin:0;padding:0}@media (max-width:768px){.guitar-container{margin:0;padding:0}}@media (max-width:1400px){.harmonic-explorer-guitar{min-width:1000px;transform:scale(.85)}}@media (max-width:1200px){.harmonic-explorer-guitar{min-width:900px;transform:scale(.75)}}@media (max-width:1000px){.harmonic-explorer-guitar{min-width:800px;transform:scale(.65)}}@media (max-width:800px){.harmonic-explorer-guitar{min-width:700px;transform:scale(.55)}}@media (max-width:600px){.harmonic-explorer-guitar{min-width:600px;transform:scale(.45)}}.harmonic-explorer-guitar svg{background:linear-gradient(180deg,#8b4513 0,sienna);border-radius:8px;box-shadow:inset 0 2px 8px #0003}.harmonic-explorer-guitar .react-guitar-string{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.harmonic-explorer-guitar .react-guitar-fret{stroke-width:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.harmonic-explorer-guitar .react-guitar-finger{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transition:all .2s ease}.harmonic-explorer-guitar .react-guitar-finger:hover{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));transform:scale(1.1)}.harmonic-explorer-guitar .react-guitar-fret-marker{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.harmonic-explorer-guitar .react-guitar-nut{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.harmonic-explorer-guitar::-webkit-scrollbar{height:8px}.harmonic-explorer-guitar::-webkit-scrollbar-track{background:#1c1f26;border-radius:4px}.harmonic-explorer-guitar::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px;transition:all .2s ease}.harmonic-explorer-guitar::-webkit-scrollbar-thumb:hover{background:#8a8a8a;transform:scaleY(1.1)}.guitar-string-labels{color:#ccc;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;height:100%;justify-content:space-around;margin-right:10px}.guitar-string-label{background:#0000004d;border-radius:3px;margin:1px 0;padding:2px 5px;text-align:right}.harmonic-explorer-guitar .react-guitar-finger{animation:fingerAppear .3s ease-out}@keyframes fingerAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (prefers-contrast:high){.guitar-container{background:#000;border:2px solid #fff}.harmonic-explorer-guitar svg{background:#333}}.music-xml-section{margin:20px 0;padding:0 16px}.music-xml-container{background:var(--background-color,#2a2a2a);border:1px solid var(--border-color,#444);border-radius:8px;color:var(--text-color,#fff);font-family:Arial,sans-serif;margin:20px 0;min-height:160px;padding:20px}.music-xml-display{background:#fff;border-radius:4px;overflow-x:auto;padding:10px;width:100%}.music-xml-display .osmd-page{background:#fff;margin:0 auto}.music-xml-display .osmd-measure{border:1px solid #e0e0e0}.music-xml-display .osmd-chord-symbol{color:#333;font-weight:700}.music-xml-display .osmd-note{fill:#333}.music-xml-display .osmd-staff-line,.music-xml-display .osmd-stem{stroke:#333;stroke-width:1}.music-xml-display .osmd-measure-number{color:#666;font-weight:700}.music-xml-debug{background:#f0f0f0;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:12px;margin-bottom:10px;padding:10px}.music-xml-debug h4{color:#333;margin:0 0 8px}.music-xml-debug p{color:#666;margin:2px 0}.music-xml-placeholder{color:var(--text-muted,#888);padding:40px;text-align:center}.music-xml-placeholder h3{color:var(--text-color,#fff);margin:0 0 10px}.music-xml-header{align-items:center;border-bottom:1px solid var(--border-color,#444);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.music-xml-header h3{font-size:1.2em;font-weight:600;margin:0}.music-xml-info{display:flex;font-size:.9em;gap:20px}.current-chord-indicator{color:var(--accent-color,#4caf50);font-weight:500}.tempo-display{color:var(--text-muted,#888)}.music-xml-content{background:var(--surface-color,#fff);border-radius:6px;overflow-x:auto;padding:20px;position:relative}.music-xml-staff{min-height:200px;position:relative}.time-signature{align-items:center;color:#333;display:flex;flex-direction:column;font-size:16px;font-weight:700;left:10px;position:absolute;top:20px;z-index:10}.time-signature-beats{line-height:1}.time-signature-divider{background:#333;height:1px;margin:2px 0;width:20px}.time-signature-beat-type{line-height:1}.staff-display{margin-left:60px;padding:20px 0;position:relative}.staff-lines{height:40px;margin-bottom:20px;position:relative}.staff-line{background:#333;height:1px;left:0;position:absolute;right:0}.staff-line:first-child{top:0}.staff-line:nth-child(2){top:8px}.staff-line:nth-child(3){top:16px}.staff-line:nth-child(4){top:24px}.staff-line:nth-child(5){top:32px}.measure-row,.measures-container{position:relative}.measure-row{display:flex;margin-bottom:40px}.measure{border-right:2px solid #333;flex:1;height:60px;min-width:120px;padding:0 10px;position:relative}.measure:last-child{border-right:none}.measure.current-chord{background:#4caf501a;border-radius:4px}.chord-symbol{background:#ffffffe6;border-radius:3px;color:#333;font-size:12px;font-weight:700;left:50%;padding:2px 6px;position:absolute;top:-25px;transform:translateX(-50%);white-space:nowrap}.measure.current-chord .chord-symbol{color:#4caf50;font-weight:700}.notes-display{height:100%;position:relative}.note{height:16px;position:absolute;width:16px}.note.half-note{position:relative}.note-head{border-radius:4px;height:8px;left:2px;top:4px;width:12px}.note-head,.note-stem{background:#333;position:absolute}.note-stem{left:14px;width:2px}.note-stem.stem-up{height:24px;top:-8px}.note-stem.stem-down{height:24px;top:16px}.accidental{color:#333;font-size:14px;font-weight:700;left:-8px;position:absolute;top:2px}.accidental.sharp{color:#d32f2f}.accidental.flat{color:#1976d2}.note.current-note .note-head{background:#4caf50;box-shadow:0 0 4px #4caf5099}.note.current-note .note-stem{background:#4caf50}.measure-bar-line{background:#333;bottom:0;position:absolute;right:0;top:0;width:2px}.music-xml-controls{margin-top:20px;text-align:center}.download-xml-btn{background:var(--accent-color,#4caf50);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.download-xml-btn:hover{background:var(--accent-hover,#45a049)}.download-xml-btn:active{transform:translateY(1px)}.music-xml-content ::-webkit-scrollbar,.music-xml-content::-webkit-scrollbar{height:8px!important;width:8px!important}.music-xml-content ::-webkit-scrollbar-track,.music-xml-content::-webkit-scrollbar-track{background:#1c1f26!important;border-radius:4px!important}.music-xml-content ::-webkit-scrollbar-thumb,.music-xml-content::-webkit-scrollbar-thumb{background:#4a4a4a!important;border-radius:4px!important;transition:all .2s ease!important}.music-xml-content ::-webkit-scrollbar-thumb:hover,.music-xml-content::-webkit-scrollbar-thumb:hover{background:#8a8a8a!important;transform:scaleY(1.1)!important}div[style*="overflow: auto"]::-webkit-scrollbar{height:8px!important;width:8px!important}div[style*="overflow: auto"]::-webkit-scrollbar-track{background:#1c1f26!important;border-radius:4px!important}div[style*="overflow: auto"]::-webkit-scrollbar-thumb{background:#4a4a4a!important;border-radius:4px!important;transition:all .2s ease!important}div[style*="overflow: auto"]::-webkit-scrollbar-thumb:hover{background:#8a8a8a!important;transform:scaleY(1.1)!important}.music-xml-scroll-container::-webkit-scrollbar{height:8px!important;width:8px!important}.music-xml-scroll-container::-webkit-scrollbar-track{background:#1c1f26!important;border-radius:4px!important}.music-xml-scroll-container::-webkit-scrollbar-thumb{background:#4a4a4a!important;border-radius:4px!important;transition:all .2s ease!important}.music-xml-scroll-container::-webkit-scrollbar-thumb:hover{background:#8a8a8a!important;transform:scaleY(1.1)!important}@media (max-width:768px){.music-xml-container{margin:15px 0;padding:15px}.music-xml-header{align-items:flex-start;flex-direction:column;gap:10px}.music-xml-info{flex-direction:column;gap:5px}.measure{min-width:80px}.chord-symbol{font-size:10px;padding:1px 4px}}@media (prefers-color-scheme:dark){.music-xml-content{background:#1a1a1a}.staff-line{background:#666}.chord-symbol{background:#1a1a1ae6;color:#fff}.note-head,.note-stem{background:#fff}.accidental{color:#fff}.measure-bar-line{background:#666}.time-signature{color:#fff}.time-signature-divider{background:#fff}}@tailwind base;@tailwind components;@tailwind utilities;@plugin "daisyui";:root{--hx-c-neutral-0:#fff;--hx-c-neutral-50:#fef7f1;--hx-c-neutral-100:#fdeedf;--hx-c-neutral-150:#fae1cd;--hx-c-neutral-200:#f4d2b8;--hx-c-neutral-300:#e7b891;--hx-c-neutral-400:#d39d73;--hx-c-neutral-500:#b87c51;--hx-c-neutral-600:#935e3a;--hx-c-neutral-700:#6e4429;--hx-c-neutral-800:#4a2f1c;--hx-c-neutral-900:#2c1c11;--hx-c-neutral-950:#1a100b;--hx-c-primary-50:#f4f1ff;--hx-c-primary-100:#e5deff;--hx-c-primary-200:#cdc0ff;--hx-c-primary-300:#b19fff;--hx-c-primary-400:#977eff;--hx-c-primary-500:#7b5bff;--hx-c-primary-600:#6644f2;--hx-c-primary-700:#5232cf;--hx-c-primary-800:#4025a5;--hx-c-primary-900:#2c1a79;--hx-c-primary-brand:#7b5bff;--hx-c-secondary-50:#fff4ed;--hx-c-secondary-100:#ffe2d2;--hx-c-secondary-200:#ffc1a8;--hx-c-secondary-300:#ff9876;--hx-c-secondary-400:#ff7751;--hx-c-secondary-500:#ff5e3b;--hx-c-secondary-600:#ef4625;--hx-c-secondary-700:#cb331b;--hx-c-secondary-800:#a32816;--hx-c-secondary-900:#781c0e;--hx-c-success-50:#eefdf3;--hx-c-success-100:#cff8e0;--hx-c-success-200:#9fefc3;--hx-c-success-600:#1d9f57;--hx-c-success-700:#177c43;--hx-c-warning-50:#fff7e9;--hx-c-warning-100:#ffe9c2;--hx-c-warning-200:#ffd086;--hx-c-warning-600:#ca7a06;--hx-c-warning-700:#9d5a04;--hx-c-error-50:#fff1f0;--hx-c-error-100:#ffd5d1;--hx-c-error-200:#ffb0a9;--hx-c-error-600:#e0433a;--hx-c-error-700:#b53029;--hx-c-info-50:#eff7ff;--hx-c-info-100:#d7ecff;--hx-c-info-200:#b1daff;--hx-c-info-600:#1b7ccf;--hx-c-info-700:#125fa2;--hx-text-strong:var(--hx-c-neutral-900);--hx-text-primary:var(--hx-c-neutral-800);--hx-text-secondary:var(--hx-c-neutral-600);--hx-text-muted:var(--hx-c-neutral-500);--hx-text-inverse:#fff;--hx-text-accent:var(--hx-c-primary-700);--hx-surface-base:var(--hx-c-neutral-50);--hx-surface-raised:var(--hx-c-neutral-0);--hx-surface-overlay:#ffffffeb;--hx-border-subtle:color-mix(in srgb,var(--hx-c-neutral-200) 70%,#fff);--hx-border:var(--hx-c-neutral-200);--hx-border-strong:var(--hx-c-neutral-300);--hx-stroke-1:1px;--hx-stroke-2:2px;--hx-radius-2:2px;--hx-radius-4:4px;--hx-radius-6:6px;--hx-radius-8:8px;--hx-radius-12:12px;--hx-radius-16:16px;--hx-radius-round:9999px;--hx-space-0:0;--hx-space-1:4px;--hx-space-2:8px;--hx-space-3:12px;--hx-space-4:16px;--hx-space-5:24px;--hx-space-6:32px;--hx-space-7:40px;--hx-space-8:48px;--hx-space-9:64px;--hx-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--hx-font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--hx-font-size-12:12px;--hx-font-size-14:14px;--hx-font-size-16:16px;--hx-font-size-18:18px;--hx-font-size-20:20px;--hx-font-size-24:24px;--hx-font-size-28:28px;--hx-font-size-32:32px;--hx-font-size-40:40px;--hx-font-size-48:48px;--hx-line-tight:1.25;--hx-line-snug:1.4;--hx-line-normal:1.6;--hx-weight-regular:400;--hx-weight-medium:500;--hx-weight-semibold:600;--hx-weight-bold:700;--hx-shadow-0:none;--hx-shadow-1:0 1px 2px #0000000f;--hx-shadow-2:0 2px 6px -1px #0000001a,0 1px 3px #0000000f;--hx-shadow-3:0 6px 12px -2px #0000001f,0 3px 6px -2px #00000014;--hx-shadow-4:0 12px 24px -4px #00000029,0 8px 16px -6px #0000001f;--hx-duration-100:100ms;--hx-duration-150:150ms;--hx-duration-200:200ms;--hx-duration-300:300ms;--hx-ease-standard:cubic-bezier(0.2,0,0,1);--hx-ease-emphasized:cubic-bezier(0.2,0,0,1);--hx-ease-entrance:cubic-bezier(0,0,0.2,1);--hx-ease-exit:cubic-bezier(0.4,0,1,1);--hx-focus-ring-color:#7b5bff7a;--hx-focus-ring-width:2px;--hx-focus-ring-offset:2px;--hx-hover-fill:#7b5bff1f;--hx-active-fill:#7b5bff2e;--hx-selected-fill:#7b5bff29;--hx-disabled-opacity:0.45}.hx-light{--hx-role-page-bg:var(--hx-surface-base);--hx-role-surface:var(--hx-surface-raised);--hx-role-overlay:var(--hx-surface-overlay);--hx-role-border:var(--hx-border-subtle);--hx-role-text:var(--hx-text-primary);--hx-role-text-secondary:var(--hx-text-secondary);--hx-role-text-muted:var(--hx-text-muted);--hx-role-accent:var(--hx-c-primary-600);--hx-role-accent-strong:var(--hx-c-primary-700)}:root{--hx-canvas-gradient:radial-gradient(1200px 720px at 12% -20%,#ff623b29 0%,#fff4ed00 55%),radial-gradient(900px 540px at 80% 0%,#7b5bff2e 0%,#f4f1ff00 60%);--hx-canvas-noise:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='table' tableValues='0 0 0 0 0 .04 .06 .04 0'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.18'/%3E%3C/svg%3E");--hx-card-gradient:linear-gradient(150deg,#eef4ff,#d8e6ff 32%,#cbeaf5 66%,#d9fff5);--hx-harmonic-teal-400:#5ad9cc;--hx-harmonic-teal-500:#35caba;--hx-harmonic-teal-600:#13aba0;--hx-harmonic-indigo-500:var(--hx-c-primary-500);--hx-harmonic-violet-500:#a06cff;--hx-harmonic-1:var(--hx-harmonic-teal-500);--hx-harmonic-2:var(--hx-c-secondary-400);--hx-harmonic-3:var(--hx-c-primary-500);--hx-glow-weak:0 0 0 2px color-mix(in srgb,var(--hx-harmonic-2) 25%,#0000),0 6px 18px -6px color-mix(in srgb,var(--hx-harmonic-2) 45%,#0000)}body,body[data-theme=hex-light]{--b1:var(--hx-surface-base);--b2:var(--hx-surface-raised);--b3:var(--hx-surface-overlay);--bc:var(--hx-text-primary);--p:var(--hx-c-primary-500);--pc:#fff;--s:var(--hx-c-secondary-500,#0ea5e9);--sc:#fff;--a:var(--hx-c-secondary-400,#22c55e);--ac:#0b1220;--n:color-mix(in srgb,var(--hx-text-primary) 60%,var(--hx-surface-base) 40%);--nc:var(--hx-surface-base);--in:var(--hx-c-info-600,#38bdf8);--inc:#0b1220;--su:var(--hx-c-success-600,#22c55e);--suc:#0b1220;--wa:var(--hx-c-warning-600,#f59e0b);--wac:#0b1220;--er:var(--hx-c-error-600,#ef4444);--erc:#fff;--rounded-box:0.75rem;--rounded-btn:0.5rem;--rounded-badge:9999px;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--btn-text-case:none}body[data-theme=hex-light]{color-scheme:light}body[data-theme=hex-dark]{--b1:var(--hx-surface-base);--b2:var(--hx-surface-raised);--b3:var(--hx-surface-overlay);--bc:var(--hx-text-primary);--p:var(--hx-c-primary-500);--pc:#0b1220;--s:var(--hx-c-secondary-500,#0ea5e9);--sc:#0b1220;--a:var(--hx-c-secondary-400,#7c3aed);--ac:#0b1220;--n:color-mix(in srgb,var(--hx-surface-overlay) 70%,#000 30%);--nc:var(--hx-text-primary);--in:var(--hx-c-info-600,#38bdf8);--inc:#0b1220;--su:var(--hx-c-success-600,#22c55e);--suc:#0b1220;--wa:var(--hx-c-warning-600,#f59e0b);--wac:#0b1220;--er:var(--hx-c-error-600,#ef4444);--erc:#0b1220;--rounded-box:0.75rem;--rounded-btn:0.5rem;--rounded-badge:9999px;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--btn-text-case:none;color-scheme:dark}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]){--hx-surface-base:var(--b1);--hx-surface-raised:var(--b2);--hx-surface-overlay:var(--b3);--hx-text-primary:var(--bc);--hx-text-secondary:color-mix(in srgb,var(--bc) 72%,var(--b1) 28%);--hx-text-muted:color-mix(in srgb,var(--bc) 60%,var(--b1) 40%);--hx-c-primary-500:var(--p);--hx-c-primary-400:var(--p);--hx-c-primary-600:var(--p);--hx-c-primary-brand:var(--p);--hx-c-secondary-500:var(--s);--hx-c-secondary-400:var(--s);--hx-c-success-600:var(--su,#22c55e);--hx-c-warning-600:var(--wa,#f59e0b);--hx-c-error-600:var(--er,#ef4444);--hx-c-info-600:var(--in,#38bdf8);--hx-border:color-mix(in srgb,var(--b2) 82%,var(--bc) 18%);--hx-border-subtle:color-mix(in srgb,var(--b2) 92%,var(--bc) 8%);--hx-hover-fill:color-mix(in srgb,var(--p) 14%,#0000);--hx-active-fill:color-mix(in srgb,var(--p) 22%,#0000);--hx-selected-fill:color-mix(in srgb,var(--s) 18%,#0000);--hx-focus-ring-color:color-mix(in srgb,var(--p) 60%,var(--s) 40%);--hx-shadow-0:0 0 0 1px color-mix(in srgb,var(--hx-border) 35%,#0000);--hx-shadow-1:0 1px 2px #00000014,0 0 0 1px color-mix(in srgb,var(--hx-border) 45%,#0000);--hx-shadow-2:0 4px 10px #0000001f,0 0 0 1px color-mix(in srgb,var(--hx-border) 50%,#0000);--hx-shadow-3:0 10px 24px #0000002e,0 0 0 1px color-mix(in srgb,var(--hx-border) 55%,#0000);--bg-primary:var(--hx-surface-base);--bg-secondary:var(--hx-surface-raised);--bg-tertiary:var(--hx-surface-overlay);--bg-elevated:var(--hx-surface-raised);--bg-surface:var(--hx-surface-raised);--text-primary:var(--hx-text-primary);--text-secondary:var(--hx-text-secondary);--text-muted:var(--hx-text-muted);--text-accent:var(--hx-c-primary-500);--text-dark:#111418;--square-card-title-color:var(--bc);--square-card-subtitle-color:color-mix(in srgb,var(--bc) 78%,var(--b1) 22%);--square-card-description-color:color-mix(in srgb,var(--bc) 68%,var(--b1) 32%);--font-primary:var(--hx-font-primary);--font-display:var(--hx-font-display);--font-mono:var(--hx-font-mono);--primary-accent:var(--hx-c-primary-500);--secondary-accent:var(--hx-c-secondary-400);--accent-primary:var(--hx-c-primary-500);--accent-secondary:var(--hx-c-secondary-400);--accent-warm:var(--hx-c-secondary-500);--accent-highlight:var(--hx-c-secondary-400);--border-color:var(--hx-border);--focus-ring:var(--hx-focus-ring-color);--course-header-bg:linear-gradient(135deg,var(--b2) 0%,var(--b3) 100%);--course-title-color:var(--bc);--course-intervals-color:color-mix(in srgb,var(--bc) 80%,var(--b1) 20%)}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .app-container{background:var(--bg-primary)!important;background-image:none!important;color:var(--text-primary)!important}body[data-theme=aqua]{--b1:#001f1f;--b2:#112c2c;--b3:#223939;--bc:#b3ffff;--bt:#acb9b9;--p:#0ff;--pc:#fff;--s:#7fcccc;--sc:#fff;--n:#8a8f8f;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff;--hx-surface-base:var(--b1);--hx-surface-raised:#fff;--hx-surface-overlay:#f7fafc;--hx-text-primary:#111418;--hx-text-secondary:#384152;--hx-text-muted:#6b7280;--hx-border:#d0d7e2;--hx-border-subtle:#e5eaf1;--hx-hover-fill:color-mix(in srgb,#0ff 12%,#0000);--hx-active-fill:color-mix(in srgb,#7fcccc 16%,#0000);--hx-selected-fill:color-mix(in srgb,#7fcccc 18%,#0000);--hx-focus-ring-color:color-mix(in srgb,#0ff 55%,#fff 45%)}body[data-theme=bumblebee]{--b1:#fff;--b2:#fffbeb;--b3:#fff4c7;--bc:#171717;--bt:#5e5e5e;--p:#ffdd57;--pc:#171717;--s:#f0c000;--sc:#171717;--n:#5e5e5e;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff}body[data-theme=emerald]{--b1:#fff;--b2:#ebfffb;--b3:#c7fff4;--bc:#000f0c;--bt:#687d79;--p:#008066;--pc:#fff;--s:#398e7d;--sc:#fff;--n:#8a8f8e;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff;--course-header-bg:linear-gradient(135deg,#14674e,#154c38);--course-title-color:#ecfdf5;--course-intervals-color:color-mix(in srgb,#d1fae5 86%,#fff 14%);--square-card-title-color:#005c42;--square-card-subtitle-color:#327b66;--square-card-description-color:#376c5a}body[data-theme=valentine]{--b1:#fff;--b2:#fff0fb;--b3:#ffe6f8;--bc:#0f000b;--bt:#7d6878;--p:#80005e;--pc:#fff;--s:#8e3977;--sc:#fff;--n:#8f8a8d;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff}body[data-theme=coffee]{--b1:#251b13;--b2:#36271b;--b3:#473324;--bc:#ffd2b3;--bt:#b9b1ac;--p:#ff6a00;--pc:#fff;--s:#cc9f7f;--sc:#fff;--n:#8f8c8a;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff;--hx-surface-base:var(--b1);--hx-surface-raised:var(--b2);--hx-surface-overlay:var(--b3);--hx-text-primary:#f5e6d3;--hx-text-secondary:color-mix(in srgb,#f5e6d3 82%,var(--b1) 18%);--hx-text-muted:color-mix(in srgb,#f5e6d3 65%,var(--b1) 35%);--hx-border:color-mix(in srgb,var(--b2) 80%,#fff 20%);--hx-border-subtle:color-mix(in srgb,var(--b2) 90%,#fff 10%);--text-primary:#f5e6d3;--text-secondary:color-mix(in srgb,#f5e6d3 82%,var(--b1) 18%);--text-muted:color-mix(in srgb,#f5e6d3 65%,var(--b1) 35%);--hx-hover-fill:color-mix(in srgb,#ff6a00 12%,#0000);--hx-active-fill:color-mix(in srgb,#cc9f7f 16%,#0000);--hx-selected-fill:color-mix(in srgb,#cc9f7f 18%,#0000);--hx-focus-ring-color:color-mix(in srgb,#ff6a00 55%,var(--b1) 45%)}body[data-theme=dracula]{--b1:#272935;--b2:#303241;--b3:#3d4052;--bc:#fafafa;--bt:#b8b8b8;--p:#ff0090;--pc:#fff;--s:#bf95f9;--sc:#fff;--n:#b8b8b8;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff}body[data-theme=business]{--b1:#252f37;--b2:#2d3943;--b3:#394956;--bc:#fafafa;--bt:#b8b8b8;--p:#007ee6;--pc:#fff;--s:#6d9dc5;--sc:#fff;--n:#b8b8b8;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff}body[data-theme=nord]{--b1:#212b3b;--b2:#283548;--b3:#33435b;--bc:#fafafa;--bt:#b8b8b8;--p:#62a6f8;--pc:#fff;--s:#0da2e7;--sc:#fff;--n:#b8b8b8;--nc:#fff;--in:#0da2e7;--inc:#fff;--su:#16a249;--suc:#fff;--wa:#db7706;--wac:#fff;--er:#ef4343;--erc:#fff}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .card.main-card,body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .card.square-card:not(.home-feature-card),body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .main-card,body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .square-card:not(.home-feature-card){background-color:hsl(var(--b2))!important;background:hsl(var(--b2))!important;border:1px solid hsl(var(--bc)/.12)!important;box-shadow:0 2px 8px -2px hsl(var(--bc)/.1),0 1px 4px -1px hsl(var(--bc)/.08)!important}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .home-feature-card.home-feature-card{background:hsl(var(--b2));background-color:hsl(var(--b2));border:3px solid hsl(var(--bc)/.6);border-left:8px solid hsl(var(--p));border-radius:16px;box-shadow:0 6px 16px -4px hsl(var(--bc)/.25),0 3px 8px -2px hsl(var(--bc)/.2),0 0 0 1px hsl(var(--bc)/.15) inset}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .home-feature-card:hover{border-color:hsl(var(--p)/.7)!important;border-left-color:hsl(var(--p))!important;box-shadow:0 10px 24px -4px hsl(var(--bc)/.3),0 5px 12px -2px hsl(var(--bc)/.25),0 0 0 1px hsl(var(--bc)/.2) inset!important}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .home-feature-card__header{background:linear-gradient(135deg,hsl(var(--b3)) 0,hsl(var(--b2)) 100%)!important;background-color:hsl(var(--b3))!important;border-bottom:2px solid hsl(var(--bc)/.2)!important}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]):not([data-theme=aqua]):not([data-theme=business]):not([data-theme=coffee]):not([data-theme=nord]):not([data-theme=dracula]) .home-feature-card__body{background:hsl(var(--b2))!important;background-color:hsl(var(--b2))!important}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .course-card-header{background:var(--course-header-bg,linear-gradient(135deg,color-mix(in srgb,var(--b2) 85%,#fff 15%) 0,color-mix(in srgb,var(--b2) 60%,#fff 40%) 100%))!important;isolation:isolate;position:relative}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .course-card-header:after{background:linear-gradient(180deg,#00000014,#00000005);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .course-card-header .course-info{position:relative;z-index:1}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .course-card-header .course-title{color:var(--course-title-color,var(--bc))!important;text-shadow:0 1px 1px color-mix(in srgb,var(--hx-surface-base) 60%,#fff 40%)}body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .course-card-header .course-intervals{color:var(--course-intervals-color,color-mix(in srgb,var(--bc) 80%,var(--b1) 20%))!important}body[data-theme=aqua] .course-card-header .course-title{color:#b3ffff!important}body[data-theme=aqua] .course-card-header{background:linear-gradient(135deg,#112c2c,#223939)!important;border-bottom:1px solid #223939!important}body[data-theme=aqua] .course-card,body[data-theme=aqua] .main-card{background:linear-gradient(135deg,#223939,#112c2c)!important;border:1px solid #223939!important}body[data-theme=aqua] .main-card .card-title{color:#f4fffd!important;font-weight:700!important;text-shadow:0 3px 8px #0000008c!important}body[data-theme=aqua] .main-card .card-subtitle{color:#b6f0f0!important;text-shadow:0 2px 5px #0006!important}body[data-theme=aqua] .main-card .card-description{color:#e6fdfc!important;text-shadow:0 2px 6px #00000073!important}body[data-theme=aqua] .square-card{background:linear-gradient(140deg,#235757,#1f3d3d 62%,#1b3232)!important;border:1px solid #2fc6c6!important;box-shadow:0 28px 46px #00000057,inset 0 0 0 1px #00fff224!important}body[data-theme=aqua] .square-card .card-title{color:#f5fffe!important;letter-spacing:-.02em!important;text-shadow:0 5px 16px #000000b3,0 0 18px #48fff7a6!important}body[data-theme=aqua] .square-card .card-subtitle{color:#c6fffc!important;font-weight:700!important;text-shadow:0 3px 11px #00000085,0 0 12px #50fff46b!important}body[data-theme=aqua] .square-card .card-description{color:#dbfffb!important;text-shadow:0 3px 12px #0000008c,0 0 12px #46fff252!important}body[data-theme=aqua] .course-card-header .course-title{color:#000!important;font-weight:700!important;text-shadow:0 1px 2px #fffc!important}body[data-theme=aqua] .course-card-header .course-intervals{color:#acb9b9!important;text-shadow:none!important}body[data-theme=bumblebee] .square-card{--square-card-title-color:#2e2500;--square-card-subtitle-color:#4d3d00;--square-card-description-color:#806600}body[data-theme=bumblebee] .home-feature-card.home-feature-card,body[data-theme=emerald] .home-feature-card.home-feature-card{border:3px solid hsl(var(--bc)/.65)!important;border-left:8px solid hsl(var(--p))!important}body[data-theme=valentine] .square-card{--square-card-title-color:#2e0022;--square-card-subtitle-color:#4d0038;--square-card-description-color:#80005e}body[data-theme=dracula] .square-card{background:linear-gradient(140deg,#3d4052,#303241 62%,#272935)!important;border:1px solid #575b75!important}body[data-theme=business] .square-card,body[data-theme=dracula] .square-card{--square-card-title-color:#fafafa;--square-card-subtitle-color:#ccc;--square-card-description-color:#999}body[data-theme=business] .square-card{background:linear-gradient(140deg,#394956,#2d3943 62%,#252f37)!important;border:1px solid #52687a!important}body[data-theme=coffee] .square-card{--square-card-title-color:#fff9f5;--square-card-subtitle-color:#ffc499;--square-card-description-color:#f83;background:linear-gradient(140deg,#473324,#36271b 62%,#251b13)!important;border:1px solid #664833!important}body[data-theme=nord] .square-card{--square-card-title-color:#f5f5ff;--square-card-subtitle-color:#99f;--square-card-description-color:#33f;background:linear-gradient(140deg,#33435b,#283548 62%,#212b3b)!important;border:1px solid #496083!important}body[data-theme=dracula] .course-card{background:linear-gradient(135deg,#303241,#272935)!important;border:1px solid #575b75!important}body[data-theme=nord] .course-card{background:linear-gradient(135deg,#283548,#212b3b)!important;border:1px solid #496083!important}body[data-theme=business] .course-card{background:linear-gradient(135deg,#2d3943,#252f37)!important;border:1px solid #52687a!important}body[data-theme=coffee] .course-card{background:linear-gradient(135deg,#36271b,#251b13)!important;border:1px solid #664833!important}body[data-theme=business] .course-card .dropdown-cta,body[data-theme=business] .course-card .section-container{background:#2d3943!important;border:1px solid #52687a!important}body[data-theme=business] .course-card .dropdown-cta .select select{background-color:#252f37!important;border:1px solid #52687a!important}body[data-theme=dracula] .course-card .dropdown-cta,body[data-theme=dracula] .course-card .section-container{background:#303241!important;border:1px solid #575b75!important}body[data-theme=dracula] .course-card .dropdown-cta .select select{background-color:#272935!important;border:1px solid #575b75!important}body[data-theme=coffee] .course-card .dropdown-cta,body[data-theme=coffee] .course-card .section-container{background:#36271b!important;border:1px solid #664833!important}body[data-theme=coffee] .course-card .dropdown-cta .select select{background-color:#251b13!important;border:1px solid #664833!important}body[data-theme=nord] .course-card .dropdown-cta,body[data-theme=nord] .course-card .section-container{background:#283548!important;border:1px solid #496083!important}body[data-theme=nord] .course-card .dropdown-cta .select select{background-color:#212b3b!important;border:1px solid #496083!important}html[data-theme=light]:not(.daisy-active){--bg-primary:var(--hx-surface-base);--bg-secondary:var(--hx-c-neutral-100);--bg-tertiary:var(--hx-c-neutral-150);--bg-elevated:var(--hx-surface-raised);--bg-surface:var(--hx-surface-raised);--text-primary:var(--hx-text-primary);--text-secondary:var(--hx-text-secondary);--text-muted:var(--hx-text-muted);--text-accent:var(--hx-text-accent);--text-dark:var(--hx-text-strong);--primary-accent:var(--hx-c-primary-600);--primary-alpha:#7b5bff2e;--secondary-accent:var(--hx-c-secondary-400);--accent-primary:var(--hx-c-primary-600);--accent-secondary:var(--hx-c-secondary-400);--accent-warm:var(--hx-c-secondary-500);--accent-highlight:var(--hx-c-secondary-500);--fretboard-lines:var(--hx-border);--fretboard-wood:linear-gradient(180deg,var(--hx-c-neutral-100),var(--hx-c-neutral-200));--fretboard-note-active:var(--hx-c-primary-600);--fretboard-note-glow:#0b6fb840;--success:var(--hx-c-success-600);--warning:var(--hx-c-warning-600);--error:var(--hx-c-error-600);--info:var(--hx-c-primary-600);--hover-overlay:var(--hx-hover-fill);--active-overlay:var(--hx-active-fill);--focus-ring:var(--hx-focus-ring-color);--shadow-minimal:#0000000f;--shadow-sm:var(--hx-shadow-1);--shadow-md:var(--hx-shadow-2);--shadow-lg:var(--hx-shadow-3);--shadow-xl:var(--hx-shadow-4);--shadow-glow:0 0 0 3px #7b5bff38;--border-color:var(--hx-border);--home-footer-bg:linear-gradient(135deg,#f4f8fff5,#e2eefff0);--home-footer-border:color-mix(in srgb,var(--hx-c-primary-200) 55%,#ffffffb8);--home-footer-shadow:0 16px 34px #163a682e;--home-footer-heading-color:var(--hx-text-strong);--home-footer-text-color:var(--hx-text-secondary);--home-footer-note-color:color-mix(in srgb,var(--hx-text-secondary) 72%,#fff 28%);--home-footer-link-color:var(--hx-c-primary-600);--home-footer-cta-bg:color-mix(in srgb,var(--hx-c-primary-300) 18%,#fff 82%);--home-footer-cta-border:color-mix(in srgb,var(--hx-c-primary-400) 36%,#0000);--home-footer-cta-text:var(--hx-text-primary);--home-footer-cta-shadow:0 12px 30px #2e7ccf29}html[data-theme=light]:not(.daisy-active) .app-container{background-color:initial!important;background-image:none!important;color:inherit!important}html[data-theme=light]:not(.daisy-active) ::-webkit-scrollbar-track{background:var(--hx-c-neutral-100)}html[data-theme=light]:not(.daisy-active) ::-webkit-scrollbar-thumb{background:var(--hx-c-neutral-300)}html[data-theme=light]:not(.daisy-active) :where(a,button,[role=button],input,select,textarea):focus-visible{border-radius:var(--hx-radius-4);outline:var(--hx-focus-ring-width) solid var(--hx-focus-ring-color);outline-offset:var(--hx-focus-ring-offset)}html[data-theme=light]:not(.daisy-active) .is-hoverable:hover{background:var(--hx-hover-fill)}html[data-theme=light]:not(.daisy-active) .is-active,html[data-theme=light]:not(.daisy-active) .is-pressed{background:var(--hx-active-fill)}html[data-theme=light]:not(.daisy-active) .is-selected{background:var(--hx-selected-fill);box-shadow:inset 0 0 0 2px #0b6fb833}html[data-theme=light]:not(.daisy-active) .is-disabled,html[data-theme=light]:not(.daisy-active) :where(button,.button,[aria-disabled=true],.disabled):disabled{cursor:not-allowed!important;opacity:var(--hx-disabled-opacity)}html[data-theme=light]:not(.daisy-active) .button,html[data-theme=light]:not(.daisy-active) button:not(.btn){background:var(--bg-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow-0,none);color:var(--text-primary);transition:background-color var(--hx-duration-150) var(--hx-ease-standard),color var(--hx-duration-150) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard),box-shadow var(--hx-duration-150) var(--hx-ease-standard),transform var(--hx-duration-100) var(--hx-ease-exit)}html[data-theme=light]:not(.daisy-active) .button:hover,html[data-theme=light]:not(.daisy-active) button:not(.btn):hover{background:var(--hx-hover-fill);border-color:var(--hx-c-primary-300);box-shadow:var(--shadow-sm)}html[data-theme=light]:not(.daisy-active) .button-primary,html[data-theme=light]:not(.daisy-active) .is-primary,html[data-theme=light]:not(.daisy-active) .transport-btn.is-link{background:var(--hx-c-primary-600)!important;border-color:var(--hx-c-primary-600)!important;color:var(--hx-text-inverse)!important}html[data-theme=light]:not(.daisy-active) .button-primary:hover,html[data-theme=light]:not(.daisy-active) .is-primary:hover,html[data-theme=light]:not(.daisy-active) .transport-btn.is-link:hover{background:var(--hx-c-primary-500)!important;border-color:var(--hx-c-primary-500)!important;box-shadow:var(--shadow-glow)!important}html[data-theme=light]:not(.daisy-active) .actions-section,html[data-theme=light]:not(.daisy-active) .card,html[data-theme=light]:not(.daisy-active) .composer-header,html[data-theme=light]:not(.daisy-active) .controls-section,html[data-theme=light]:not(.daisy-active) .course-card,html[data-theme=light]:not(.daisy-active) .fretboard-section,html[data-theme=light]:not(.daisy-active) .info-section,html[data-theme=light]:not(.daisy-active) .main-card,html[data-theme=light]:not(.daisy-active) .piano-section,html[data-theme=light]:not(.daisy-active) .progression-section,html[data-theme=light]:not(.daisy-active) .selector-section{backdrop-filter:saturate(155%)!important;background:linear-gradient(148deg,#e6eefff5,#c6e6ffeb 42%,#bcffeee6)!important;border:1px solid color-mix(in srgb,var(--hx-c-primary-200) 65%,#ffffff73)!important;border-left:6px solid color-mix(in srgb,var(--hx-c-primary-500) 70%,var(--hx-c-secondary-400) 30%)!important;border-radius:var(--hx-radius-12)!important;box-shadow:0 30px 52px -30px #1c183f85,0 18px 42px -28px #14959147,inset 0 0 0 1px #fff3!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .bar-number,html[data-theme=light]:not(.daisy-active) .bar-slot.empty,html[data-theme=light]:not(.daisy-active) .compound-step,html[data-theme=light]:not(.daisy-active) .current-chord-display,html[data-theme=light]:not(.daisy-active) .dropdown-select,html[data-theme=light]:not(.daisy-active) .inline-completion-track,html[data-theme=light]:not(.daisy-active) .select select,html[data-theme=light]:not(.daisy-active) .simple-step,html[data-theme=light]:not(.daisy-active) .voicing-field{background:var(--hx-c-neutral-0)!important;border-color:var(--hx-border)!important;box-shadow:var(--hx-shadow-0)}html[data-theme=light]:not(.daisy-active) .topbar-container{background:#0000!important;border-bottom:1px solid var(--hx-border)!important}html[data-theme=light]:not(.daisy-active) .breadcrumb-current,html[data-theme=light]:not(.daisy-active) .breadcrumb-link,html[data-theme=light]:not(.daisy-active) .breadcrumb-text,html[data-theme=light]:not(.daisy-active) .title-main{color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .transport-btn{background:var(--hx-c-neutral-0)!important}html[data-theme=light]:not(.daisy-active) .transport-btn:hover:not(.disabled):not(.is-success){box-shadow:none!important;transform:none!important}html[data-theme=light]:not(.daisy-active) .transport-btn.is-success{border-color:var(--hx-border)!important;color:var(--hx-text-secondary)!important}html[data-theme=light]:not(.daisy-active) .view-mode-selector{background:var(--hx-c-neutral-0)!important}html[data-theme=light]:not(.daisy-active) .metronome-button.view-mode-button.active,html[data-theme=light]:not(.daisy-active) .view-mode-toggle-button.active,html[data-theme=light]:not(.daisy-active) .view-mode-toggle-button[aria-pressed=true]{border-color:var(--hx-c-primary-300)!important}html[data-theme=light]:not(.daisy-active) .dropdown-select:focus,html[data-theme=light]:not(.daisy-active) .select select:focus{box-shadow:0 0 0 2px var(--hx-focus-ring-color)!important}html[data-theme=light]:not(.daisy-active) .hx-elev-base{background:var(--hx-surface-base);border:1px solid var(--hx-border);box-shadow:var(--hx-shadow-0)}html[data-theme=light]:not(.daisy-active) .hx-elev-raised{background:var(--hx-surface-raised);border:1px solid var(--hx-border);box-shadow:var(--hx-shadow-1)}html[data-theme=light]:not(.daisy-active) .hx-elev-overlay{background:var(--hx-surface-overlay);border:1px solid var(--hx-border);box-shadow:var(--hx-shadow-3)}@media (prefers-reduced-motion:no-preference){html[data-theme=light]:not(.daisy-active) .actions-section,html[data-theme=light]:not(.daisy-active) .card,html[data-theme=light]:not(.daisy-active) .course-card,html[data-theme=light]:not(.daisy-active) .main-card,html[data-theme=light]:not(.daisy-active) .piano-section,html[data-theme=light]:not(.daisy-active) .progression-section{transition:background-color var(--hx-duration-200) var(--hx-ease-standard),color var(--hx-duration-200) var(--hx-ease-standard),border-color var(--hx-duration-200) var(--hx-ease-standard),box-shadow var(--hx-duration-200) var(--hx-ease-standard),transform var(--hx-duration-150) var(--hx-ease-exit)}}html[data-theme=light]:not(.daisy-active) .status-badge.playing{background:color-mix(in srgb,var(--hx-c-success-600) 16%,#0000);border:1px solid var(--hx-c-success-600);color:var(--hx-c-success-700)}html[data-theme=light]:not(.daisy-active) .status-badge.stopped{background:color-mix(in srgb,var(--hx-c-error-600) 14%,#0000);border:1px solid var(--hx-c-error-600);color:var(--hx-c-error-700)}html[data-theme=light]:not(.daisy-active) .status-badge.loading{background:color-mix(in srgb,var(--hx-c-warning-600) 14%,#0000);border:1px solid var(--hx-c-warning-600);color:var(--hx-c-warning-700)}html[data-theme=light]:not(.daisy-active) .chord-progression-display svg{background:var(--hx-c-neutral-0)!important;border:1px solid var(--hx-border)!important}html[data-theme=light]:not(.daisy-active) .home-screen{background:#0000}html[data-theme=light]:not(.daisy-active) .card.square-card,html[data-theme=light]:not(.daisy-active) .square-card{background:var(--hx-surface-raised,#f0f4f8)!important;background-color:var(--hx-surface-raised,#f0f4f8)!important;border:1px solid var(--hx-border,var(--fretboard-lines))!important;box-shadow:0 2px 8px -2px #0000001a,0 1px 4px -1px #00000014!important}html[data-theme=light]:not(.daisy-active) .main-card{backdrop-filter:saturate(165%) blur(2px)!important;background:linear-gradient(162deg,#dee9fffa,#bcdbffed 38%,#8cf4deeb)!important;border:1px solid color-mix(in srgb,var(--hx-c-primary-200) 70%,#ffffff59)!important;border-left:8px solid color-mix(in srgb,var(--hx-c-primary-500) 72%,var(--hx-c-secondary-400) 28%)!important;border-radius:calc(var(--hx-radius-16))!important;box-shadow:0 42px 72px -36px #1c183f8c,0 28px 52px -30px #14959152,inset 0 0 0 1px #ffffff3d!important}html[data-theme=light]:not(.daisy-active) .main-card:hover{border-color:color-mix(in srgb,var(--hx-c-primary-400) 72%,var(--hx-c-secondary-400) 28%)!important;border-left-color:color-mix(in srgb,var(--hx-c-primary-500) 78%,var(--hx-c-secondary-400) 22%)!important;box-shadow:0 48px 78px -34px #1c183f99,0 32px 56px -28px #1495915c,inset 0 0 0 1px #ffffff4d!important;transform:translateY(-5px)!important}html[data-theme=light]:not(.daisy-active) .card-title{color:var(--hx-text-strong)!important;font-weight:var(--hx-weight-bold)!important}html[data-theme=light]:not(.daisy-active) .card-subtitle{color:var(--hx-text-secondary)!important;font-weight:var(--hx-weight-semibold)!important}html[data-theme=light]:not(.daisy-active) .card-description{color:var(--hx-text-primary)!important;line-height:var(--hx-line-normal)!important}html[data-theme=light]:not(.daisy-active) .he-settings-overlay{backdrop-filter:saturate(120%) blur(2px);background:#0f172a52}html[data-theme=light]:not(.daisy-active) .he-settings-panel{background:var(--hx-surface-raised);border:1px solid var(--hx-border);box-shadow:var(--hx-shadow-4);color:var(--hx-text-primary)}html[data-theme=light]:not(.daisy-active) .simple-step.current{border-color:var(--hx-c-primary-300)!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .simple-step.completed{background:color-mix(in srgb,var(--hx-c-success-600) 14%,#fff)!important}html[data-theme=light]:not(.daisy-active) .course-complete-chip{background:var(--hx-c-success-600)!important;color:var(--hx-text-inverse)!important}html[data-theme=light]:not(.daisy-active) .breadcrumb-link:hover{background:var(--hx-hover-fill)!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .controlsContainer{background:linear-gradient(150deg,#ecf4fff2,#d1ecffe6 45%,#caffeee0)!important;border:1px solid color-mix(in srgb,var(--hx-c-primary-200) 60%,#fff6)!important;border-left:5px solid color-mix(in srgb,var(--hx-c-primary-500) 66%,var(--hx-c-secondary-400) 34%)!important;border-radius:var(--hx-radius-12)!important;box-shadow:0 26px 46px -30px #1c183f73,0 16px 34px -26px #14959142!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .info-section{background:linear-gradient(152deg,#e9f2fff2,#ccebffe6 48%,#cafff1e6)!important;border:1px solid color-mix(in srgb,var(--hx-c-primary-200) 62%,#ffffff6b)!important;border-left:5px solid color-mix(in srgb,var(--hx-c-primary-500) 68%,var(--hx-c-secondary-400) 32%)!important;border-radius:var(--hx-radius-12)!important;box-shadow:0 28px 42px -30px #1c183f7a,0 18px 34px -24px #14959147!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .transport-btn{background:var(--hx-card-gradient)!important;border:1px solid var(--hx-border)!important;border-radius:var(--hx-radius-12)!important;box-shadow:var(--hx-shadow-1)!important;color:var(--hx-text-secondary)!important;transition:background-color var(--hx-duration-150) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard),box-shadow var(--hx-duration-150) var(--hx-ease-standard),transform var(--hx-duration-100) var(--hx-ease-exit)!important}html[data-theme=light]:not(.daisy-active) .transport-btn:hover:not(.disabled):not(.is-success){background:var(--hx-hover-fill)!important;border-color:var(--hx-c-primary-300)!important;box-shadow:var(--hx-shadow-2),var(--hx-glow-weak)!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .transport-btn.is-success{background:var(--hx-c-neutral-0)!important;border-color:var(--hx-c-success-600)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-c-success-600) 30%,#0000)!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .view-mode-selector{background:var(--hx-card-gradient)!important;border:1px solid var(--hx-border)!important;border-radius:var(--hx-radius-12)!important;box-shadow:var(--hx-shadow-1)!important}html[data-theme=light]:not(.daisy-active) .view-mode-toggle-button,html[data-theme=light]:not(.daisy-active) button.view-mode-toggle-button{background:var(--hx-c-neutral-0)!important;border:1px solid var(--hx-border)!important;border-radius:var(--hx-radius-8)!important;box-shadow:var(--hx-shadow-0)!important;color:var(--hx-text-secondary)!important;transition:background-color var(--hx-duration-150) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard),box-shadow var(--hx-duration-150) var(--hx-ease-standard)!important}html[data-theme=light]:not(.daisy-active) .view-mode-toggle-button:hover:not(:disabled),html[data-theme=light]:not(.daisy-active) button.view-mode-toggle-button:hover:not(:disabled){background:var(--hx-hover-fill)!important;border-color:var(--hx-c-primary-300)!important;box-shadow:var(--hx-shadow-1)!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .metronome-button.view-mode-button.active,html[data-theme=light]:not(.daisy-active) .view-mode-toggle-button.active,html[data-theme=light]:not(.daisy-active) .view-mode-toggle-button[aria-pressed=true]{background:var(--hx-selected-fill)!important;border-color:var(--hx-c-primary-400)!important;box-shadow:0 0 0 2px var(--hx-focus-ring-color) inset!important;color:var(--hx-text-primary)!important}html[data-theme=light]:not(.daisy-active) .dropdown-select,html[data-theme=light]:not(.daisy-active) .select select{background:var(--hx-c-neutral-0)!important;border:1px solid var(--hx-border)!important;border-radius:var(--hx-radius-8)!important;box-shadow:var(--hx-shadow-0)!important;color:var(--hx-text-primary)!important;transition:background-color var(--hx-duration-150) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard),box-shadow var(--hx-duration-150) var(--hx-ease-standard)!important}html[data-theme=light]:not(.daisy-active) .dropdown-select:hover,html[data-theme=light]:not(.daisy-active) .select select:hover{background-color:var(--hx-c-neutral-0)!important;border-color:var(--hx-c-primary-300)!important;box-shadow:var(--hx-shadow-1)!important}html[data-theme=light]:not(.daisy-active) .dropdown-select:focus,html[data-theme=light]:not(.daisy-active) .select select:focus{border-color:var(--hx-c-primary-400)!important;box-shadow:0 0 0 2px var(--hx-focus-ring-color),var(--hx-shadow-1)!important;outline:none!important}html[data-theme=light]:not(.daisy-active) .course-card{background:linear-gradient(168deg,#e4effff5,#c4e5ffe8 44%,#b8ffece6)!important;border:1px solid color-mix(in srgb,var(--hx-c-primary-200) 60%,#fff6)!important;border-left:6px solid color-mix(in srgb,var(--hx-c-primary-500) 68%,var(--hx-c-secondary-400) 32%)!important;border-radius:var(--hx-radius-12)!important;box-shadow:0 34px 56px -34px #1c183f80,0 22px 44px -26px #1495914d,inset 0 0 0 1px #ffffff3d!important;transition:transform var(--hx-duration-150) var(--hx-ease-exit),box-shadow var(--hx-duration-200) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard)!important}html[data-theme=light]:not(.daisy-active) .course-card-header{padding:1.5rem 1.5rem 1rem!important;position:relative}html[data-theme=light]:not(.daisy-active) .course-card-header:before{background-image:radial-gradient(circle at 20% 30%,#5dade226 2px,#0000 0),radial-gradient(circle at 80% 70%,#5dade21f 2px,#0000 0),radial-gradient(circle at 60% 20%,#89cff014 2px,#0000 0);background-position:0 0,20px 20px,40px 40px;background-size:40px 40px,60px 60px,80px 80px;bottom:0;content:"";left:0;opacity:1;pointer-events:none;position:absolute;right:0;top:0}html[data-theme=light]:not(.daisy-active) .course-card-content{padding:1.5rem!important;position:relative}html[data-theme=light]:not(.daisy-active) .course-card-content:before{background-image:linear-gradient(45deg,#5dade214 25%,#0000 0),linear-gradient(-45deg,#5dade214 25%,#0000 0),linear-gradient(45deg,#0000 75%,#89cff00a 0),linear-gradient(-45deg,#0000 75%,#89cff00a 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;bottom:0;content:"";left:0;opacity:1;pointer-events:none;position:absolute;right:0;top:0}html[data-theme=light]:not(.daisy-active) .course-card:hover{border-color:color-mix(in srgb,var(--hx-c-primary-400) 68%,var(--hx-c-secondary-400) 32%)!important;border-left-color:color-mix(in srgb,var(--hx-c-primary-500) 74%,var(--hx-c-secondary-400) 26%)!important;box-shadow:0 40px 64px -32px #1c183f8a,0 28px 48px -24px #14959157,inset 0 0 0 1px #ffffff47!important;transform:translateY(-4px)!important}html[data-theme=light]:not(.daisy-active) .course-title{color:var(--hx-text-strong)!important;font-family:var(--hx-font-primary)!important;font-size:1.25rem!important;font-weight:700!important}html[data-theme=light]:not(.daisy-active) .course-intervals{color:var(--hx-text-secondary)!important;font-family:var(--hx-font-primary)!important;font-size:.875rem!important;font-weight:500!important}html[data-theme=light]:not(.daisy-active) .simple-step{background:var(--hx-surface-raised)!important;border:1px solid var(--hx-border)!important;border-radius:var(--hx-radius-8)!important;box-shadow:var(--hx-shadow-1)!important}html[data-theme=light]:not(.daisy-active) .simple-step:hover:not(.disabled){background:var(--hx-hover-fill)!important;border-color:var(--hx-c-primary-300)!important;box-shadow:var(--hx-shadow-2)!important}html[data-theme=light]:not(.daisy-active) .simple-step.current{background:var(--hx-selected-fill)!important;border-color:var(--hx-c-primary-400)!important;box-shadow:0 0 0 2px var(--hx-focus-ring-color) inset!important}html[data-theme=light]:not(.daisy-active) .simple-step.completed{background:color-mix(in srgb,var(--hx-c-success-600) 12%,#fff)!important;border-color:var(--hx-c-success-600)!important;color:var(--hx-text-primary)!important}html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .actions-section,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .bg-base-100,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .card,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .controls-section,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .course-card,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .fretboard-section,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .info-section,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .main-card,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .piano-section,html[data-theme=light] body[data-theme]:not([data-theme=hex-light]):not([data-theme=hex-dark]) .selector-section{background-color:hsl(var(--b1))!important;color:var(--bc)!important}html[data-theme=light]:not(.daisy-active) .home-feature-card.home-feature-card{background:var(--bg-secondary,#f7fafc);background-color:var(--bg-secondary,#f7fafc);border:3px solid color-mix(in srgb,var(--hx-c-primary-300,#7ec8ff) 70%,#00000040 30%);border-left:8px solid color-mix(in srgb,var(--hx-c-primary-500) 72%,var(--hx-c-secondary-400) 28%);border-radius:16px;box-shadow:0 6px 16px -4px #0000002e,0 3px 8px -2px #0000001f,inset 0 0 0 1px #0000001a}html[data-theme=light]:not(.daisy-active) .home-feature-card:hover{border-color:color-mix(in srgb,var(--hx-c-primary-400) 75%,#0003 25%)!important;border-left-color:color-mix(in srgb,var(--hx-c-primary-500) 78%,var(--hx-c-secondary-400) 22%)!important;box-shadow:0 10px 24px -4px #00000038,0 5px 12px -2px #00000026,inset 0 0 0 1px #0000001f!important}html[data-theme=light]:not(.daisy-active) .home-feature-card__header{background:linear-gradient(135deg,var(--bg-secondary) 0,var(--bg-tertiary) 100%)!important;background-color:var(--bg-secondary)!important;border-bottom:2px solid color-mix(in srgb,var(--hx-c-primary-200,#b8dcff) 60%,#0000002e 40%)!important}html[data-theme=light]:not(.daisy-active) .home-feature-card__body{background:var(--bg-secondary,#f7fafc)!important;background-color:var(--bg-secondary,#f7fafc)!important}:root,html[data-theme=dark],html[data-theme=light]{--hx-body-fg:var(--hx-text-primary);--hx-body-bg:var(--hx-surface-base)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--hx-body-bg);color:var(--hx-body-fg);font-family:var(--hx-font-sans);line-height:var(--hx-line-normal)}.hx-btn{--_fg:var(--hx-text-primary);--_bg:linear-gradient(168deg,color-mix(in srgb,var(--hx-c-neutral-0) 84%,var(--hx-c-secondary-50) 16%) 0%,color-mix(in srgb,var(--hx-card-gradient) 72%,var(--hx-c-secondary-50) 28%) 54%,color-mix(in srgb,var(--hx-card-gradient) 64%,var(--hx-c-primary-50) 36%) 100%);--_bd:color-mix(in srgb,var(--hx-border) 88%,#0000);--_ring:var(--hx-focus-ring-color);align-items:center;background:var(--_bg);border:1px solid var(--_bd);border-radius:var(--hx-radius-10,var(--hx-radius-8));box-shadow:0 18px 28px -22px #241c1152,0 12px 22px -18px #7b5bff3d,inset 0 0 0 1px #ffffff24;color:var(--_fg);cursor:pointer;display:inline-flex;font-size:var(--hx-font-size-14);font-weight:var(--hx-weight-semibold);gap:8px;justify-content:center;line-height:1;min-height:36px;padding:8px 14px;transition:background-position var(--hx-duration-200) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard),box-shadow var(--hx-duration-200) var(--hx-ease-standard),color var(--hx-duration-150) var(--hx-ease-standard),filter var(--hx-duration-120) var(--hx-ease-standard),transform var(--hx-duration-120) var(--hx-ease-exit);user-select:none}.hx-btn:hover{border-color:color-mix(in srgb,var(--_bd) 62%,var(--hx-c-primary-300) 38%);box-shadow:0 22px 34px -20px #241c1161,0 16px 28px -18px #7b5bff47,inset 0 0 0 1px #ffffff2e;filter:brightness(1.07);transform:translateY(-1px)}.hx-btn:active{box-shadow:0 12px 18px -16px #241c1152,0 8px 16px -14px #7b5bff38,inset 0 0 0 1px #ffffff1f;filter:brightness(.97);transform:translateY(1px)}.hx-btn:focus-visible{outline:var(--hx-focus-ring-width) solid var(--_ring);outline-offset:var(--hx-focus-ring-offset)}.hx-btn.is-disabled,.hx-btn[disabled]{cursor:not-allowed;opacity:var(--hx-disabled-opacity)}.hx-btn--sm{border-radius:var(--hx-radius-6);font-size:var(--hx-font-size-12);min-height:30px;padding:6px 12px}.hx-btn--lg{border-radius:var(--hx-radius-12);font-size:var(--hx-font-size-16);min-height:42px;padding:10px 18px}.hx-btn--primary{--_bg:linear-gradient(164deg,color-mix(in srgb,var(--hx-c-primary-600) 92%,#0000) 0%,color-mix(in srgb,var(--hx-c-primary-500) 88%,#0000) 55%,color-mix(in srgb,var(--hx-c-secondary-400) 34%,var(--hx-c-primary-400) 66%) 100%);--_bd:color-mix(in srgb,var(--hx-c-primary-600) 86%,#0000);--_fg:var(--hx-text-inverse);--_ring:color-mix(in srgb,var(--hx-c-primary-300) 75%,#fff 25%)}.hx-btn--primary:hover{border-color:color-mix(in srgb,var(--hx-c-primary-500) 78%,var(--hx-c-secondary-400) 22%);box-shadow:0 26px 44px -24px #241c116b,0 18px 36px -20px #7b5bff52,inset 0 0 0 1px #ffffff38;filter:brightness(1.05)}.hx-btn--secondary{--_bg:linear-gradient(168deg,color-mix(in srgb,var(--hx-c-neutral-0) 86%,var(--hx-c-secondary-50) 14%) 0%,color-mix(in srgb,var(--hx-card-gradient) 68%,var(--hx-c-secondary-100) 32%) 100%);--_bd:color-mix(in srgb,var(--hx-border) 86%,#0000);--_fg:var(--hx-text-primary)}.hx-btn--ghost{--_bg:color-mix(in srgb,var(--hx-c-primary-50) 18%,#0000);--_bd:color-mix(in srgb,var(--hx-c-primary-300) 35%,#0000);--_fg:var(--hx-c-primary-700)}.hx-btn--ghost:hover{border-color:color-mix(in srgb,var(--hx-c-primary-300) 60%,var(--hx-c-secondary-300) 40%);filter:brightness(1.08)}.hx-btn--danger{--_bg:var(--hx-c-error-600);--_bd:var(--hx-c-error-600);--_fg:var(--hx-text-inverse)}.hx-btn--danger:hover{background:var(--hx-c-error-700);border-color:var(--hx-c-error-700)}.hx-btn--icon{min-width:36px;padding:0;width:36px}.hx-card{background:var(--hx-surface-raised);border:1px solid var(--hx-border);border-radius:var(--hx-radius-12);box-shadow:var(--hx-shadow-1);color:var(--hx-text-primary);padding:var(--hx-space-5)}.hx-card--sub{background:var(--hx-c-neutral-0);border:1px solid var(--hx-border);border-radius:var(--hx-radius-8);box-shadow:var(--hx-shadow-0);padding:var(--hx-space-4)}.hx-field{display:grid;gap:6px}.hx-label{color:var(--hx-text-secondary);font-size:var(--hx-font-size-12);font-weight:var(--hx-weight-semibold);letter-spacing:.2px;text-transform:uppercase}.hx-input,.hx-select,.hx-textarea{background:linear-gradient(175deg,color-mix(in srgb,var(--hx-c-neutral-0) 88%,var(--hx-c-secondary-50) 12%) 0,color-mix(in srgb,var(--hx-c-neutral-0) 74%,var(--hx-c-secondary-100) 26%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 86%,#0000);border-radius:var(--hx-radius-10,var(--hx-radius-8));box-shadow:0 14px 22px -18px #241c1147,0 10px 20px -18px #7b5bff2e;color:var(--hx-text-primary);font-size:var(--hx-font-size-14);padding:8px 12px;transition:border-color var(--hx-duration-150) var(--hx-ease-standard),box-shadow var(--hx-duration-200) var(--hx-ease-standard),filter var(--hx-duration-120) var(--hx-ease-standard);width:100%}.hx-input::placeholder,.hx-textarea::placeholder{color:var(--hx-text-muted)}.hx-input:hover,.hx-select:hover,.hx-textarea:hover{border-color:color-mix(in srgb,var(--hx-c-primary-300) 62%,var(--hx-c-secondary-300) 38%);box-shadow:0 18px 30px -20px #241c1152,0 14px 26px -18px #7b5bff38;filter:brightness(1.04)}.hx-input:focus,.hx-select:focus,.hx-textarea:focus{border-color:color-mix(in srgb,var(--hx-c-primary-400) 70%,var(--hx-c-secondary-400) 30%);box-shadow:0 0 0 2px var(--hx-focus-ring-color),0 16px 32px -20px #241c1157,0 18px 34px -22px #7b5bff42;outline:none}.hx-input[disabled],.hx-select[disabled],.hx-textarea[disabled]{cursor:not-allowed;opacity:var(--hx-disabled-opacity)}.hx-tablist{backdrop-filter:saturate(130%);background:linear-gradient(160deg,color-mix(in srgb,var(--hx-c-neutral-0) 84%,var(--hx-c-secondary-50) 16%) 0,color-mix(in srgb,var(--hx-card-gradient) 65%,var(--hx-c-secondary-50) 35%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 82%,#0000);border-radius:var(--hx-radius-12);box-shadow:0 18px 30px -22px #241c1161,0 12px 26px -20px #7b5bff38;display:inline-flex;gap:8px;padding:6px}.hx-tab{background:color-mix(in srgb,var(--hx-c-neutral-0) 82%,#0000);border:1px solid #0000;border-radius:var(--hx-radius-8);color:var(--hx-text-secondary);cursor:pointer;font-weight:var(--hx-weight-semibold);padding:10px 16px;transition:color var(--hx-duration-150) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard),box-shadow var(--hx-duration-150) var(--hx-ease-standard),filter var(--hx-duration-120) var(--hx-ease-standard),transform var(--hx-duration-120) var(--hx-ease-exit)}.hx-tab:hover{border-color:color-mix(in srgb,var(--hx-c-primary-200) 60%,var(--hx-c-secondary-200) 40%);box-shadow:0 12px 20px -14px #241c1147,0 10px 18px -16px #7b5bff38;color:var(--hx-text-primary);filter:brightness(1.04);transform:translateY(-1px)}.hx-tab.is-active,.hx-tab[aria-selected=true]{background:linear-gradient(168deg,color-mix(in srgb,var(--hx-c-primary-600) 82%,#0000) 0,color-mix(in srgb,var(--hx-c-secondary-400) 46%,var(--hx-c-primary-400) 54%) 100%);border-color:color-mix(in srgb,var(--hx-c-primary-500) 70%,var(--hx-c-secondary-400) 30%);box-shadow:0 16px 28px -18px #241c1152,0 12px 26px -16px #7b5bff3d,inset 0 0 0 1px #ffffff2e;color:var(--hx-text-primary)}.hx-chip{align-items:center;background:linear-gradient(155deg,color-mix(in srgb,var(--hx-c-neutral-0) 86%,var(--hx-c-secondary-50) 14%) 0,color-mix(in srgb,var(--hx-card-gradient) 68%,var(--hx-c-secondary-100) 32%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 82%,#0000);border-radius:var(--hx-radius-round);box-shadow:0 10px 18px -14px #241c113d,0 8px 16px -12px #7b5bff2e;color:var(--hx-text-primary);display:inline-flex;font-size:var(--hx-font-size-12);font-weight:var(--hx-weight-semibold);gap:6px;padding:5px 12px;transition:border-color var(--hx-duration-120) var(--hx-ease-standard),box-shadow var(--hx-duration-150) var(--hx-ease-standard),filter var(--hx-duration-120) var(--hx-ease-standard)}.hx-chip.is-selected{background:linear-gradient(158deg,color-mix(in srgb,var(--hx-c-primary-200) 70%,#0000) 0,color-mix(in srgb,var(--hx-c-secondary-200) 40%,var(--hx-c-primary-200) 60%) 100%);border-color:color-mix(in srgb,var(--hx-c-primary-300) 65%,var(--hx-c-secondary-300) 35%);box-shadow:0 14px 24px -18px #241c1147,0 10px 20px -14px #7b5bff38}.hx-chip__remove{block-size:18px;border-radius:var(--hx-radius-round);color:var(--hx-text-secondary);display:grid;inline-size:18px;place-items:center}.hx-chip__remove:hover{background:color-mix(in srgb,var(--hx-c-primary-50) 40%,#0000);color:var(--hx-text-primary)}.hx-modal__overlay{backdrop-filter:saturate(120%) blur(2px);background:#0f172a52;display:grid;inset:0;place-items:center;position:fixed;z-index:1000}.hx-modal{background:var(--hx-surface-overlay);border:1px solid var(--hx-border);border-radius:var(--hx-radius-12);box-shadow:var(--hx-shadow-4);color:var(--hx-text-primary);display:grid;grid-template-rows:auto 1fr auto;inline-size:min(720px,calc(100vw - 32px));max-block-size:min(90vh,720px)}.hx-modal__footer,.hx-modal__header{border-block-end:1px solid var(--hx-border);padding:var(--hx-space-4)}.hx-modal__footer{border-block-end:none;border-block-start:1px solid var(--hx-border)}.hx-modal__body{overflow:auto;padding:var(--hx-space-4)}.hx-toast__container{bottom:16px;display:grid;gap:8px;position:fixed;right:16px;width:min(360px,calc(100vw - 32px));z-index:1100}.hx-toast{align-items:start;backdrop-filter:saturate(125%);background:linear-gradient(172deg,color-mix(in srgb,var(--hx-c-neutral-0) 82%,var(--hx-c-secondary-50) 18%) 0,color-mix(in srgb,var(--hx-card-gradient) 72%,var(--hx-c-secondary-100) 28%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 82%,#0000);border-radius:var(--hx-radius-10);box-shadow:0 20px 34px -24px #241c1161,0 14px 30px -20px #7b5bff3d;color:var(--hx-text-primary);display:grid;font-size:var(--hx-font-size-14);gap:10px;grid-template-columns:1fr auto;padding:12px 16px}.hx-toast--success{border-color:var(--hx-c-success-600)}.hx-toast--warning{border-color:var(--hx-c-warning-600)}.hx-toast--error{border-color:var(--hx-c-error-600)}.hx-toast--info{border-color:var(--hx-c-primary-600)}.hx-table{border-collapse:initial;border-spacing:0 6px;width:100%}.hx-table thead th{color:var(--hx-text-secondary);font-size:var(--hx-font-size-12);letter-spacing:.3px;padding:8px 10px;text-align:left;text-transform:uppercase}.hx-table tbody tr{background:linear-gradient(178deg,color-mix(in srgb,var(--hx-c-neutral-0) 82%,var(--hx-c-secondary-50) 18%) 0,color-mix(in srgb,var(--hx-card-gradient) 70%,var(--hx-c-secondary-100) 30%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 82%,#0000);border-left:3px solid color-mix(in srgb,var(--hx-c-secondary-400) 58%,var(--hx-c-primary-500) 42%);border-radius:var(--hx-radius-10,var(--hx-radius-8));box-shadow:0 18px 34px -24px #241c1161,0 12px 28px -22px #7b5bff3d}.hx-table tbody td{color:var(--hx-text-primary);padding:10px 12px}.hx-table tbody tr:hover{border-color:color-mix(in srgb,var(--hx-c-primary-300) 58%,var(--hx-c-secondary-300) 42%);box-shadow:0 22px 38px -24px #241c116b,0 16px 32px -22px #7b5bff47;filter:brightness(1.05)}.hx-divider{background:var(--hx-border);block-size:1px;inline-size:100%}.hx-alert{align-items:start;background:linear-gradient(165deg,color-mix(in srgb,var(--hx-c-neutral-0) 88%,var(--hx-c-secondary-50) 12%) 0,color-mix(in srgb,var(--hx-c-neutral-0) 70%,var(--hx-c-secondary-100) 30%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 82%,#0000);border-radius:var(--hx-radius-10);box-shadow:0 18px 30px -20px #241c1157,0 14px 24px -18px #7b5bff33;display:grid;gap:12px;grid-template-columns:auto 1fr;padding:var(--hx-space-4)}.hx-alert--success{background:linear-gradient(166deg,color-mix(in srgb,var(--hx-c-success-100) 82%,#0000) 0,color-mix(in srgb,var(--hx-c-success-200) 65%,#0000) 100%);border-color:color-mix(in srgb,var(--hx-c-success-500) 80%,#0000)}.hx-alert--warning{background:linear-gradient(166deg,color-mix(in srgb,var(--hx-c-warning-100) 84%,#0000) 0,color-mix(in srgb,var(--hx-c-warning-200) 66%,#0000) 100%);border-color:color-mix(in srgb,var(--hx-c-warning-500) 78%,#0000)}.hx-alert--error{background:linear-gradient(166deg,color-mix(in srgb,var(--hx-c-error-100) 82%,#0000) 0,color-mix(in srgb,var(--hx-c-error-200) 66%,#0000) 100%);border-color:color-mix(in srgb,var(--hx-c-error-500) 80%,#0000)}.hx-alert--info{background:linear-gradient(166deg,color-mix(in srgb,var(--hx-c-primary-100) 84%,#0000) 0,color-mix(in srgb,var(--hx-c-secondary-200) 40%,var(--hx-c-primary-200) 60%) 100%);border-color:color-mix(in srgb,var(--hx-c-primary-500) 78%,#0000)}.hx-progress{background:var(--hx-c-neutral-150);block-size:8px;border:1px solid var(--hx-border);border-radius:var(--hx-radius-round);inline-size:100%;overflow:hidden}.hx-progress__bar{background:linear-gradient(90deg,var(--hx-c-primary-600),var(--hx-c-primary-400));block-size:100%;border-radius:var(--hx-radius-round);inline-size:0;transition:inline-size var(--hx-duration-200) var(--hx-ease-entrance)}.hx-chart{--hx-chart-grid:var(--hx-border);--hx-chart-text:var(--hx-text-secondary);--hx-chart-series-1:var(--hx-c-primary-600);--hx-chart-series-2:var(--hx-c-secondary-600);--hx-chart-series-3:var(--hx-c-success-600);color:var(--hx-chart-text)}.hx-visually-hidden{clip:rect(0,0,1px,1px)!important;block-size:1px!important;border:0!important;inline-size:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.hx-page{margin-inline:auto;max-inline-size:1200px;padding-block:var(--hx-space-5);padding-inline:var(--hx-space-4)}.hx-grid-3{display:grid;gap:var(--hx-space-5);grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:900px){.hx-grid-3{grid-template-columns:1fr}}html[data-theme=light] .hx-card{background:linear-gradient(170deg,color-mix(in srgb,var(--hx-c-neutral-0) 78%,var(--hx-c-secondary-50) 22%) 0,color-mix(in srgb,var(--hx-card-gradient) 68%,var(--hx-c-secondary-50) 32%) 52%,color-mix(in srgb,var(--hx-card-gradient) 65%,var(--hx-c-primary-50) 35%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 82%,#0000);border-left:4px solid color-mix(in srgb,var(--hx-c-secondary-500) 58%,var(--hx-c-primary-500) 42%);border-radius:var(--hx-radius-12);box-shadow:0 26px 52px -34px #241c1180,0 18px 40px -30px #7b5bff47,inset 0 0 0 1px #ffffff3d}html[data-theme=light] .hx-card,html[data-theme=light] .hx-card--sub{color:var(--hx-text-primary);transition:transform var(--hx-duration-150) var(--hx-ease-exit),box-shadow var(--hx-duration-200) var(--hx-ease-standard),border-color var(--hx-duration-150) var(--hx-ease-standard)}html[data-theme=light] .hx-card--sub{background:linear-gradient(165deg,color-mix(in srgb,var(--hx-c-neutral-0) 88%,var(--hx-c-secondary-50) 12%) 0,color-mix(in srgb,var(--hx-c-neutral-0) 70%,var(--hx-c-secondary-100) 30%) 100%);border:1px solid color-mix(in srgb,var(--hx-border) 85%,#0000);border-left:3px solid color-mix(in srgb,var(--hx-c-secondary-400) 55%,var(--hx-c-primary-400) 45%);border-radius:var(--hx-radius-8);box-shadow:0 18px 34px -26px #241c1161,0 12px 26px -22px #7b5bff38}html[data-theme=light] .hx-card:hover{border-color:color-mix(in srgb,var(--hx-c-primary-400) 62%,var(--hx-c-secondary-400) 38%);border-left-color:color-mix(in srgb,var(--hx-c-secondary-500) 70%,var(--hx-c-primary-500) 30%);box-shadow:0 32px 58px -32px #241c118a,0 22px 46px -28px #7b5bff4d,inset 0 0 0 1px #ffffff47;transform:translateY(-3px)}html[data-theme=light] .hx-card--sub:hover{border-color:color-mix(in srgb,var(--hx-c-primary-300) 58%,var(--hx-c-secondary-300) 42%);border-left-color:color-mix(in srgb,var(--hx-c-secondary-500) 60%,var(--hx-c-primary-400) 40%);box-shadow:0 24px 38px -24px #241c116b,0 16px 32px -22px #7b5bff42;transform:translateY(-2px)}html[data-theme=light] .hx-accent-edge{border-left:2px solid color-mix(in srgb,var(--hx-harmonic-3) 18%,#0000);border-radius:inherit}html[data-theme=light] .hx-title--xl,html[data-theme=light] h1{color:var(--hx-text-strong);font-size:var(--hx-font-size-32);font-weight:var(--hx-weight-bold);letter-spacing:-.2px;line-height:var(--hx-line-snug);margin-block:0 8px}html[data-theme=light] .hx-title--lg,html[data-theme=light] h2{color:var(--hx-text-strong);font-size:var(--hx-font-size-24);font-weight:var(--hx-weight-bold);letter-spacing:-.1px;line-height:var(--hx-line-snug);margin-block:0 8px}html[data-theme=light] .hx-title--md,html[data-theme=light] h3{color:var(--hx-text-primary);font-size:var(--hx-font-size-20);font-weight:var(--hx-weight-semibold);line-height:var(--hx-line-tight);margin-block:0 6px}html[data-theme=light] .hx-subtitle{color:color-mix(in srgb,var(--hx-text-secondary) 92%,var(--hx-harmonic-2) 8%);font-size:var(--hx-font-size-14);font-weight:var(--hx-weight-medium)}.hx-geo-accent{position:relative}.hx-geo-accent:after{background:radial-gradient(50% 50% at 30% 30%,#fff 0 30%,color-mix(in srgb,var(--hx-harmonic-2) 75%,#0000) 45%,#0000 70%),radial-gradient(60% 60% at 70% 70%,color-mix(in srgb,var(--hx-harmonic-1) 85%,#0000),#0000 60%);block-size:10px;border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-harmonic-2) 25%,#0000),0 6px 14px -6px color-mix(in srgb,var(--hx-harmonic-2) 50%,#0000);content:"";inline-size:10px;inset-block-start:50%;inset-inline-start:-18px;opacity:.95;pointer-events:none;position:absolute;transform:translateY(-50%)}.hx-geo-accent--triangle:after{background:radial-gradient(60% 60% at 40% 30%,#fff 0 20%,#0000 60%),conic-gradient(from 210deg,var(--hx-harmonic-3),color-mix(in srgb,var(--hx-harmonic-2) 60%,var(--hx-harmonic-3) 40%));border-radius:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-harmonic-3) 25%,#0000),0 8px 18px -8px color-mix(in srgb,var(--hx-harmonic-3) 55%,#0000);clip-path:polygon(50% 0,0 100%,100% 100%)}.hx-geo-accent--diamond:after{background:radial-gradient(60% 60% at 50% 50%,#fff 0 20%,#0000 60%),linear-gradient(135deg,var(--hx-harmonic-1),var(--hx-harmonic-2));border-radius:0;box-shadow:0 0 0 2px color-mix(in srgb,var(--hx-harmonic-1) 25%,#0000),0 8px 18px -8px color-mix(in srgb,var(--hx-harmonic-1) 55%,#0000);transform:translateY(-50%) rotate(45deg)}.hx-geo-offset{padding-inline-start:12px}@media (prefers-reduced-motion:reduce){.hx-geo-accent:after{animation:none!important;transition:none!important}}.auth-modal-overlay{backdrop-filter:blur(4px);background:color-mix(in srgb,var(--bg-primary) 55%,#0000 45%);display:grid;inset:0;place-items:center;position:fixed;z-index:2000}.auth-modal{backdrop-filter:saturate(160%) blur(4px);background:var(--bg-elevated);border:1px solid var(--border-color,var(--fretboard-lines));border-radius:20px;box-shadow:0 34px 62px -32px #0000004d,0 22px 48px -28px #0003;overflow:hidden;width:min(920px,96vw)}.auth-modal--fullscreen{width:min(960px,96vw)}.auth-modal__grid{display:grid;grid-template-columns:1.1fr 1fr}@media (max-width:860px){.auth-modal__grid{grid-template-columns:1fr}}.auth-modal__brand{background:var(--bg-secondary);border-right:1px solid var(--border-color,var(--fretboard-lines));padding:36px 32px}@media (max-width:860px){.auth-modal__brand{border-bottom:1px solid var(--fretboard-lines);border-right:none}}.auth-brand__logo{background:var(--accent-primary);border-radius:12px;color:#fff;display:grid;font-family:var(--font-display);font-weight:800;height:48px;margin-bottom:12px;place-items:center;width:48px}.auth-brand__title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.auth-brand__subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:4px}.auth-modal__form{background:var(--bg-primary);padding:36px 32px}@supports (height:100dvh){.auth-modal-overlay{align-items:stretch}.auth-modal{display:flex;flex-direction:column;max-height:100dvh}.auth-modal__grid{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (max-height:420px) and (orientation:landscape){.auth-modal__grid{-webkit-overflow-scrolling:touch;overflow-y:auto}.auth-form{padding-bottom:96px}.auth-input{font-size:16px}}.auth-actions{background:var(--bg-secondary);bottom:env(safe-area-inset-bottom);padding:12px 16px;position:sticky}.auth-form__header{align-items:center;display:flex;justify-content:space-between}.auth-form__title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.auth-close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px}.auth-providers{display:grid;gap:10px;margin-top:16px}.auth-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-color,var(--fretboard-lines));border-radius:12px;box-shadow:0 2px 8px #0000001a;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:8px;justify-content:center;padding:10px 14px;transition:transform .14s var(--hx-ease-exit,ease-out),box-shadow .16s var(--hx-ease-standard,ease),border-color .16s var(--hx-ease-standard,ease),background-color .16s var(--hx-ease-standard,ease)}.auth-btn:hover{background:var(--bg-tertiary);border-color:var(--accent-primary)}.auth-btn--google{background:var(--bg-elevated);border-color:var(--border-color,var(--fretboard-lines))}.auth-btn--primary{background:var(--accent-primary);border-color:#0000;box-shadow:0 4px 12px color-mix(in srgb,var(--accent-primary) 40%,#0000);color:var(--hx-text-inverse,#fff)}.auth-btn--primary:hover{background:var(--accent-secondary);box-shadow:0 6px 16px color-mix(in srgb,var(--accent-primary) 50%,#0000);color:var(--hx-text-inverse,#fff)}.auth-btn--ghost{background:#0000;border:1px solid var(--border-color,var(--fretboard-lines));color:var(--accent-primary)}.auth-btn--ghost:hover{background:var(--hover-overlay,#0000000d)}.auth-divider{align-items:center;display:flex;gap:10px;margin:14px 0}.auth-divider>span{color:var(--text-secondary);font-size:12px}.auth-divider:after,.auth-divider:before{background:var(--fretboard-lines);content:"";flex:1;height:1px}.auth-form{display:grid;gap:12px;margin-top:10px}.auth-field{display:grid;gap:6px}.auth-label{color:var(--text-secondary);font-size:12px}.auth-input{background:var(--bg-elevated);border:1px solid var(--border-color,var(--fretboard-lines));border-radius:10px;box-shadow:0 1px 3px #0000001a;color:var(--text-primary);padding:10px 12px;transition:border-color .16s var(--hx-ease-standard,ease),box-shadow .16s var(--hx-ease-standard,ease)}.auth-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--focus-ring,color-mix(in srgb,var(--accent-primary) 20%,#0000));outline:none}.auth-input::placeholder{color:var(--text-muted)}.auth-password{display:grid;gap:8px;grid-template-columns:1fr auto}.auth-row{align-items:center;display:flex;justify-content:space-between}.auth-remember{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:8px}.auth-link{background:#0000;border:none;color:var(--accent-primary);cursor:pointer;font-size:12px;padding:4px 6px}.auth-error{color:var(--danger,#b00020);font-size:12px}.auth-footer{color:var(--text-secondary);font-size:12px;margin-top:10px}.verification-required{background:var(--bg-elevated);border:1px solid var(--border-color,var(--fretboard-lines));border-radius:8px;box-shadow:0 2px 8px #00000014,0 1px 2px #0000000a;margin:0 auto;max-width:520px;padding:48px 32px;text-align:left}.verification-required__icon{color:var(--accent-primary);margin-bottom:24px}.verification-required__title{color:var(--text-primary);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.verification-required__message{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 24px}.verification-required__email{background:var(--bg-secondary);border:1px solid var(--border-color,var(--fretboard-lines));border-radius:6px;color:var(--text-primary);font-size:.95rem;font-weight:500;margin:0 0 24px;padding:14px 16px;text-align:center}.verification-required__instructions{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:16px 0 24px}.verification-required__error{background:var(--danger-bg,#b000201a);border:1px solid var(--danger,#b00020);border-radius:12px;color:var(--danger,#b00020);font-size:.9rem;margin:16px 0;padding:12px 16px}.verification-required__actions{display:grid;gap:10px;margin:32px 0 0}.verification-required__button{background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:6px;box-shadow:0 1px 3px #0000001a;color:var(--hx-text-inverse,#fff);cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:background-color .2s ease,border-color .2s ease}.verification-required__button:hover:not(:disabled){background:var(--accent-secondary);box-shadow:0 2px 4px #0000001f}.verification-required__button:disabled{cursor:not-allowed;opacity:.6;transform:none}.verification-required__button--secondary{background:#0000;border-color:var(--border-color,var(--fretboard-lines));color:var(--text-secondary)}.verification-required__button--secondary:hover:not(:disabled){background:var(--hover-overlay,#0000000d);color:var(--text-primary)}.verification-required__tips{background:var(--bg-secondary);border:1px solid var(--border-color,var(--fretboard-lines));border-radius:12px;margin-top:32px;padding:20px;text-align:left}.verification-required__tips h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 12px}.verification-required__tips ul{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0;padding-left:20px}.verification-required__tips li{margin-bottom:4px}.verification-required__tips li:last-child{margin-bottom:0}.unsaved-changes-dialog-overlay{align-items:center;animation:overlayFadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.unsaved-changes-dialog{animation:dialogSlideIn .25s cubic-bezier(.16,1,.3,1);background:linear-gradient(165deg,#2d3748fa,#1a202cfc);border-radius:20px;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff1a;max-width:420px;overflow:hidden;padding:0;width:90%}.unsaved-changes-dialog-header{padding:28px 28px 0}.unsaved-changes-dialog h3{color:#fff;font-size:20px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}.unsaved-changes-dialog-content{padding:16px 28px 28px}.unsaved-changes-message{color:#ffffffa6;font-size:14px;line-height:1.6;margin:0}.unsaved-changes-message strong{color:#fff;font-weight:600}.unsaved-changes-actions{align-items:center;background:#0003;border-top:1px solid #ffffff0f;display:flex;gap:12px;justify-content:center;padding:20px 28px}.unsaved-changes-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:11px 22px;position:relative;transition:all .15s ease;white-space:nowrap}.unsaved-changes-btn:active{transform:scale(.97)}.unsaved-changes-btn--save{background:linear-gradient(135deg,#4f8ef7,#3b7bf4 50%,#2d6ce8);box-shadow:0 4px 15px #3b7bf466,0 1px 3px #0003,inset 0 1px 0 #ffffff26;color:#fff;font-size:15px;padding:12px 28px}.unsaved-changes-btn--save:hover{background:linear-gradient(135deg,#5a96f8,#4785f5 50%,#3874eb);box-shadow:0 6px 20px #3b7bf480,0 2px 4px #0003,inset 0 1px 0 #fff3;transform:translateY(-1px)}.unsaved-changes-btn--discard{background:#ffffff14;border:1px solid #ffffff1f;color:#ffffffd9}.unsaved-changes-btn--discard:hover{background:#ffffff1f;border-color:#ffffff2e;color:#fff}@media (max-width:480px){.unsaved-changes-dialog{margin:16px;width:95%}.unsaved-changes-dialog-header{padding:24px 24px 0}.unsaved-changes-dialog-content{padding:14px 24px 24px}.unsaved-changes-actions{flex-direction:column;gap:10px;padding:18px 24px}.unsaved-changes-btn--discard,.unsaved-changes-btn--save{width:100%}}.topbar-container{background:#0000;border-bottom:none;box-shadow:none;display:flex;margin:0;min-height:64px;padding:0;width:100%;z-index:100}.topbar-inner{margin:0 auto;max-width:1200px;padding:1rem var(--spacing-lg);padding-left:var(--spacing-lg);width:100%}.topbar-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;min-height:40px;position:relative;width:100%}.app-title{display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;margin:0}.clickable-title,.title-main{color:var(--text-primary);font-family:var(--font-display);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;line-height:1.2}.clickable-title{background:none;border:none;cursor:pointer;margin:0;padding:0;text-decoration:none;transition:none}.clickable-title:active,.clickable-title:focus,.clickable-title:hover{background:none!important;border:none!important;box-shadow:none!important;color:var(--text-primary)!important;outline:none!important;text-decoration:none!important;transform:none!important}.breadcrumbs{align-items:center;display:flex!important;gap:.5rem;max-width:calc(100% - 240px);opacity:1!important;overflow:hidden;text-overflow:ellipsis;visibility:visible!important;white-space:nowrap}.breadcrumb-link,.breadcrumbs{color:var(--text-secondary);font-family:var(--font-primary);font-size:.9rem}.breadcrumb-link{background:none;border:none;border-radius:4px;cursor:pointer;padding:.25rem .5rem;text-decoration:none;transition:all .2s ease}.breadcrumb-link:hover{background:#ffffff1a;color:var(--accent-primary)}.breadcrumb-link:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.breadcrumb-separator{color:var(--text-tertiary);font-weight:300}.breadcrumb-current{color:var(--accent-primary);cursor:default;font-weight:600}.breadcrumb-text{color:var(--text-secondary);cursor:default;font-weight:500}@media (max-width:768px){.topbar-container{min-height:56px;padding:.75rem var(--spacing-md)}.topbar-content{gap:.75rem}.title-main{font-size:1.2rem}.breadcrumbs{font-size:.8rem;gap:.4rem}.breadcrumb-link{font-size:.8rem;padding:.2rem .4rem}}@media (max-width:768px) and (orientation:landscape){.topbar-container{min-height:45px;padding:.5rem var(--spacing-md)}.title-main{font-size:1.1rem}.breadcrumbs{font-size:.75rem}.breadcrumb-link{font-size:.75rem;padding:.15rem .3rem}}@media (min-width:1200px){.title-main{font-size:1.5rem}.breadcrumb-link,.breadcrumbs{font-size:.95rem}}.title-subtitle{display:none}.home-screen{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:calc(100vh - 80px);padding:var(--spacing-lg)}.main-cards-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(1,1fr);margin:0 auto;max-width:1200px;width:100%}.home-screen>.main-cards-grid{margin-top:3rem}.main-card{background:var(--bg-secondary);border:1px solid var(--fretboard-lines);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;margin:0 auto;max-width:400px;overflow:hidden;padding:var(--spacing-xl);transition:all var(--transition-normal)}.home-course-card .course-card-header{background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%)!important;border-bottom:1px solid var(--fretboard-lines)!important;padding:1.5rem 1.5rem 1rem!important}.home-course-card .course-card-content{padding:1.5rem!important}.main-card:hover{border-color:var(--primary-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.progress-card{border-color:#ffffff14}.progress-card:hover{border-color:var(--primary-accent)}.main-card:active{transform:translateY(-1px)}.home-course-card .course-title{word-wrap:break-word!important;max-width:100%!important;overflow-wrap:break-word!important;text-align:center!important;white-space:normal!important;width:100%!important}.card-content{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;position:relative;text-align:center;width:100%}.card-title{color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:0;text-align:center}.card-subtitle{font-size:.875rem;font-weight:600;letter-spacing:.1em;opacity:.8;text-transform:uppercase}.card-description,.card-subtitle{color:var(--text-secondary);margin:0}.card-description{font-size:1rem;line-height:1.5;max-width:100%;opacity:.9;text-align:center}.coming-soon-badge{background:var(--text-secondary);border-radius:12px;color:var(--bg-secondary);font-size:12px;font-weight:500;padding:4px 12px;position:absolute;right:12px;top:12px}.explore-card:hover{background:var(--bg-elevated);border-color:var(--primary-accent)}.five-atoms-card:hover{background:var(--bg-elevated);border-color:var(--primary-accent)}.musicxml-extraction-card:hover{background:var(--bg-elevated);border-color:var(--primary-accent)}.harmony-essentials-card{border-color:var(--text-secondary);cursor:default;opacity:.7}.harmony-essentials-card:hover{box-shadow:var(--shadow-sm);transform:none}.song-voice-leading-card:hover{background:var(--bg-elevated);border-color:var(--primary-accent)}.triads-card:hover{background:var(--bg-elevated);border-color:var(--primary-accent)}@media (min-width:768px){.main-cards-grid{gap:2rem;grid-template-columns:repeat(3,1fr);max-width:1200px}.main-card{padding:calc(var(--spacing-xl) + 4px)}.square-card{max-height:300px;min-height:220px;padding:2.5rem 2rem}.card-title{font-size:2rem}.card-subtitle{font-size:1rem}.card-description{font-size:1.125rem}.home-screen>.main-cards-grid{margin-top:4rem}}.square-card{align-items:stretch;aspect-ratio:3/2;display:flex;flex-direction:column;justify-content:flex-start;max-height:280px;min-height:200px;padding:0}.square-card .card-title{color:var(--square-card-title-color,var(--text-primary));text-shadow:0 1px 1px color-mix(in srgb,var(--bg-secondary) 65%,#fff 35%)}.square-card .card-subtitle{color:var(--square-card-subtitle-color,var(--text-secondary))}.square-card .card-description{color:var(--square-card-description-color,var(--text-secondary))}.square-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.card.cursor-pointer,.card.cursor-pointer *,.square-card.cursor-pointer,.square-card.cursor-pointer *{cursor:pointer!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.home-footer{backdrop-filter:blur(16px);background:var(--home-footer-bg);border:1px solid var(--home-footer-border);border-radius:24px;box-shadow:var(--home-footer-shadow);display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between;margin-top:48px;max-width:1080px;padding:28px clamp(16px,4vw,48px);width:100%}.home-footer__panel{color:var(--home-footer-text-color,var(--text-secondary));display:flex;flex:1 1 280px;flex-direction:column;gap:18px}.home-footer__heading{color:var(--home-footer-heading-color,var(--text-primary));font-size:1.1rem;font-weight:600;letter-spacing:.04em;margin:0;text-transform:uppercase}.home-footer__hint{color:var(--home-footer-note-color,#ffffff8c);font-size:.85rem;line-height:1.5;margin:0;max-width:340px}.home-footer__links a,.home-footer__list a{color:var(--home-footer-link-color,var(--text-accent));font-size:.9rem;font-weight:500;text-decoration:none}.home-footer__links a:hover,.home-footer__list a:hover{text-decoration:underline}.home-footer__links{display:grid;gap:8px;list-style:none;margin:0;padding:0}.home-footer__link-button{background:none;border:none;color:var(--home-footer-link-color,var(--text-accent));cursor:pointer;font-size:.9rem;font-weight:500;padding:0;text-align:left}.home-footer__link-button:focus-visible,.home-footer__link-button:hover{text-decoration:underline}.home-footer__cta{align-self:flex-start;background:var(--home-footer-cta-bg,#ffffff14);border:1px solid var(--home-footer-cta-border,#ffffff29);border-radius:999px;color:var(--home-footer-cta-text,var(--text-primary));cursor:pointer;font-size:.92rem;font-weight:500;padding:10px 18px;transition:transform .2s ease,box-shadow .2s ease}.home-footer__cta:hover{box-shadow:var(--home-footer-cta-shadow,0 12px 24px #00000040);transform:translateY(-1px)}.home-footer__cta:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}@media (max-width:640px){.home-footer{gap:24px;padding:24px}.home-footer__cta{text-align:center;width:100%}}@media (min-width:480px) and (max-width:767px){.main-cards-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.square-card{max-height:250px;min-height:180px;padding:1.5rem 1rem}.harmony-essentials-card{grid-column:span 2}}@media (max-height:500px) and (orientation:landscape){.home-screen{padding:12px}.main-card{padding:16px}.card-title{font-size:20px;margin-bottom:6px}.card-subtitle{font-size:12px;margin-bottom:8px}.card-description{font-size:14px}.home-footer{padding:20px}}@media (prefers-contrast:high){.main-card{background:var(--bg-primary)}.home-footer,.main-card{border:2px solid var(--text-primary)}.home-footer{background:var(--bg-secondary);box-shadow:none}}@media (prefers-reduced-motion:reduce){.main-card{transition:none}.main-card:hover{transform:none}.home-footer__cta{transition:none}}.course-card{backdrop-filter:blur(10px);background:var(--bg-secondary);border:1px solid var(--fretboard-lines);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;clip-path:inset(0 round 16px);display:flex;flex-direction:column;height:100%;margin:0;max-width:400px;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.course-card-header,.course-card>*{overflow:visible!important}.course-card-header{border-radius:16px 16px 0 0!important}.course-card-content{border-radius:0 0 16px 16px!important;overflow:visible!important}.field-menu,.info-tag .field-menu{border-radius:8px!important;overflow:visible!important}.home-course-card,.song-card{background:var(--bg-secondary)!important;border:1px solid var(--fretboard-lines)!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;clip-path:inset(0 round 16px)!important;cursor:pointer;display:flex!important;flex-direction:column!important;height:auto!important;isolation:isolate!important;margin:0!important;max-width:400px!important;overflow:visible!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.home-course-card:hover,.song-card:hover{border-color:var(--primary-accent)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;transform:translateY(-2px)!important}.course-grid-card{background:var(--bg-secondary)!important;border:1px solid var(--fretboard-lines)!important;border-radius:16px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;clip-path:inset(0 round 16px)!important;cursor:pointer;display:flex!important;flex-direction:column!important;height:auto!important;isolation:isolate!important;margin:0!important;max-width:400px!important;overflow:visible!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:100%!important}.course-grid-card:hover{border-color:var(--primary-accent)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;transform:translateY(-2px)!important}.course-card:hover{border-color:var(--primary-accent);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.course-card:hover{transform:none}}.course-info{flex-direction:column;gap:.5rem;width:100%}.course-info,.course-title{align-items:center;display:flex}.course-title{flex-wrap:nowrap;gap:8px;justify-content:center;max-width:100%!important;min-width:0!important;width:100%!important}.course-title span{flex-shrink:0;white-space:nowrap}.course-card.completed-flash{animation:flash-border 1s ease;box-shadow:0 0 0 2px var(--success) inset}@keyframes flash-border{0%{box-shadow:0 0 0 2px var(--success) inset}to{box-shadow:none}}.course-complete-chip{background:var(--success);border-radius:999px;box-shadow:0 2px 4px #0000001a;color:var(--text-on-primary);font-size:.75rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;top:1rem}.course-grid .course-title,.course-grid-card .course-title,.home-course-card .course-title,.song-card .course-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.2;margin:-.25rem 0 0;max-width:100%;text-align:center;width:100%}.course-intervals{color:var(--course-intervals-color,var(--text-secondary));font-size:1rem;font-weight:500;margin:0;opacity:.8;text-align:center}.course-grid .course-card-header,.course-grid-card .course-card-header,.home-course-card .course-card-header,.song-card .course-card-header{align-items:center;background:linear-gradient(135deg,var(--bg-tertiary) 0,var(--bg-secondary) 100%);border-bottom:1px solid var(--fretboard-lines);box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:1.5rem 1.5rem 1rem;position:relative;text-align:center;width:100%}.title-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.title-row,.title-row .course-title{max-width:100%!important;width:100%!important}.title-row .course-title{flex:1;min-width:0}.title-actions{flex-shrink:0;gap:8px;padding-top:2px}.icon-btn,.title-actions{align-items:center;display:inline-flex}.icon-btn{background:#0000;border:1px solid var(--border-color,var(--fretboard-lines));border-radius:8px;color:var(--text-secondary);cursor:pointer;justify-content:center;line-height:1;padding:4px 7px;transition:color .15s ease,border-color .15s ease,background-color .15s ease,transform .15s ease}.icon-btn:hover{background:var(--hover-overlay);border-color:var(--accent-primary);color:var(--text-primary);transform:translateY(-1px)}.icon-btn--danger:hover{background:color-mix(in srgb,var(--error,#dc2626) 12%,#0000);border-color:var(--error,#dc2626);color:var(--error,#dc2626)}.course-card-header:after{clear:both;content:"";display:table}.course-card-content{display:flex;flex:1;flex-direction:column;gap:1.25rem;padding:1.5rem}.inline-completion-bar{margin-top:.5rem}.inline-completion-track{background:var(--bg-secondary);border:2px solid var(--fretboard-lines);border-radius:9999px;height:8px;overflow:hidden}.inline-completion-fill{background:linear-gradient(90deg,var(--accent-primary),var(--primary-accent));border-radius:9999px;height:100%}.info-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.info-tags-bottom{border-top:1px solid var(--fretboard-lines);margin-top:1.25rem;padding-top:1.25rem}.info-tag{align-items:center;background:var(--bg-primary);border:2px solid var(--fretboard-lines);border-radius:999px;color:var(--text-primary);display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;line-height:1;padding:.5rem .75rem;position:relative;transition:all .2s ease}.info-tag.clickable{cursor:pointer}.info-tag.disabled{cursor:default;opacity:.6}.info-tag .dot{background:var(--primary-accent);border-radius:50%;box-shadow:0 0 0 2px var(--hover-overlay);height:8px;width:8px}.info-tag .tag-label{color:var(--text-secondary)}.info-tag .tag-value{color:var(--text-primary);font-weight:600}.tag-voicing .dot{background:var(--success);box-shadow:0 0 0 2px #4ecdc426}.tag-stringset .dot{background:var(--warning,#d4b15f);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning,#d4b15f) 15%,#0000)}.info-tag .field-menu{left:0;position:absolute;top:calc(100% + 6px)}.course-steps{display:flex;flex-direction:column;gap:.75rem}.diatonic-group{margin-top:var(--spacing-sm)}.diatonic-group-header{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:var(--spacing-xs)}.diatonic-group-title{font-weight:600}.diatonic-group-progress{font-weight:500}.simple-step{align-items:center;background:var(--bg-primary);border:2px solid var(--fretboard-lines);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);justify-content:space-between;padding:var(--spacing-md);position:relative;transition:all var(--transition-normal)}.simple-step:hover:not(.disabled):not(.current):not(.completed){background:var(--hover-overlay);border-color:var(--accent-primary)}.simple-step.current{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--hx-text-inverse,#fff)}.simple-step.current:hover{background:var(--accent-primary)!important;border-color:var(--accent-primary)!important;color:var(--hx-text-inverse,#fff)!important}.simple-step.completed:hover{background:var(--success)!important;border-color:var(--success)!important;color:var(--hx-text-inverse,#fff)!important}.simple-step.completed{background:var(--success);border-color:var(--success);color:var(--hx-text-inverse,#fff)}.simple-step.disabled,.simple-step.locked{background:var(--bg-secondary);border-color:var(--fretboard-lines);color:var(--text-tertiary);cursor:not-allowed;opacity:.3}.simple-step.disabled:hover,.simple-step.locked:hover{background:var(--bg-secondary);border-color:var(--fretboard-lines);opacity:.3;transform:none}.simple-step.disabled .step-name,.simple-step.locked .step-name{color:var(--text-tertiary)}.compound-step{align-items:center;background:var(--bg-primary);border:2px solid var(--fretboard-lines);border-radius:var(--radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all var(--transition-normal)}.compound-step:hover:not(.disabled){background:var(--hover-overlay);border-color:var(--accent-primary)}.compound-step.disabled{cursor:not-allowed;opacity:.3}.compound-text{display:flex;flex-direction:column;gap:2px}.compound-title{color:var(--text-primary);font-weight:600}.compound-subtitle{color:var(--text-secondary);font-size:.85rem}.segmented-progress{display:inline-flex;gap:4px}.segmented-progress .segment{background:var(--fretboard-lines);border-radius:999px;height:6px;width:18px}.segmented-progress .segment.completed{background:var(--success)}.segmented-progress .segment.active{background:var(--primary-accent)}.compound-actions{margin-top:var(--spacing-xs)}.link-button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:0;text-decoration:underline}.progress-fraction{color:var(--text-secondary);font-weight:600}.diatonic-details{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.simple-step.disabled .step-indicator,.simple-step.locked .step-indicator{color:var(--text-tertiary)}.step-name{font-size:.9rem;font-weight:500}.step-indicator{align-items:center;border-radius:50%;display:inline-flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;line-height:1;width:24px}.simple-step.completed .step-indicator,.simple-step.in-progress .step-indicator{color:var(--text-on-primary)}.step-right{align-items:center;display:flex;gap:var(--spacing-sm)}.course-voicing-bar{border-top:1px solid var(--fretboard-lines);display:grid;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;padding-top:var(--spacing-sm)}.voicing-field{background:var(--bg-primary);border:2px solid var(--fretboard-lines);border-radius:var(--radius-md);padding:10px 12px;position:relative}.voicing-field.clickable{cursor:pointer}.voicing-field.disabled{cursor:default;opacity:.6}.field-label{color:var(--text-secondary);font-size:.75rem;margin-bottom:2px}.field-value{color:var(--text-primary);font-size:.9rem}.field-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.field-progress{color:var(--text-secondary);font-size:.8rem}.field-menu{background:var(--bg-elevated);border:1px solid var(--border-color,var(--fretboard-lines));border-radius:8px;left:0;max-height:min(400px,60vh);min-width:max-content;overflow:auto;padding:6px;position:absolute;right:0;top:calc(100% + 6px);width:100%;z-index:1000}.field-menu.up{bottom:calc(100% + 6px);top:auto}.field-menu-item{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:block;padding:6px 8px;text-align:left;width:100%}.field-menu-item:hover{background:var(--hover-overlay,#ffffff0f)}.field-menu-item.disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.5}.field-menu-item.disabled:hover{background:#0000;color:var(--text-tertiary)}.course-locked{cursor:not-allowed;opacity:.7}.course-locked:hover{border-color:var(--fretboard-lines);box-shadow:var(--shadow-sm);transform:none}.locked-by-tier,.song-card--locked{cursor:pointer!important;overflow:hidden!important;position:relative}.locked-by-tier:before,.song-card--locked:before{background:#6366f1;box-shadow:0 2px 4px #0000001a,0 0 6px #6366f14d;color:#fff;content:"PRO";font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:4px 40px;position:absolute;right:-30px;top:12px;transform:rotate(45deg);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10}.locked-by-tier:hover:before,.song-card--locked:hover:before{background:#4f46e5;box-shadow:0 3px 6px #00000026,0 0 8px #6366f166}.locked-by-tier .course-card-content,.locked-by-tier .course-card-header,.song-card--locked .song-card-content,.song-card--locked .song-card-header{opacity:.5;pointer-events:none}.locked-message{color:var(--text-secondary);padding:var(--spacing-lg);text-align:center}.locked-message p{font-size:.9rem;margin:0}.prerequisites{color:var(--text-tertiary);font-size:.8rem;margin-top:var(--spacing-sm)}.song-card-locked-badge{display:none!important}@media (max-width:768px){.course-card{max-width:100%;max-width:350px}.course-card-header{padding:1.5rem 1rem 1rem}.course-card-content{padding:1rem}.course-title{font-size:1.375rem}.course-intervals{font-size:.9rem}.simple-step{padding:.75rem}.course-voicing-bar{grid-template-columns:1fr}}.song-card--dropdown-open{position:relative;z-index:1001}.song-card .field-menu{z-index:1002}.completion-snackbar{bottom:0;left:0;padding:20px;position:fixed;right:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,0,0,1);z-index:1000}.completion-snackbar.slide-in{transform:translateY(0)}.snackbar-content{backdrop-filter:blur(12px);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a;margin:0 auto;max-width:480px;padding:16px 20px;position:relative;transition:all .3s ease}.variant-success .snackbar-content{border-left:4px solid var(--success);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a,0 0 0 1px #4ecdc41a}.variant-error .snackbar-content{border-left:4px solid var(--error);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a,0 0 0 1px #e74c3c1a}.variant-warning .snackbar-content{border-left:4px solid var(--warning);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a,0 0 0 1px #f4d03f1a}.variant-info .snackbar-content{border-left:4px solid var(--info);box-shadow:0 4px 12px #00000026,0 1px 3px #0000001a,0 0 0 1px #5dade21a}.snackbar-accent{display:none}.snackbar-header{margin:0;padding-right:32px}.snackbar-title{display:none}.snackbar-subtitle{color:var(--text-primary);font-family:var(--font-primary);font-size:.95rem;font-weight:450;letter-spacing:-.01em;line-height:1.6;margin:0}.toast-progress{background:color-mix(in srgb,var(--text-secondary) 15%,#0000);border-radius:0 0 8px 8px;bottom:0;height:3px;left:0;overflow:hidden;position:absolute;right:0}.toast-progress:after{animation:toast_shrink 3s cubic-bezier(.4,0,.2,1) forwards;background:linear-gradient(90deg,var(--text-secondary),color-mix(in srgb,var(--text-secondary) 60%,#0000));content:"";display:block;height:100%;transform-origin:left;width:100%}@keyframes toast_shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.snackbar-actions{display:flex;flex-direction:column;gap:8px}.snackbar-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;padding:12px 16px;text-align:center;transition:all .2s ease}.primary-btn{background:#22c55e;color:#fff}.primary-btn:hover{background:#16a34a;transform:translateY(-1px)}.secondary-btn{background:#3b82f6;color:#fff}.secondary-btn:hover{background:#2563eb;transform:translateY(-1px)}.tertiary-btn{background:#ffffff1a;border:1px solid #fff3;color:#f8fafc}.tertiary-btn:hover{background:#ffffff26;transform:translateY(-1px)}.snackbar-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:4px;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px}.snackbar-close:hover{background:var(--bg-secondary,#0000000d);color:var(--text-primary)}@media (min-width:768px){.completion-snackbar{padding:20px}.snackbar-content{max-width:480px;padding:16px 20px}.snackbar-subtitle{font-size:.95rem}.snackbar-actions{flex-direction:row;gap:12px}.snackbar-btn{flex:1;font-size:15px;padding:14px 20px}}@media (min-width:1024px){.snackbar-content{max-width:700px}}@media (max-height:500px) and (orientation:landscape){.completion-snackbar{padding:12px}.snackbar-content{padding:16px}.snackbar-actions{flex-direction:row;gap:8px}.snackbar-btn{font-size:13px;min-height:40px;padding:10px 14px}}@media (prefers-contrast:high){.snackbar-content{background:#0f172afa;border:2px solid #f8fafc}.snackbar-btn{border:1px solid}}@media (prefers-reduced-motion:reduce){.completion-snackbar{transition:none}.snackbar-btn:hover{transform:none}}.legal-modal-overlay{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.legal-modal-content{background-color:var(--bg-primary);border-radius:8px;box-shadow:0 5px 15px #0000004d;color:var(--text-primary);display:flex;flex-direction:column;height:80vh;max-width:600px;min-width:500px;padding:2rem;width:90%}.legal-modal-tabs{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.legal-tab-button{background:var(--bg-secondary);border:1px solid #0000;border-radius:999px;color:var(--text-secondary);cursor:pointer;padding:.5rem .9rem;transition:all .2s ease}.legal-tab-button.active{background:var(--accent-surface,#658fff2e);color:var(--text-primary);font-weight:600}.legal-tab-button.active,.legal-tab-button:hover{border-color:var(--accent-highlight,#658fff59)}.legal-modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.legal-modal-header h2{color:var(--text-primary);flex:1;font-size:1.5rem;margin:0}.legal-modal-back-button{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:.9rem;margin-right:1rem;padding:.5rem 1rem}.legal-modal-back-button:hover{background:var(--bg-tertiary)}.legal-modal-close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:2rem;margin-left:1rem;padding:0}.legal-modal-body,.legal-modal-close-button:hover{color:var(--text-primary)}.legal-modal-body{flex:1;overflow-y:auto}.legal-modal-body ul{list-style:none;margin:0;padding:0}.legal-modal-body li{margin-bottom:1rem}.legal-modal-link-button{background:none;border:none;color:var(--text-accent);cursor:pointer;font-size:1.1rem;padding:0;text-align:left;text-decoration:none;width:100%}.legal-modal-link-button:hover{text-decoration:underline}.legal-modal-content-view{color:var(--text-primary);line-height:1.6;padding:1rem 0}.legal-modal-content-view h2,.legal-modal-content-view h3,.legal-modal-content-view h4{color:var(--text-primary);margin-top:0}.legal-modal-content-view p{margin-bottom:1rem}.legal-modal-content-view strong{color:var(--text-primary);font-weight:600}.legal-section-summary{color:var(--text-primary);line-height:1.6;margin-bottom:1.5rem}.legal-section-summary ul{padding-left:1.2rem}.legal-section-summary li{margin-bottom:.4rem}.legal-updated{color:var(--text-muted,var(--text-secondary));font-size:.85rem;letter-spacing:.08em;margin-bottom:.5rem;text-transform:uppercase}.legal-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.legal-action-link{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:500;padding:.55rem 1.1rem;text-decoration:none}.legal-action-link:hover{border-color:var(--accent-highlight,#658fff66);color:var(--text-accent)}.legal-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem}.legal-details summary{color:var(--text-primary);cursor:pointer;font-weight:600;list-style:none}.legal-details summary::-webkit-details-marker{display:none}.legal-details summary:after{content:"▾";font-size:.85rem;margin-left:.5rem;transform:rotate(0deg);transition:transform .2s ease}.legal-details[open] summary:after{transform:rotate(180deg)}.legal-details-content{color:var(--text-primary);line-height:1.7;margin-top:1rem}.legal-details-content h3,.legal-details-content h4{margin-bottom:.5rem;margin-top:1.25rem}.legal-details-content p{margin-bottom:.65rem}.legal-details-content ul{padding-left:1.2rem}.legal-dual-language{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.legal-dual-language section{background:var(--bg-primary)}@media (max-width:768px){.legal-modal-content{padding:1.5rem}.legal-modal-tabs{justify-content:center}.legal-dual-language{grid-template-columns:1fr}}.cookie-consent{bottom:0;display:flex;justify-content:center;left:0;padding:12px;position:fixed;right:0;z-index:1000}.cookie-consent__content{background:var(--bg-elevated,#fff);border:1px solid var(--border-muted,#e5e7eb);border-radius:10px;box-shadow:0 8px 24px #0000001f;color:var(--text-primary,#1f2937);max-width:960px;padding:12px;width:100%}.cookie-consent__text{font-size:.95rem;line-height:1.35rem;margin-bottom:10px}.cookie-consent__actions{display:flex;flex-wrap:wrap;gap:8px}.cc-btn{background:#fff;border:1px solid var(--border-muted,#e5e7eb);border-radius:8px;color:#374151;cursor:pointer;padding:8px 12px}.cc-accept{background:#667eea;border-color:#667eea;color:#fff}.cc-reject{background:#f3f4f6}.cc-secondary{background:#fff}.cookie-consent__prefs{border-top:1px dashed var(--border-muted,#e5e7eb);margin-top:10px;padding-top:10px}.cc-pref{display:block;margin:6px 0}.cookie-consent__prefs-actions{margin-top:8px}.cc-save{background:#667eea;border-color:#667eea;color:#fff}.he-account-menu__profile{align-items:center;background:#0000;border:none;color:var(--bc,#111418);cursor:pointer;display:flex;font-family:inherit;gap:12px;margin-bottom:6px;padding:8px 10px 12px;text-align:left;width:100%}.he-account-menu__profile:focus-visible,.he-account-menu__profile:hover{background:#0000;outline:none}.he-account-menu__avatar{align-items:center;background:var(--b3,#e5e7eb);border:1px solid color-mix(in srgb,var(--bc,#111418) 8%,#0000);border-radius:50%;color:var(--bc,#111418);display:inline-flex;font-size:14px;font-weight:600;height:30px;justify-content:center;width:30px}.he-account-menu__profile-copy{display:flex;flex-direction:column;gap:2px;line-height:1.3}.he-account-menu__profile-name{color:var(--bc,#111418);font-size:14px;font-weight:600}.he-account-menu__profile-email{color:color-mix(in srgb,var(--bc,#111418) 60%,var(--b1,#fff) 40%);font-size:12px}.he-account-menu__body{display:flex;flex-direction:column;gap:12px}.he-account-menu__section{display:flex;flex-direction:column;gap:10px}.he-account-menu__divider{display:none}.he-account-menu__primary-group{display:flex;flex-direction:column;gap:6px}.he-account-menu__primary-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--bc,#111418);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:10px;text-align:left;width:100%}.he-account-menu__primary-button:focus-visible,.he-account-menu__primary-button:hover{background:#0000;outline:none}.he-account-menu__primary-icon{align-items:center;background:#0000;border-radius:8px;color:var(--bc,#111418);display:inline-flex;height:32px;justify-content:center;width:32px}.he-account-menu__primary-title{color:var(--bc,#111418);flex:1}.he-account-menu__chevron{color:color-mix(in srgb,var(--bc,#111418) 60%,#0000);font-size:18px;line-height:1}.he-account-menu__primary-children{display:none;flex-direction:column;gap:4px;margin-top:4px;padding-left:42px}.he-account-menu__secondary-button{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--bc,#111418);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 10px;text-align:left;transition:color .18s ease;width:100%}.he-account-menu__secondary-button:focus-visible,.he-account-menu__secondary-button:hover{color:var(--bc,#111418);outline:none}.he-account-menu__secondary-button--danger{color:var(--er,#b42318)}.he-account-menu__secondary-button--nested{color:color-mix(in srgb,var(--bc,#111418) 60%,#0000);font-size:12.5px;padding-left:0}.he-account-menu__secondary-label{align-items:center;display:inline-flex;gap:8px}.he-account-menu__secondary-label svg{color:inherit}.he-account-menu__icon-letter{align-items:center;background:var(--b1,#fff);border:1px solid color-mix(in srgb,var(--bc,#111418) 10%,#0000);border-radius:4px;color:#4285f4;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.onboarding-backdrop{background:#000000b3;position:fixed;transition:all .3s ease;z-index:9998}.onboarding-tooltip{animation:tourFadeIn .4s cubic-bezier(.4,0,.2,1) forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#141419f2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 50px #0009,0 0 0 1px #ffffff0d;color:#fff;font-family:Inter,system-ui,sans-serif;opacity:0;padding:24px;position:fixed;transition:top .3s cubic-bezier(.4,0,.2,1),left .3s cubic-bezier(.4,0,.2,1);width:320px;z-index:9999}@keyframes tourFadeIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.onboarding-spotlight-border{border:2px solid #60a5fa;border-radius:8px;box-shadow:0 0 0 4px #60a5fa33,0 0 20px #60a5fa66;pointer-events:none;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:9999}.tour-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tour-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#a5b4fc);background-clip:text;-webkit-background-clip:text;font-size:1.1rem;font-weight:700}.tour-content{color:#9ca3af;font-size:.95rem;line-height:1.5;margin-bottom:20px}.tour-footer{align-items:center;display:flex;justify-content:space-between}.tour-progress{color:#6b7280;font-size:.8rem;font-weight:500}.tour-actions{display:flex;gap:12px}.tour-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.tour-btn-skip{background:#0000;color:#9ca3af}.tour-btn-skip:hover{background:#ffffff0d;color:#fff}.tour-btn-next{background:#4f46e5;box-shadow:0 4px 12px #4f46e54d;color:#fff}.tour-btn-next:hover{background:#4338ca;transform:translateY(-1px)}:root{--lp-bg:#030712;--lp-text-primary:#f8fafc;--lp-text-secondary:#94a3b8;--lp-accent:#6366f1;--lp-accent-glow:#6366f180;--lp-gradient-primary:linear-gradient(135deg,#6366f1,#a855f7);--lp-font-main:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}.landing-container{background-color:var(--lp-bg);color:var(--lp-text-primary);display:flex;flex-direction:column;font-family:var(--lp-font-main);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;width:100vw;z-index:9999}.landing-bg-overlay{animation:pulseBg 8s ease-in-out infinite alternate;background-image:radial-gradient(circle at 15% 50%,#6366f114 0,#0000 25%),radial-gradient(circle at 85% 30%,#a855f71a 0,#0000 25%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}@keyframes pulseBg{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.landing-header{justify-content:space-between;padding:32px 48px;width:100%;z-index:10}.landing-brand,.landing-header{align-items:center;display:flex}.landing-brand{gap:12px}.brand-dot{background:var(--lp-gradient-primary);border-radius:50%;box-shadow:0 0 12px var(--lp-accent-glow);height:12px;width:12px}.brand-text{color:var(--lp-text-primary);font-size:.9rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.btn-login{background:#0000;border:1px solid #ffffff1a;border-radius:99px;color:var(--lp-text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-login:hover{background:#ffffff0d;border-color:#ffffff4d;color:var(--lp-text-primary)}.landing-hero{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:center;margin-top:-40px;padding:0 24px;position:relative;z-index:10}.hero-content{margin-bottom:80px;max-width:800px;text-align:center}.hero-tagline{align-items:center;animation:fadeUp .8s ease .2s forwards;display:flex;gap:16px;justify-content:center;margin-bottom:32px;opacity:0}.tagline-text{color:var(--lp-accent);font-size:.85rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.tagline-line{background:#6366f14d;height:1px;width:40px}.hero-title{animation:fadeUp .8s ease .4s forwards;display:flex;flex-direction:column;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800;letter-spacing:-.04em;line-height:.95;margin-bottom:32px;opacity:0}.title-line{display:block}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(99,102,241,.15))}.hero-description{animation:fadeUp .8s ease .6s forwards;color:var(--lp-text-secondary);font-size:1.125rem;line-height:1.6;margin:0 auto 48px;max-width:500px;opacity:0}.btn-cta-primary{align-items:center;animation:fadeUp .8s ease .8s forwards;background:var(--lp-text-primary);border:none;border-radius:99px;box-shadow:0 0 30px #ffffff1a;color:#000;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:12px;letter-spacing:.05em;opacity:0;padding:18px 48px;transition:all .3s cubic-bezier(.2,.8,.2,1)}.btn-cta-primary:hover{box-shadow:0 0 50px #ffffff40;padding-right:56px;transform:translateY(-2px) scale(1.02)}.cta-icon{transition:transform .3s ease}.btn-cta-primary:hover .cta-icon{transform:translateX(4px)}.landing-grid{animation:fadeUp 1s ease 1s forwards;border-top:1px solid #ffffff0d;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);max-width:1000px;opacity:0;padding-top:40px;width:100%}.feature-item{background:#ffffff05;border:1px solid #ffffff08;border-radius:16px;padding:24px}.feature-icon-wrapper{align-items:center;background:#ffffff0d;border-radius:12px;color:var(--lp-text-primary);display:flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.feature-heading{color:var(--lp-text-primary);font-size:1.1rem;font-weight:600;margin-bottom:8px}.feature-sub{color:var(--lp-text-secondary);font-size:.9rem;line-height:1.4}.landing-footer{color:#fff3;font-size:.8rem;letter-spacing:.1em;padding:40px;text-align:center;text-transform:uppercase}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.landing-header{padding:24px}.hero-title{font-size:3.5rem}.landing-grid{gap:16px;grid-template-columns:1fr}.btn-cta-primary{justify-content:center;width:100%}}
/*# sourceMappingURL=main.e2a240ee.css.map*/