@charset "UTF-8";.home-container{position:relative;z-index:0;overflow:visible}#home-buttons-section{position:relative;z-index:1;margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.home-button{padding:12px 24px;margin-left:2rem;font-size:18px;border:none;border-radius:8px;background-color:#07f0dc33;border:2px solid rgba(7,240,220,.6);width:300px;color:#3f3e3e;cursor:pointer;box-shadow:0 4px 12px #4c7cff1a;transition:background-color .2s,box-shadow .2s}.home-logo{position:absolute;top:-150px;left:50px;width:1750px;height:1750px;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none}.mini-fretboard{position:relative;display:inline-block;margin:16px;border-radius:12px;background:#fafafa;box-shadow:0 2px 8px #0000000a;width:400px;height:325px;border:1px solid rgba(0,0,0,.15);box-shadow:8px 8px 15px #4949181f}.mini-fretboard.highlighted{border-color:#007bff;box-shadow:0 0 5px #007bff80}.mini-fretboard .mini-fretboard-title{text-align:center;font-size:1.3em;font-weight:700;margin-top:12px}.mini-fretboard .mini-fretboard-container{position:relative;width:auto}.mini-fretboard .mini-nut{position:absolute;left:.5rem;top:48px;z-index:2;width:38px;height:192px}.mini-fretboard .mini-string-nut{position:absolute;left:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;border-radius:50%;margin-right:1rem}.mini-fretboard .mini-string-nut.muted .mini-nut-x{color:#d00;font-size:24px;font-weight:700}.mini-fretboard .mini-string-nut .mini-nut-note{font-size:20px;font-weight:700;padding:2px 8px;border-radius:8px;background:none;color:inherit}.mini-fretboard .mini-fretboard-grid{position:absolute;left:52px;top:48px;width:312px;height:192px;background:#f7f7f7;border-radius:5px}.mini-fretboard .mini-string-line{position:absolute;left:0;width:100%;height:2px;background:#888;border-radius:1px}.mini-fretboard .mini-fret-line{position:absolute;top:0;height:100%;width:3px;background:#bbb;border-radius:2px}.mini-fretboard .mini-fret-line.nut-fret{width:6px;background:#555;height:101.25%;z-index:2;border-radius:.1rem}.mini-fretboard .mini-note-position{position:absolute;z-index:3}.mini-fretboard .mini-note-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.mini-fretboard .mini-fret-markers-row{position:absolute;left:32px;top:260px;width:312px;height:24px;display:flex;justify-content:flex-start;align-items:center;pointer-events:none}.mini-fretboard .mini-fret-marker{position:absolute;font-size:16px;font-weight:700;color:#888;border-radius:8px;padding:2px 6px;z-index:2}.suggested-chords-section{margin:20px 0;padding:15px;border:1px solid #ddd;border-radius:5px}.suggested-chords-section h3{margin-bottom:15px}.suggested-chords-section .suggested-chords-container{display:flex;flex-wrap:wrap;gap:10px}.mini-piano-container{display:flex;flex-direction:column;align-items:center;background:#fafafa;border-radius:12px;padding:12px;margin:16px;border:1px solid rgba(0,0,0,.15);box-shadow:8px 8px 15px #4949181f;width:400px;height:220px;transition:all .2s ease}.mini-piano-container.highlighted{border-color:#007bff;box-shadow:0 0 5px #007bff80}.mini-piano-container .mini-piano-title{font-size:1.3em;font-weight:700;margin-bottom:10px;color:#333;text-align:center}.mini-piano{width:380px;height:150px;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;background:#fafafa;border-radius:4px;padding:4px;overflow:hidden}.mini-piano .mini-piano-octave{position:relative;height:100%;display:flex;flex-direction:row;flex:1}.mini-piano .mini-piano-key{position:relative;box-sizing:border-box}.mini-piano .mini-white-key{width:27px;height:140px;background:#fff;border:1px solid #bbb;border-radius:0 0 5px 5px;z-index:1}.mini-piano .mini-white-key.selected{background:#f0f0f0}.mini-piano .mini-black-keys-container{position:absolute;top:0;left:0;height:80px;width:100%;z-index:2}.mini-piano .mini-black-key{position:absolute;width:18px;height:80px;top:0;background:#222;border-radius:0 0 4px 4px;z-index:3}.mini-piano .mini-black-key.selected{background:#555}.mini-piano .mini-note-circle{position:absolute;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;z-index:4;box-shadow:0 2px 6px #0000001f;bottom:5px}.mini-white-key .mini-piano .mini-note-circle{bottom:15px;left:50%;transform:translate(-50%)}.mini-black-key .mini-piano .mini-note-circle{bottom:10px;left:50%;transform:translate(-50%)}.mini-piano .note-C{background:#e74c3c}.mini-piano .note-C\#{background:#8e44ad}.mini-piano .note-D{background:#f7ca18;color:#222}.mini-piano .note-D\#{background:#16a085}.mini-piano .note-E{background:#3498db}.mini-piano .note-F{background:#27ae60}.mini-piano .note-F\#{background:#e67e22}.mini-piano .note-G{background:#2ecc71}.mini-piano .note-G\#{background:#d35400}.mini-piano .note-A{background:#9b59b6}.mini-piano .note-A\#{background:#34495e}.mini-piano .note-B{background:#1abc9c}.mini-piano .mini-note-circle.root{border:2px solid white;box-shadow:0 0 5px 2px #ffffffb3}.mini-piano .octave-label{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:10px;color:#666;font-weight:700}.display-mini-chord{width:100%;min-width:5000px;margin:0 auto}.display-mini-chord .mini-fret-container{margin:0 auto}.display-mini-chord .mini-fret-container .fret-marker{font-size:14px;margin-top:6px}.display-mini-chord .note-dot{position:relative}.display-mini-chord .note-dot .note-label{font-size:12px;font-weight:700;text-shadow:0 0 2px white}.unknown-chord{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;background:#f0f0f0;border-radius:50%;font-size:16px;color:#888}html{overflow-x:hidden}.user-profile{padding:20px;border:1px solid #eee;border-radius:5px;margin:0 auto;padding-top:1.5rem!important}.user-profile.full-page-profile{max-width:100vw;margin:0;padding:0;border:none;box-shadow:none}.profile-section{display:flex;align-items:center;justify-content:center;width:100vw;margin:0 auto 20px}.avatar{width:100px;height:100px;border-radius:50%;margin-right:20px}.form-group{margin-bottom:15px}.button-group{display:flex;gap:10px}.save-button,.cancel-button,.edit-button{padding:8px 12px;border:none;border-radius:4px;cursor:pointer}.save-button{background-color:#4caf50;color:#fff}.cancel-button{background-color:#f44336;color:#fff}.edit-button{background-color:#2196f3;color:#fff}.error{color:red;margin-top:10px}.action-buttons{margin-top:20px;display:flex;justify-content:center;gap:16px;margin-bottom:24px}.full-page-profile{width:100vw;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:0}.songs-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;width:95vw}.song-preview{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000002b;padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:200px;width:100%;max-width:420px;min-width:320px;height:220px;margin:0 auto;position:relative;overflow:hidden;margin-bottom:2rem}.song-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:#333;text-decoration:none}.chord-previews{display:flex;gap:1rem;flex-wrap:wrap;width:100%;min-height:80px;align-items:flex-end;justify-content:flex-start}.mini-chord{width:100px;height:60px;min-width:100px;min-height:60px;max-width:100px;max-height:60px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border-radius:8px;box-shadow:0 1px 4px #0000000a;overflow:hidden;transform:scale(.55);transform-origin:top left}.mini-chord .mini-fretboard,.mini-chord .mini-piano-container{width:180px!important;height:120px!important;min-width:0!important;min-height:0!important;max-width:180px!important;max-height:120px!important}.mini-chord .mini-fretboard-title,.mini-chord .mini-piano-title{font-size:.9em;margin-bottom:2px}@media (max-width: 900px){.songs-grid{grid-template-columns:1fr}.user-songs-grid{padding:0 2vw}.song-preview{max-width:98vw;min-width:0;height:auto}.mini-chord{width:90px;height:60px;min-width:90px;min-height:60px;max-width:90px;max-height:60px}}.song-card-link{text-decoration:none;color:inherit;display:block}.song-card-link .song-preview{border:1px solid rgb(209,208,208);border-radius:8px;padding:16px 40px 16px 16px;transition:all .2s ease;background-color:#fff;box-shadow:0 2px 4px #0000000d;height:100%;display:flex;flex-direction:column}.song-card-link .song-preview:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;cursor:pointer!important}.song-card-link .song-preview .song-title{font-size:16px;margin:0 0 12px;font-weight:600;color:#333}.song-card-link .song-preview .chord-preview{flex-grow:1;display:flex;align-items:center;justify-content:center}.song-card-link .song-preview .no-chords{color:#888;font-style:italic}.songs-grid{display:flex;margin-top:16px}.tuning-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tuning-modal{background-color:#fff;width:90%;max-width:600px;border-radius:8px;padding:20px;box-shadow:0 4px 12px #0003;max-height:90vh;overflow-y:auto}.tuning-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:10px}.tuning-modal-header h3{margin:0}.tuning-modal-header .close-modal-button{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.tuning-modal-header .close-modal-button:hover{color:#333}.tuning-presets{margin-bottom:20px}.tuning-presets h4{margin-top:0;margin-bottom:10px}.tuning-presets .preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.tuning-presets .preset-buttons button{padding:8px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.tuning-presets .preset-buttons button:hover{background-color:#e0e0e0}.string-tuning-settings{margin-bottom:20px}.string-tuning-settings h4{margin-top:0;margin-bottom:10px}.string-tuning-settings .string-tuning-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.string-tuning-settings .string-tuning-list .string-tuning-item{display:flex;flex-direction:column}.string-tuning-settings .string-tuning-list .string-tuning-item label{margin-bottom:5px;font-size:14px}.string-tuning-settings .string-tuning-list .string-tuning-item select{padding:6px;border-radius:4px;border:1px solid #ddd}.tuning-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;border-top:1px solid #eee;padding-top:20px}.tuning-modal-footer button{padding:8px 16px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.tuning-modal-footer button:hover{background-color:#e0e0e0}.tuning-modal-footer button.apply-button{background-color:#4a6db4;color:#fff;border-color:#3a5da4}.tuning-modal-footer button.apply-button:hover{background-color:#3a5da4}.note-glow{box-shadow:0 0 0 4px #ffd70099,0 0 12px 4px #ffe066,0 0 24px 8px #ffd70066!important}.note-dim{opacity:.22;filter:blur(1px) grayscale(75%)}.root-ring{box-shadow:0 0 0 3px #000}.fretboard{background:none;padding:32px 0 24px;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:0;width:90vw;max-width:1800px;min-height:300px;margin:0 auto;overflow:hidden;margin:1rem auto}.string{display:flex;flex-direction:row;position:relative;align-items:center;height:54px}.string:before{content:"";display:block;position:absolute;left:70px!important;top:50%;width:calc(100% - 70px);height:2px;background:#888;transform:translateY(-50%);z-index:1}.nut{width:10px;height:54px;background:#222;margin-left:-2px;margin-right:0;border-radius:2px;z-index:2;display:inline-block}.fret{width:70px;height:54px;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;border-right:2px solid #ccc}.fret.nut{border-right:6px solid red!important}.note-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4em;font-weight:700;color:#fff;box-shadow:0 2px 8px #00000014;border:2px solid #fff;background:var(--note-color, #888);margin:0 auto;transition:background .2s;z-index:2}.open-string-fret{width:70px;height:54px;display:flex;align-items:center;justify-content:flex-start;background:none;border-radius:0;margin-right:2px;position:relative;border-right:6px solid #888}.open-string-label{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4em;font-weight:700;color:#222;background:none;margin:0 auto;z-index:2}.note-circle.selected{box-shadow:0 0 0 3px #ffd70044}.note-circle.scale{opacity:.85;border:2px dashed #fff}.open-string-fret:hover{cursor:pointer}@media (max-width: 900px){.fretboard{padding:12px 0;border-radius:0;width:98vw}.string{height:28px}.fret,.open-string-fret{width:28px;min-width:24px}.note-circle{width:22px;height:22px;font-size:.9em}}.piano-keyboard-container{width:100%;max-width:100%;margin:20px 0;overflow-x:auto}.piano-keyboard-container .piano-keyboard{display:flex;flex-direction:row;position:relative;height:280px;margin:20px 0;-webkit-user-select:none;user-select:none;max-width:100%;border-radius:4px;overflow-x:hidden!important}.piano-keyboard-container .piano-keyboard:disabled{background-color:#f0f0f0;color:#aaa;cursor:not-allowed}.piano-keyboard-container .piano-octave{display:flex;flex-direction:row;position:relative;height:100%;min-width:420px}.piano-keyboard-container .black-keys-container{position:absolute;top:0;left:0;height:166px;width:100%;display:flex;flex-direction:row;pointer-events:none;z-index:2}.piano-keyboard-container .white-key{position:relative;height:240px!important;margin:0 1px;background:#fff;border:1px solid #bbb;border-radius:0 0 12px 12px;box-shadow:0 2px 4px #00000014;z-index:1;display:flex;align-items:flex-end;justify-content:center}.piano-keyboard-container .white-key.selected,.piano-keyboard-container .white-key.scale,.piano-keyboard-container .white-key.root{background:#fff}.piano-keyboard-container .white-key:hover{cursor:pointer!important}.piano-keyboard-container .black-key{position:absolute;width:45px!important;height:155px!important;top:0;left:var(--black-key-left, 0);margin-left:0;background:#222;border-radius:0 0 10px 10px;box-shadow:0 2px 8px #0000002e;z-index:3;display:flex;align-items:flex-end;justify-content:center;pointer-events:auto}.piano-keyboard-container .black-key.selected,.piano-keyboard-container .black-key.scale,.piano-keyboard-container .black-key.root{background:#222}.piano-keyboard-container .black-key:hover{cursor:pointer!important}.piano-keyboard-container .note-circle{position:absolute;left:50%;bottom:12px;transform:translate(-50%);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2em;font-weight:700;color:#fff;box-shadow:0 2px 6px #0000001f;pointer-events:none}.piano-keyboard-container .note-circle.selected{background:#e74c3c}.piano-keyboard-container .note-circle.scale{background:#f7ca18;color:#222}.piano-keyboard-container .note-circle.root{background:#3498db}.piano-keyboard-container .piano-octave:first-of-type .white-key:first-of-type{margin-left:0}.piano-keyboard-container .piano-octave:last-of-type .white-key:last-of-type{margin-right:0}.octave-navigation{margin-top:12px;text-align:center}.chord-name-display{margin:15px 0}.chord-display{margin-bottom:15px;padding:8px 12px;background-color:#f5f5f5;border-radius:4px;border-left:3px solid #ddd}.chord-display h4{margin-top:0;margin-bottom:8px;display:flex;align-items:center;font-size:16px}.chord-display h4 .chord-name{font-weight:600;color:#4a6db4}.chord-display h4 .chord-index{margin-left:5px;font-size:14px;color:#777;font-weight:400}.chord-display.active-chord-display{background-color:#ffcc001a;border-left:3px solid #ffcc00}.notes-list{font-family:monospace;font-size:14px}.notes-list .selected-note-item{padding:2px 5px;background-color:#0000000d;border-radius:3px;margin-right:3px}.chord-mode-indicator{background-color:#fc0;color:#333;padding:5px 10px;border-radius:4px;margin-bottom:10px;font-weight:700;display:inline-block;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.chord-tip{font-size:12px;color:#777;font-style:italic;margin-left:5px}.scale-suggestions{margin:20px 0;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#f9f9f9;box-shadow:0 2px 4px #0000000d}.scale-suggestions .suggestions-header{padding:15px;margin:0;background-color:#e9e9e9;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}.scale-suggestions .suggestions-header:hover{background-color:#e0e0e0}.scale-suggestions .suggestions-header .toggle-icon{font-size:12px;transition:transform .2s}.scale-suggestions .scales-list{max-height:300px;overflow-y:auto}.scale-suggestions .scales-list .scale-item{padding:10px 15px;border-bottom:1px solid #eee;cursor:pointer;transition:background-color .2s}.scale-suggestions .scales-list .scale-item:hover{background-color:#f0f0f0}.scale-suggestions .scales-list .scale-item.selected{background-color:#e0f0ff;border-left:4px solid #4a90e2}.scale-suggestions .scales-list .scale-item .scale-name{display:block;font-weight:700;margin-bottom:5px}.scale-suggestions .scales-list .scale-item .scale-notes{display:block;font-size:.9em;color:#666;margin-bottom:5px}.scale-suggestions .scales-list .scale-item .scale-description{font-size:.85em;color:#777;font-style:italic}.scale-suggestions .no-scales-message{padding:15px;text-align:center;color:#888;font-style:italic}.edit-chord-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center}.edit-chord-modal{background:#fff;border-radius:12px;padding:32px;min-width:600px;box-shadow:0 4px 32px #00000026}.chord-editor-container{display:flex;flex-direction:column;margin:20px 0}.chord-editor-main{display:flex;flex-direction:column}.guitar-editor-section,.piano-editor-section{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.mini-preview{margin-top:10px;border:1px solid #eee;padding:10px;border-radius:8px}.subscale-editor{margin:16px 0 0;padding:8px 0 4px;border-top:1px solid #eee}.piano-editor{padding:10px 0;text-align:center;margin-bottom:15px}.fretboard-heading{margin-bottom:10px;text-align:center}.mode-indicator{font-size:18px;font-weight:700;text-align:center;margin:15px 0}.subscale-notes-row{display:flex;justify-content:center;align-items:flex-end;gap:32px;margin:20px 0;flex-wrap:wrap}.subscale-note-cell{display:flex;flex-direction:column;min-width:60px;text-align:center;align-items:center}.subscale-note-stack{display:flex;flex-direction:column;align-items:center;position:relative}.subscale-sharp,.subscale-flat{font-size:18px;font-weight:700;opacity:.7;transition:color .2s;-webkit-user-select:none;user-select:none}.subscale-sharp.active,.subscale-flat.active{color:#007bff;opacity:1}.subscale-note-letter{font-size:22px;font-weight:700;background:#eee;border-radius:50%;padding:8px 16px;margin:2px 0;box-shadow:0 2px 8px #0000000a}.subscale-degree{font-size:16px;color:#666;margin-top:4px}.subscale-note-cell.glow .subscale-note-letter{box-shadow:0 0 12px 4px gold;border-color:gold!important}.subscale-note-cell.dim .subscale-note-letter{background:#eee!important;color:#bbb!important;border-color:#bbb!important}.subscale-note-cell.disabled .subscale-note-letter{opacity:.3}.subscale-controls{position:absolute;left:-32px;right:-32px;top:0}.subscale-note-letter{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mode-indicator{text-align:center;margin-top:16px;font-weight:700;font-size:1.2rem}.subscale-separator{width:100%;height:1px;background:#ddd;margin:16px 0 24px}.bass-note-section{text-align:center}.bass-note-label{font-size:1.1rem;margin-bottom:8px}.bass-note-circle{font-size:2rem;width:56px;height:56px;line-height:56px;margin:0 auto;border-radius:50%;border:2px solid #bbb;box-shadow:0 2px 12px #00000014;display:flex;align-items:center;justify-content:center}.bass-harmonic-label{font-size:1.1rem;margin-top:8px}.edit-chord-modal-title{margin:.25rem 0 1rem!important;padding:0!important}.edit-chord-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.toggle-subscale-btn{margin-left:auto;padding:6px 16px;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;font-weight:700;transition:background .2s}.toggle-subscale-btn.active{background:#eee}.play-through-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;overflow:auto}.play-through-modal{background:#fff;border-radius:18px;box-shadow:0 4px 32px #0000002e;width:96vw;max-width:1800px;min-height:96vh;height:auto;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;padding:32px 0}.play-chord-stack{width:100%;margin-top:24px;display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:center}.play-chord-preview{background:#fafafa;border-radius:12px;box-shadow:0 2px 8px #00000012;padding:18px 0 14px;width:90%;min-width:600px;max-width:1400px;min-height:140px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.subscale-fretboard{margin-top:12px;width:100%;display:flex;flex-direction:column;align-items:center}.subscale-row{display:flex;gap:8px;margin-top:6px;justify-content:center}.subscale-note{background:#e3e3e3;border-radius:4px;padding:2px 8px;font-size:.95em;color:#333}.selected-chords-section{min-height:180px;width:100%}.selected-chords-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.selected-chords-header h3{margin:0}.toggle-numbers-btn{padding:6px 16px;font-size:1em;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:background .2s}.toggle-numbers-btn.active{background:#eee}.selected-chords-list{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:flex-start;gap:24px;min-height:180px;width:100%;position:relative}.selected-chords-dropzone{min-width:24px;height:100px;display:flex;align-items:center;justify-content:center;position:relative}.selected-chords-dropbar{position:absolute;left:0;top:0;bottom:0;width:0;height:100px;border-left:6px solid #2196f3;margin:0 4px;align-self:center;transition:border-color .2s;z-index:10}.selected-minifret{cursor:grab;transition:opacity .2s;min-width:260px;position:relative;opacity:1;-webkit-user-select:none;user-select:none}.selected-minifret.dragging{opacity:.7}.selected-minifret.drop-left{box-shadow:inset 4px 0 #2ecc71}.selected-minifret.drop-right{box-shadow:inset -4px 0 #2ecc71}.delete-x{position:absolute;top:22px;right:22px;background:none!important;border:none;width:36px;height:36px;font-size:24px;color:#c00;cursor:pointer;opacity:0;transition:opacity .2s;z-index:20;pointer-events:auto;box-shadow:none;outline:none}.selected-minifret:hover .delete-x{opacity:1}.delete-x:focus,.delete-x:active{background:none!important;outline:none}.add-chord-btn{padding:6px 16px;font-size:1em;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:background .2s;margin-left:12px}.edit-chord-btn{position:absolute;top:4px;left:4px;background:none!important;border:none;width:32px;height:32px;font-size:20px;color:#2196f3;cursor:pointer;opacity:0;transition:opacity .2s;z-index:21;pointer-events:auto;box-shadow:none;outline:none;display:flex;align-items:center;justify-content:center}.selected-minifret:hover .edit-chord-btn,.selected-minifret:hover .delete-x{opacity:1}.edit-chord-btn:focus,.edit-chord-btn:active{background:none!important;outline:none}.selected-minifret *{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.guitar-tablature{font-family:monospace;margin:30px 0;padding:20px;border:1px solid #ccc;border-radius:4px;background:#f8f9fa}.guitar-tablature .tablature-controls{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.guitar-tablature .tablature-controls button{padding:8px 12px;background:#fff;border:1px solid #ccc;border-radius:3px;cursor:pointer;font-family:inherit;transition:all .2s}.guitar-tablature .tablature-controls button:hover{background:#f0f0f0;border-color:#999}.guitar-tablature .tablature-controls button:active{background:#e8e8e8}.guitar-tablature .tablature-content{overflow-x:auto;margin-bottom:20px}.guitar-tablature .tablature-content .tablature-grid{display:flex;flex-direction:column;margin:0;white-space:pre;font-size:18px;line-height:1.5}.guitar-tablature .tablature-content .tablature-grid .tablature-string{display:flex;margin-bottom:2px}.guitar-tablature .tablature-content .tablature-grid .tablature-string.drop-target{background:#4c7cff1f;outline:2px dashed rgba(76,124,255,.5);outline-offset:-2px;border-radius:4px}.guitar-tablature .tablature-content .tablature-grid .tablature-string .string-label{width:20px;display:inline-block;text-align:center;font-weight:700;padding-right:4px}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure{display:flex}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure .bar{font-weight:700;-webkit-user-select:none;user-select:none}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure .position{width:16px;display:inline-block;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:font-size .1s ease}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure .position.drop-target-col{background-color:#4c7cff2e;border-color:#4c7cff99;border-radius:3px}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure .position.active{background-color:#d4e6ff;border-color:#4c7cff;border-radius:3px}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure .position:hover:not(.active){background-color:#f0f0f0;border-radius:3px}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure .position.double-digit{font-size:14px;line-height:2.1}.guitar-tablature .tablature-content .tablature-grid .tablature-string .measure .position.selected:not(.active){background-color:#cfe3ff;border-radius:3px}.guitar-tablature .tablature-instructions{font-size:14px;color:#666;border-top:1px solid #eee;padding-top:10px}.guitar-tablature .tablature-instructions p{margin:5px 0}.tablature-row{margin-top:2rem}.tab-context-menu{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:140px}.tab-context-menu ul{list-style:none;margin:0;padding:6px 0}.tab-context-menu ul li{padding:6px 12px;cursor:pointer}.tab-context-menu ul li:hover{background:#f5f5f5}.tablature-editor{margin-bottom:20px;border:1px solid #ddd;border-radius:4px;background-color:#f9f9f9;overflow:hidden}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f0f0f0;cursor:pointer;border-bottom:1px solid #ddd;transition:background-color .2s}.collapsible-header:hover{background-color:#e8e8e8}.collapsible-header h3{margin:0;font-size:1.2rem}.toggle-icon{font-size:.9rem}.save-status{padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:500}.save-status.saving{background-color:#e5f5ff;color:#06c}.save-status.saved{background-color:#e6f7e6;color:#2e8540}.save-status.error{background-color:#fee;color:#d83933}.tablature-content{padding:15px}.loading-indicator,.error-message{padding:20px;text-align:center;color:#666}.error-message{color:#d9534f;background-color:#fee;border-radius:4px;margin:10px 0}.tablature-tabs{display:flex;margin-bottom:15px;border-bottom:1px solid #ddd}.tab-button{padding:8px 16px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:500;transition:all .2s ease}.tab-button:hover{background-color:#f0f0f0}.tab-button.active{border-bottom:3px solid #007bff;color:#007bff}.official-tablature .tablature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.official-tablature h4{margin:0;color:#28a745}.idea-tablatures .add-tablature{margin-bottom:15px}.tablature-list{display:flex;flex-direction:column;gap:15px}.tablature-item{border:1px solid #ddd;border-radius:4px;overflow:hidden}.tablature-item.active{border-color:#007bff}.tablature-item-header{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#f5f5f5;cursor:pointer;transition:background-color .2s}.tablature-item-header:hover{background-color:#ebebeb}.tablature-item-header h4{margin:0}.tablature-details{padding:15px;border-top:1px solid #eee}.create-tablature-btn,.make-official-btn,.delete-btn{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.create-tablature-btn{background-color:#28a745;color:#fff}.create-tablature-btn:hover{background-color:#218838}.make-official-btn{background-color:#007bff;color:#fff}.make-official-btn:hover{background-color:#0069d9}.delete-btn{background-color:#dc3545;color:#fff}.delete-btn:hover{background-color:#c82333}.btn-new-tablature{background-color:#e3f2fd;color:#0d47a1}.btn-new-tablature:hover{background-color:#bbdefb}.tablature-actions{display:flex;gap:10px;margin-top:10px}.btn-make-primary{background-color:#e8f5e9;color:#1b5e20}.btn-make-primary:hover:not(:disabled){background-color:#c8e6c9}.btn-make-primary:disabled{opacity:.5;cursor:not-allowed}.btn-delete{background-color:#ffebee;color:#b71c1c}.btn-delete:hover{background-color:#ffcdd2}.tablature-name-input{margin-top:15px}.tablature-name-input label{display:block;margin-bottom:5px;font-weight:500}.tablature-name-input input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.9rem}.tab-context-menu{background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 6px 24px #0000001f,0 2px 8px #00000014;min-width:200px;padding:6px 0;-webkit-user-select:none;user-select:none}.tab-context-menu ul{margin:0;padding:0;list-style:none}.tab-context-menu li{padding:10px 14px;cursor:pointer;font-size:14px;line-height:1.2}.tab-context-menu li:hover{background:#f5f5f5}.song-container{display:flex;flex-direction:column;padding:20px;height:100%}.song-container .moments-timeline .moments-list{display:flex;gap:0;overflow-x:auto;padding-bottom:10px}.song-container .moments-timeline .moments-list .moment-item{display:flex;align-items:center;padding:8px 20px;background-color:#e9ecef;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;min-width:120px;margin-right:2px;position:relative;top:2px;box-shadow:0 2px 6px #0000000a;transition:background .2s,box-shadow .2s}.song-container .moments-timeline .moments-list .moment-item.active{background-color:#fff;border-color:#4c7cff #4c7cff #fff #4c7cff;z-index:2;box-shadow:0 4px 12px #4c7cff14}.song-container .moments-timeline .moments-list .moment-item:hover:not(.active){background-color:#f5f7fa}.song-container .moments-timeline .moments-list .moment-item .delete-moment-btn{background:none;border:none;color:#888;font-size:16px;cursor:pointer;margin-left:8px;transition:color .2s}.song-container .moments-timeline .moments-list .add-moment-btn{padding:8px 16px;background-color:#e9ecef;border:1px dashed #aaa;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;margin-left:4px;align-self:flex-end;transition:background .2s}.song-container .moments-timeline .moments-list .add-moment-btn:hover{background-color:#d0d4d9}.song-container .stems-timeline{margin-bottom:20px}.song-container .stems-timeline h3{margin-bottom:10px}.song-container .stems-timeline .stems-list{display:flex;gap:0;overflow-x:auto;padding-bottom:10px}.song-container .stems-timeline .stems-list .stem-item{display:flex;align-items:center;padding:8px 20px;background-color:#f0f7f3;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;min-width:120px;margin-right:2px;position:relative;top:2px;box-shadow:0 2px 6px #0000000a;transition:background .2s,box-shadow .2s}.song-container .stems-timeline .stems-list .stem-item.active{background-color:#fff;border-color:#4cae4c #4cae4c #fff #4cae4c;z-index:2;box-shadow:0 4px 12px #4cae4c14}.song-container .stems-timeline .stems-list .stem-item:hover:not(.active){background-color:#f5f7fa}.song-container .stems-timeline .stems-list .stem-item .stem-name-container{flex-grow:1}.song-container .stems-timeline .stems-list .stem-item .stem-name-container .stem-name-input{width:100%;border:none;background:transparent;font-size:14px}.song-container .stems-timeline .stems-list .stem-item .stem-name-container .stem-name-input:focus{outline:none}.song-container .stems-timeline .stems-list .stem-item .delete-stem-btn{background:none;border:none;color:#888;font-size:16px;cursor:pointer;margin-left:8px;transition:color .2s}.song-container .stems-timeline .stems-list .stem-item .delete-stem-btn:hover{color:#ff3b30}.song-container .stems-timeline .stems-list .add-stem-btn{padding:8px 16px;background-color:#f0f7f3;border:1px dashed #aaa;border-radius:8px 8px 0 0;cursor:pointer;font-size:14px;margin-left:4px;align-self:flex-end;transition:background .2s}.song-container .stems-timeline .stems-list .add-stem-btn:hover{background-color:#d0e9d0}.song-container h1{margin-bottom:20px;font-size:28px}.song-container h2{margin-top:30px;margin-bottom:15px;font-size:24px}.song-container h3{margin-top:20px;margin-bottom:10px;font-size:18px}.song-container .song-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.song-container .song-header .song-title{font-size:24px;font-weight:700;border:none;background:transparent;padding:8px;border-radius:4px}.song-container .song-header .song-title:hover,.song-container .song-header .song-title:focus{background:#0000000d;outline:none}.song-container .song-header .song-actions{display:flex;gap:10px}.song-container .song-header .song-actions .save-button{padding:8px 16px;background-color:#4c7cff;color:#fff;border:none;border-radius:4px;cursor:pointer}.song-container .song-header .song-actions .save-button:disabled{opacity:.6;cursor:not-allowed}.song-container .song-header .song-actions .save-button:hover:not(:disabled){background-color:#3a66e0}.song-container .song-form{margin-bottom:30px}.song-container .song-form .form-group{margin-bottom:15px}.song-container .song-form .form-group label{display:block;margin-bottom:5px;font-weight:500}.song-container .song-form .form-group input[type=text],.song-container .song-form .form-group input[type=number],.song-container .song-form .form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.song-container .song-form .form-group textarea{min-height:80px;resize:vertical}.song-container .selected-notes-section{margin:30px 0;padding:15px;background-color:#f9f9f9;border-radius:4px}.song-container .selected-notes-section .selected-notes{font-size:16px;font-style:italic;color:#333}.song-container .actions{margin-top:30px;display:flex;gap:10px}.song-container .actions button{padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px}.song-container .actions button.save-button{background-color:#4caf50;color:#fff;border:none}.song-container .actions button.save-button:hover{background-color:#45a049}.song-container .actions button.cancel-button{background-color:#f5f5f5;border:1px solid #ddd}.song-container .actions button.cancel-button:hover{background-color:#e8e8e8}.song-container .moments-timeline{margin-bottom:20px}.song-container .moments-timeline h3{margin-bottom:10px}.song-container .moments-timeline .moments-list{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px}.song-container .moments-timeline .moments-list .moment-item{display:flex;align-items:center;padding:8px 12px;background-color:#f0f0f0;border-radius:4px;cursor:pointer;min-width:100px}.song-container .moments-timeline .moments-list .moment-item.active{background-color:#e0e9ff;border:1px solid #4c7cff}.song-container .moments-timeline .moments-list .moment-item .moment-name-container{flex-grow:1}.song-container .moments-timeline .moments-list .moment-item .moment-name-container .moment-name-input{width:100%;border:none;background:transparent;font-size:14px}.song-container .moments-timeline .moments-list .moment-item .moment-name-container .moment-name-input:focus{outline:none}.song-container .moments-timeline .moments-list .moment-item .delete-moment-btn{background:none;border:none;color:#666;font-size:16px;cursor:pointer;margin-left:5px}.song-container .moments-timeline .moments-list .moment-item .delete-moment-btn:hover{color:#ff3b30}.song-container .moments-timeline .moments-list .add-moment-btn{padding:8px 12px;background-color:#e0e0e0;border:1px dashed #aaa;border-radius:4px;cursor:pointer;font-size:14px}.song-container .moments-timeline .moments-list .add-moment-btn:hover{background-color:#d0d0d0}.song-container .moment-content{flex-grow:1;overflow-y:auto}.song-container .moment-content h2{margin-bottom:15px}.song-container .moment-content .loading-indicator{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:16px}.song-container .stem-comments-container{margin-top:16px;margin-bottom:16px}.song-container .stem-comments-container .stem-comments-label{display:block;margin-bottom:8px;font-weight:700}.song-container .stem-comments-container .stem-comments-textarea{width:100%;min-height:80px;padding:10px;border-radius:4px;border:1px solid #ccc;font-family:inherit;font-size:1rem}.song-container .stem-comments-container .stem-comments-textarea:focus{outline:none;border-color:#4cae4c;box-shadow:0 0 3px #4cae4c4d}.song-container .stem-comments-container .stem-comments-textarea::placeholder{color:#aaa}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{background:#fff;padding:32px 24px;border-radius:8px;box-shadow:0 2px 16px #0003;min-width:320px;max-width:90vw;text-align:center}.modal h3{margin-top:0}.modal button{padding:8px 20px;border:none;border-radius:4px;font-size:1em;cursor:pointer}.modal button+button{margin-left:8px}.users_search_button{margin-left:8rem}.guitar-tool-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px;color:#333}.header{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:10px}.header h1{display:flex;align-items:center;gap:10px;margin:0;font-size:24px;color:#333}.instructions{font-size:14px;color:#666;margin-bottom:10px}.fretboard-container{display:flex;align-items:stretch;margin-bottom:50px!important;position:relative;width:100%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:default}.open-strings{display:flex;flex-direction:column;margin-right:5px;height:100%;justify-content:center;padding:15px 0}.open-string-note{width:40px;height:40px;display:flex;cursor:pointer;position:relative;top:5px;margin-bottom:20px}.open-string-note:last-child{margin-bottom:0}.fretboard{background-color:#fff;border-radius:4px;padding:15px 15px 0;flex-grow:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;margin-top:0}.strings-container{display:flex;flex-direction:column;gap:10px;position:relative}.string{display:flex;height:50px;position:relative;justify-content:space-between;align-items:center;margin:0}.string:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background-color:#aaa;z-index:1}.fret{width:100%;height:40px;display:flex;align-items:center;justify-content:center;position:relative;border-right:3px solid #888;cursor:pointer;z-index:2;flex:1;transition:background-color .1s ease}.fret:first-child{border-left:3px solid #888}.note{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;z-index:3;flex-shrink:0;flex-grow:0;aspect-ratio:1 / 1;min-width:40px;min-height:40px}.selected-note{color:#000;text-shadow:none}.scale-note{width:40px;height:40px;filter:brightness(1.4) saturate(.7)}.note.scale-note{opacity:1!important}.fret-markers{display:flex;justify-content:space-between;position:absolute;bottom:-20px;left:45px;width:calc(100% - 78px);margin-left:16px}.fret-marker{flex:1;font-size:12px;color:#666;text-align:center}.fret-marker:first-child{display:none}.root .note{box-shadow:0 0 0 2px #fff,0 0 0 4px #000}.fretboard-controls{display:flex;gap:10px;margin-bottom:20px}.fretboard-controls button{padding:5px 10px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer}.fretboard-controls button:hover{background-color:#e0e0e0}.chord-name-section{margin-bottom:20px;padding:10px;background-color:#f9f9f9;border-radius:4px}.chord-name-section h2{margin-top:0;font-size:18px}.chord-name{font-size:24px;font-weight:700;color:#333}.scales-section{margin-bottom:20px}.scales-section h2{font-size:18px}.scale-options{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.scale-button{padding:8px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px}.scale-button:hover{background-color:#e0e0e0}.scale-button.selected{background-color:#333;color:#fff}.chord-options-section h2{font-size:18px}.master-voicing-control{margin-bottom:15px;background-color:#f9f9f9;padding:10px;border-radius:4px;display:inline-block}.master-voicing-select{margin-left:10px;padding:5px;border-radius:4px;border:1px solid #ddd}.mini-fretboards-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);gap:20px;width:100%;border:1px solid green}.mini-chord-container{width:100%;position:relative;border:2px solid black;border-radius:.4rem}.mini-chord-header{display:flex;flex-direction:column;margin-bottom:10px}.chord-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.chord-degree{font-weight:700;font-size:16px;margin:3px 0 3px 10px}.chord-name{font-size:14px;margin:3px 10px}.voicing-controls{display:flex;flex-direction:column;gap:5px}.voicing-select{font-size:12px;padding:2px 4px}.open-strings-label{display:flex;align-items:center;gap:5px;font-size:12px}.mini-fretboard-wrapper{position:relative}.barre-active{background-color:#ffff0026}.barre-guide{position:absolute;top:0;bottom:0;width:2px;background-color:#ffff0080;pointer-events:none;z-index:10}@media (max-width: 768px){.mini-fretboards-container{grid-template-columns:1fr}.scale-options{justify-content:center}}.toggle-view-container{text-align:center;margin-bottom:20px}.toggle-button{padding:10px 20px;font-size:16px;cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px}.toggle-button:hover{background-color:#0056b3}.note-C{background-color:#e74c3c;color:#fff}.note-C\#{background-color:#e67e22;color:#000}.note-D{background-color:#f1c40f;color:#000}.note-D\#{background-color:#2ecc71;color:#000}.note-E{background-color:#1abc9c;color:#fff}.note-F{background-color:#3498db;color:#fff}.note-F\#{background-color:#0059b6;color:#fff}.note-G{background-color:#8e44ad;color:#fff}.note-G\#{background-color:#2c3e50;color:#fff}.note-A{background-color:#486e94;color:#fff}.note-A\#{background-color:#7f8c8d;color:#fff}.note-B{background-color:#95a5a6;color:#000}.root{position:relative;z-index:1}.note.root{border:2px solid black;box-shadow:0 0 3px #00000080}.open-string-note .note.root{border:2px solid black;box-shadow:0 0 3px #00000080;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;aspect-ratio:1 / 1;flex-shrink:0;flex-grow:0}.scales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.display-mode-toggle{padding:5px 10px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s ease}.display-mode-toggle:hover{background-color:#e0e0e0}.display-mode-toggle.active{background-color:#333;color:#fff}.note.note-degree{font-weight:700}.user-selected-chord{border:3px solid #3498db;box-shadow:0 0 10px #3498db4d;background-color:#3498db0d}.piano-view{position:relative;display:flex;width:100%;height:200px}.white-key{position:relative;width:40px;height:100%;background-color:#fff;border:1px solid #000;box-sizing:border-box;z-index:1}.black-key{position:absolute;width:25px;height:60%;background-color:#000;border:1px solid #000;box-sizing:border-box;z-index:2}.black-key.note-C\#{left:30px}.black-key.note-D\#{left:70px}.black-key.note-F\#{left:150px}.black-key.note-G\#{left:190px}.black-key.note-A\#{left:230px}.piano-key.selected{border:2px solid #FFD700}.piano-key.scale-note{opacity:.7}.note-label{position:absolute;bottom:5px;font-size:12px;color:#000}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root.theme-dark body{background:linear-gradient(135deg,#2a2a2a,#2e2e2e,#2a2a2a);color:#f3f3f3;min-height:100vh}:root.theme-dark input,:root.theme-dark textarea,:root.theme-dark select,:root.theme-dark button{background-color:#404040;color:#f3f3f3;border-color:#555}:root.theme-dark .modal-panel,:root.theme-dark .edit-chord-modal,:root.theme-dark .selected-chords-section,:root.theme-dark .user-profile{background-color:#303030;color:#f3f3f3}:root.theme-dark ::-webkit-scrollbar{width:12px;height:12px}:root.theme-dark ::-webkit-scrollbar-track{background:#2a2a2a;border-radius:6px}:root.theme-dark ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a4a4a,#555,#4a4a4a);border-radius:6px;border:2px solid #2a2a2a}:root.theme-dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a5a5a,#666,#5a5a5a)}:root.theme-dark ::-webkit-scrollbar-corner{background:#2a2a2a}:root.theme-dark *{scrollbar-width:thin;scrollbar-color:#4a4a4a #2a2a2a}:root.theme-dark .mini-fretboard{background:#303030!important;border-color:#555;box-shadow:8px 8px 15px #0000004d}:root.theme-dark .mini-fretboard .mini-fretboard-title{color:#f3f3f3!important}:root.theme-dark .mini-fretboard .mini-fretboard-grid{background:#444}:root.theme-dark .mini-fretboard .mini-fret-line{background:#666}:root.theme-dark .mini-fretboard .mini-string-line{background:#999}:root.theme-dark .mini-fretboard .mini-string-nut{color:#f3f3f3!important}:root.theme-dark .display-mini-chord .unknown-chord{background:#404040;color:#aaa}:root.theme-dark .song-preview{background:#303030!important;box-shadow:0 2px 8px #00000080;border:1px solid #555}:root.theme-dark .song-preview .song-title{color:#f3f3f3}:root.theme-dark .song-preview .scale-display{color:#aaa}:root.theme-dark .scale-suggestions{background-color:#303030;border-color:#555}:root.theme-dark .scale-suggestions .suggestions-header{background-color:#383838}:root.theme-dark .scale-suggestions .suggestions-header:hover{background-color:#404040}:root.theme-dark .scale-suggestions .scales-list .scale-item{border-bottom-color:#555}:root.theme-dark .scale-suggestions .scales-list .scale-item:hover{background-color:#383838}:root.theme-dark .scale-suggestions .scales-list .scale-item.selected{background-color:#2d4a6b;border-left-color:#4a90e2}:root.theme-dark .moment-item{background-color:#383838!important;border-color:#555!important}:root.theme-dark .moment-item:hover:not(.active){background-color:#404040!important}:root.theme-dark .moment-item .delete-moment-btn{color:#aaa}:root.theme-dark .moment-item .delete-moment-btn:hover{color:#ff6b6b}:root.theme-dark .moment-item .moment-name-input{color:#f3f3f3!important}:root.theme-dark .add-moment-btn{background-color:#383838!important;border-color:#666!important;color:#f3f3f3!important}:root.theme-dark .add-moment-btn:hover{background-color:#404040!important}:root.theme-dark .stem-item{background-color:#383838!important;border-color:#555!important;box-shadow:0 2px 6px #0000004d}:root.theme-dark .stem-item.active{background-color:#2d5a2d!important;border-color:#4cae4c #4cae4c #2d5a2d #4cae4c!important;box-shadow:0 4px 12px #4cae4c33}:root.theme-dark .stem-item:hover:not(.active){background-color:#404040!important}:root.theme-dark .stem-item .delete-stem-btn{color:#aaa}:root.theme-dark .stem-item .delete-stem-btn:hover{color:#ff6b6b}:root.theme-dark .stem-item .stem-name-input{color:#f3f3f3!important}:root.theme-dark .add-stem-btn{background-color:#383838!important;border-color:#666!important;color:#f3f3f3!important}:root.theme-dark .add-stem-btn:hover{background-color:#404040!important}:root.theme-dark .stem-comments-textarea{background-color:#383838;border-color:#555;color:#f3f3f3}:root.theme-dark .stem-comments-textarea:focus{border-color:#4cae4c;box-shadow:0 0 3px #4cae4c80}:root.theme-dark .stem-comments-textarea::placeholder{color:#888}.instrument-choice-btn{width:48px;height:48px;border-radius:10px;border:1px solid #ddd;background:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer}.instrument-choice-btn:hover{background:#f5f5f5}:root.theme-dark .instrument-choice-btn{background:#404040;border-color:#555}:root.theme-dark .instrument-choice-btn:hover{background:#4a4a4a}:root.theme-dark .moment-item.active{background-color:#2d4a6b!important;border-color:#4c7cff!important}:root.theme-dark .stem-item.active{background-color:#2d5a2d!important;border-color:#4cae4c #4cae4c #2d5a2d #4cae4c!important}:root.theme-dark .mini-fretboard-grid{background:#444}:root.theme-dark .mini-fret-line{background:#666}:root.theme-dark .mini-string-line{background:#999}:root.theme-dark .white-key{background:#e8e8e8!important;border-color:#888}:root.theme-dark .tab-context-menu{background:#303030;border-color:#555;box-shadow:0 4px 12px #00000080}:root.theme-dark .tab-context-menu li{color:#f3f3f3}:root.theme-dark .tab-context-menu li:hover{background-color:#f5f5f5;color:#222}:root.theme-dark .tuning-modal,:root.theme-dark .play-through-modal,:root.theme-dark .confirm-delete-modal{background:#303030;border-color:#555;color:#f3f3f3}:root.theme-dark .guitar-tablature{background:#303030;border-color:#555}:root.theme-dark .guitar-tablature .tablature-line{border-bottom-color:#555}:root.theme-dark .chord-diagram{background-color:#303030;border-color:#555}:root.theme-dark .chord-diagram-grid{background-color:#383838}:root.theme-dark .guitar-tool-container .fretboard{background-color:#383838}:root.theme-dark .guitar-tool-container .open-strings-column{background-color:#383838}:root.theme-dark .guitar-tool-container .open-string-box{background-color:#303030;border-color:#555}:root.theme-dark .guitar-tool-container .open-string-box:hover{background-color:#3a3a3a}:root.theme-dark .guitar-tool-container .open-string-label{color:#f3f3f3!important}:root.theme-dark .guitar-tool-container .open-string-note{background-color:#fff!important}:root.theme-dark .guitar-tool-container .open-string-note .open-string-label{color:#333!important}:root.theme-dark .guitar-tool-container .string{border-bottom-color:#ffffff26}:root.theme-dark .guitar-tool-container .string:before{background-color:#888}:root.theme-dark .guitar-tool-container .fret{border-right-color:#888}:root.theme-dark .guitar-tool-container .fret:first-child{border-left-color:#888}:root.theme-dark .guitar-tool-container .fret:hover{background-color:#ffffff0d}:root.theme-dark .guitar-tool-container .fret-markers .fret-marker{color:#bbb!important}:root.theme-dark .guitar-tool-container .tuning-button,:root.theme-dark .guitar-tool-container .clear-button{background-color:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .guitar-tool-container .tuning-button:hover,:root.theme-dark .guitar-tool-container .clear-button:hover{background-color:#4a4a4a}:root.theme-dark .guitar-tool-container .display-mode-select{background-color:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .guitar-tool-container .toggle-label{color:#f3f3f3}:root.theme-dark .guitar-tool-container .instructions{color:#aaa}:root.theme-dark .guitar-tool-container .tuning-info{color:#aaa}:root.theme-dark .guitar-tool-container .chord-name-section{background-color:#303030;border-color:#555}:root.theme-dark .guitar-tool-container .chord-name{color:#f3f3f3}:root.theme-dark .guitar-tool-container .fretboard-controls button{background-color:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .guitar-tool-container .fretboard-controls button:hover{background-color:#4a4a4a}:root.theme-dark .fretboard{background:#303030}:root.theme-dark .fretboard .string:before{background:#888}:root.theme-dark .fretboard .fret{border-right-color:#888;background:transparent}:root.theme-dark .fretboard .fret:hover{background-color:#ffffff0d;cursor:pointer}:root.theme-dark .fretboard .nut{background:#666;cursor:pointer}:root.theme-dark .fretboard .nut:hover{background:#777}:root.theme-dark .fretboard .open-string-label{color:#f3f3f3!important}:root.theme-dark .open-string-note{cursor:pointer!important}:root.theme-dark .open-string-note:hover{background-color:#ffffff14!important}:root.theme-dark .fret-markers .fret-marker{color:#ccc!important}:root.theme-dark .chord-name-display .chord-display{background-color:#303030;border-left-color:#555}:root.theme-dark .chord-name-display .chord-display h4 .chord-name{color:#6b9bff}:root.theme-dark .chord-name-display .chord-display h4 .chord-index{color:#999}:root.theme-dark .chord-name-display .chord-display.active-chord-display{background-color:#ffcc0026;border-left-color:#fc0}:root.theme-dark .chord-name-display .notes-list{color:#f3f3f3}:root.theme-dark .chord-name-display .notes-list .selected-note-item{background-color:#ffffff1a}:root.theme-dark .guitar-tablature{background:#303030!important;border-color:#555!important;color:#f3f3f3}:root.theme-dark .guitar-tablature .tablature-controls button{background:#404040!important;border-color:#555!important;color:#f3f3f3!important}:root.theme-dark .guitar-tablature .tablature-controls button:hover{background:#4a4a4a!important;border-color:#666!important}:root.theme-dark .guitar-tablature .tablature-controls button:active{background:#3a3a3a!important}:root.theme-dark .guitar-tablature .tablature-content .tablature-grid{color:#f3f3f3}:root.theme-dark .guitar-tablature .tablature-content .tablature-grid .tablature-string .tablature-line{border-bottom-color:#555}:root.theme-dark .guitar-tablature .tablature-content .tablature-grid .tablature-string .position.active{background-color:#d4e6ff;color:#222!important}:root.theme-dark .guitar-tablature .tablature-content .tablature-grid .tablature-string .position.selected:not(.active){background-color:#cfe3ff;color:#222!important}:root.theme-dark .guitar-tablature .tablature-content .tablature-grid .tablature-string .position:hover:not(.active){background-color:#4a4a4a}:root.theme-dark .guitar-tablature .tablature-instructions{color:#aaa}:root.theme-dark .tablature-row{background:#303030!important;border-color:#555;color:#f3f3f3}:root.theme-dark .tablature-editor{background-color:#303030!important;border-color:#555!important}:root.theme-dark .tablature-editor .collapsible-header{background-color:#383838!important;border-bottom-color:#555!important;color:#f3f3f3}:root.theme-dark .tablature-editor .collapsible-header:hover{background-color:#404040!important}:root.theme-dark .tablature-editor .collapsible-header h3{color:#f3f3f3}:root.theme-dark .tablature-editor .save-status.saving{background-color:#06c3;color:#66b3ff}:root.theme-dark .tablature-editor .save-status.saved{background-color:#2e854033;color:#6fdd6f}:root.theme-dark .tablature-editor .tab-selector{background-color:#383838!important;border-bottom-color:#555!important}:root.theme-dark .tablature-editor .tab-selector button{background-color:#2a2a2a!important;border-color:#555!important;color:#aaa!important}:root.theme-dark .tablature-editor .tab-selector button.active{background-color:#404040!important;color:#f3f3f3!important;border-bottom-color:#4c7cff!important}:root.theme-dark .tablature-editor .tab-selector button:hover:not(.active){background-color:#333!important}:root.theme-dark .tablature-editor .tablature-list{background-color:#2a2a2a!important}:root.theme-dark .tablature-editor .tablature-list .tablature-item{background-color:#383838!important;border-color:#555!important;color:#f3f3f3}:root.theme-dark .tablature-editor .tablature-list .tablature-item.active{background-color:#404040!important;border-left-color:#4c7cff!important}:root.theme-dark .tablature-editor .tablature-list .tablature-item:hover:not(.active){background-color:#3a3a3a!important}:root.theme-dark .tablature-editor .tablature-list .tablature-item button{background-color:#2a2a2a!important;color:#aaa!important}:root.theme-dark .tablature-editor .tablature-list .tablature-item button:hover{background-color:#4a4a4a!important;color:#f3f3f3!important}:root.theme-dark .toggle-numbers-btn{background:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .toggle-numbers-btn.active{background:#4a4a4a}:root.theme-dark .toggle-numbers-btn:hover{background:#4a4a4a}:root.theme-dark .delete-x{color:#ff6b6b}:root.theme-dark .delete-x:hover{color:#f44}:root.theme-dark .user-profile .profile-section{background-color:#303030;border-color:#555}:root.theme-dark .user-profile input,:root.theme-dark .user-profile textarea,:root.theme-dark .user-profile select{background-color:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .edit-chord-modal input,:root.theme-dark .edit-chord-modal textarea,:root.theme-dark .edit-chord-modal select{background-color:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .edit-chord-modal button{background-color:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .edit-chord-modal button:hover{background-color:#4a4a4a}.suggested-chords-toggle-btn{padding:6px 16px;font-size:1em;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer;transition:background .2s}.suggested-chords-toggle-btn:hover{background:#f5f5f5}:root.theme-dark .suggested-chords-toggle-btn{background:#404040;border-color:#555;color:#f3f3f3}:root.theme-dark .suggested-chords-toggle-btn:hover{background:#4a4a4a}:root.theme-dark .mini-piano .mini-white-key{background:#e8e8e8;border-color:#888}:root.theme-dark .mini-piano .mini-white-key.selected{background:#d0d0d0}:root.theme-dark .mini-piano .mini-black-key{background:#1a1a1a;border-color:#000}:root.theme-dark .mini-piano .mini-piano-note-circle{border-color:#555}:root.theme-dark .mini-piano-container{background:#303030!important;border-color:#555!important;box-shadow:8px 8px 15px #0000004d!important}:root.theme-dark .mini-piano-container .mini-piano-title{color:#f3f3f3!important}:root.theme-dark .mini-piano-container.highlighted{border-color:#007bff!important;box-shadow:0 0 5px #007bff80!important}