@charset "UTF-8";:root{--clr-text-primary: #1e293b;--clr-text-secondary: #334155;--clr-text-heading-secondary: #475569;--clr-text-muted: #64748b;--clr-text-tertiary: #94a3b8;--clr-bg-page: #ffffff;--clr-bg-card: #f8fafc;--clr-bg-card-alt: #f1f5f9;--clr-bg-placeholder: #f3f4f6;--clr-bg-ad: #fafafa;--clr-bg-surface: #ffffff;--clr-accent: #2563eb;--clr-accent-hover: #1d4ed8;--clr-accent-light: #60a5fa;--clr-accent-on-black: #3b82f6;--clr-accent-bg-hover: #eff6ff;--clr-border: #e2e8f0;--clr-header-bg: #1e293b;--clr-header-text: #ffffff;--clr-header-link: #94a3b8;--clr-footer-bg: #f1f5f9;--clr-svg-white-key: #ffffff;--clr-svg-key-stroke: #333333;--clr-svg-black-key: #111111;--clr-svg-black-key-stroke: #000000;--clr-svg-label-text: #333333;--clr-svg-dot-text: #ffffff;--clr-svg-nut: #333333;--clr-svg-string: #666666;--clr-svg-fret: #999999;--clr-svg-fretboard-fret: #d1d5db;--clr-svg-fret-marker: #e2e8f0;color-scheme:light}html[data-theme=dark]{--clr-text-primary: #e2e8f0;--clr-text-secondary: #cbd5e1;--clr-text-heading-secondary: #94a3b8;--clr-text-muted: #94a3b8;--clr-text-tertiary: #64748b;--clr-bg-page: #0f172a;--clr-bg-card: #1e293b;--clr-bg-card-alt: #1e293b;--clr-bg-placeholder: #334155;--clr-bg-ad: #1e293b;--clr-bg-surface: #1e293b;--clr-accent: #3b82f6;--clr-accent-hover: #2563eb;--clr-accent-light: #60a5fa;--clr-accent-on-black: #60a5fa;--clr-accent-bg-hover: #1e3a5f;--clr-border: #334155;--clr-header-bg: #020617;--clr-header-text: #e2e8f0;--clr-header-link: #64748b;--clr-footer-bg: #0f172a;--clr-svg-white-key: #1e293b;--clr-svg-key-stroke: #475569;--clr-svg-black-key: #0f172a;--clr-svg-black-key-stroke: #1e293b;--clr-svg-label-text: #e2e8f0;--clr-svg-dot-text: #ffffff;--clr-svg-nut: #94a3b8;--clr-svg-string: #94a3b8;--clr-svg-fret: #64748b;--clr-svg-fretboard-fret: #475569;--clr-svg-fret-marker: #334155;color-scheme:dark}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,Inter Fallback,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;color:var(--clr-text-primary);background:var(--clr-bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}body{min-height:100vh}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto;display:block}.ad-slot-leaderboard{min-height:90px}.ad-slot-rectangle{min-height:250px}.ad-slot-sidebar{min-height:600px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media print{:root,html[data-theme=dark]{--clr-text-primary: #1e293b;--clr-text-secondary: #334155;--clr-text-heading-secondary: #475569;--clr-text-muted: #64748b;--clr-bg-page: #ffffff;--clr-bg-card: #ffffff;--clr-bg-card-alt: #f8fafc;--clr-bg-surface: #ffffff;--clr-border: #d1d5db;--clr-accent: #2563eb;--clr-svg-white-key: #ffffff;--clr-svg-key-stroke: #333333;--clr-svg-black-key: #111111;--clr-svg-black-key-stroke: #000000;--clr-svg-label-text: #333333;--clr-svg-nut: #333333;--clr-svg-string: #666666;--clr-svg-fret: #999999;--clr-svg-fretboard-fret: #d1d5db;--clr-svg-fret-marker: #e2e8f0;color-scheme:light}*,*:before,*:after{transition:none!important;animation:none!important}html{background:#fff}body{min-height:auto}app-header,app-footer,.ad-container,.adsbygoogle,[class*=ad-slot],.audio-controls,.export-actions,.fret-label-toggle,.instrument-toggle,.try-section,.related-section,.breadcrumbs,.menu-toggle,.menu-backdrop,.theme-toggle,.skip-link{display:none!important}.main-content{min-height:auto;padding:0}.chord-page,.scale-page,.progression-detail,.scale-compare{max-width:100%;padding:0;margin:0}.diagrams-row{gap:16px}.diagram-card{break-inside:avoid}.piano-wrap,.staff-wrap{max-width:320px;height:auto!important;overflow:visible!important}.guitar-wrap{max-width:220px;height:auto!important;overflow:visible!important}.intervals-section,.diatonic-section{content-visibility:visible!important;contain-intrinsic-size:auto!important}.intervals-table,.diatonic-table{border-collapse:collapse}.intervals-table th,.intervals-table td,.diatonic-table th,.diatonic-table td{border:1px solid #d1d5db}.chord-card{break-inside:avoid}.bar-section,.diagrams-section,.intervals-section,.diatonic-section{break-before:auto}h1{break-after:avoid}.note-chip{border:1px solid #d1d5db;print-color-adjust:exact;-webkit-print-color-adjust:exact}.note-chip.root{print-color-adjust:exact;-webkit-print-color-adjust:exact}svg{print-color-adjust:exact;-webkit-print-color-adjust:exact}.bar{break-inside:avoid;border:1px solid #d1d5db}a:after{content:none!important}}