@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600;700&family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--hsl-hue-primary:220;--hsl-sat-primary:90%;--bg-primary:#0f1219;--bg-secondary:#181b25;--bg-surface:#212531;--bg-surface-hover:#2d3343;--bg-glass:#161b26bf;--bg-glass-border:#ffffff14;--accent-primary:hsl(var(--hsl-hue-primary), var(--hsl-sat-primary), 56%);--accent-hover:hsl(var(--hsl-hue-primary), var(--hsl-sat-primary), 66%);--accent-glow:#3b82f640;--accent-secondary:#7c3bed;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#607085;--border-color:#2b2f3b;--border-focus:var(--accent-primary);--color-success:#20c55d;--color-warning:#f59f0a;--color-danger:#e63749;--color-info:#0da2e7;--color-global:#3c83f6;--color-local:#10b77f;--chord-color:#fbc02d;--lyrics-color:#f8fafc;--label-color:#be5eed;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", sans-serif;--font-monospace:"Fira Code", monospace;--chord-font-size:12px;--lyrics-font-size:13.5px;--label-font-size:11px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080;--shadow-glow:0 0 20px var(--accent-glow);--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--mobile-header-height:52px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#e7ecf3;--bg-surface:#fff;--bg-surface-hover:#eff2f5;--bg-glass:#ffffffd9;--bg-glass-border:#00000014;--accent-primary:hsl(var(--hsl-hue-primary), var(--hsl-sat-primary), 50%);--accent-hover:hsl(var(--hsl-hue-primary), var(--hsl-sat-primary), 40%);--accent-glow:#2563eb26;--text-primary:#151a28;--text-secondary:#525c6f;--text-muted:#818898;--border-color:#d1d8e0;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001f;--chord-color:#cb650b;--lyrics-color:#151a28;--label-color:#7322c3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch;line-height:1.5}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit}@media (pointer:fine){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}}.responsive-grid-2{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.responsive-grid-2{grid-template-columns:1fr 1fr}}.app-container{min-height:100vh;display:flex}.main-content{background-color:var(--bg-primary);min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-smooth);flex-direction:column;flex:1;display:flex}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width)}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:1rem 1.25rem}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:1.1rem}.card:hover{box-shadow:var(--shadow-lg)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);padding:1.1rem}.glass-card:hover{box-shadow:var(--shadow-lg)}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:40px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-surface-hover);border-color:var(--text-muted)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.form-input,.form-select,.form-textarea,.input{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);min-height:40px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.5rem .75rem;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus,.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}.badge{border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-global{color:var(--color-global);background:#2563eb26;border:1px solid #2563eb4d}.badge-local{color:var(--color-local);background:#10b98126;border:1px solid #10b9814d}.badge-auto{color:var(--accent-secondary);background:#a855f726;border:1px solid #a855f74d}.song-sheet-container{width:100%;font-family:var(--font-monospace)}@media (width>=1024px){.song-sheet-container.multi-column{column-count:2;column-rule:1px solid var(--border-color);column-gap:2.5rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}.mobile-fab{display:none}.sidebar-aside{position:fixed;top:0;bottom:0;left:0}.mobile-overlay{display:none}.sidebar-wrapper{flex-shrink:0}@media (width<=1024px){.app-container{flex-direction:column}.main-content,.main-content.sidebar-collapsed{margin-left:0;padding-top:0}.mobile-fab{z-index:140;border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border-color);width:48px;height:48px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-lg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:opacity var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;bottom:1.25rem;left:1.25rem}.mobile-fab.hidden-fab{opacity:0;pointer-events:none}.mobile-fab:hover,.mobile-fab:active{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:scale(1.08)}.mobile-overlay{z-index:150;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background-color:#000000a6;display:block;position:fixed;inset:0}.mobile-overlay.active{opacity:1;pointer-events:auto}.sidebar-wrapper{z-index:200;transition:transform var(--transition-smooth), visibility 0s var(--transition-smooth);visibility:hidden;display:block;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-wrapper.mobile-open{transition:transform var(--transition-smooth), visibility 0s;visibility:visible;transform:translate(0)}.sidebar-aside{position:relative;top:auto;bottom:auto;left:auto}.page-container{padding:.75rem}.glass-card{border-radius:var(--radius-sm);padding:.85rem}:root{--chord-font-size:13px;--lyrics-font-size:15px}.btn{min-height:44px;padding:.65rem 1.1rem;font-size:.95rem}.form-input,.form-select,.form-textarea,.input{min-height:44px;padding:.6rem .8rem;font-size:16px}.song-sheet-container.multi-column{column-count:1!important}.glass-card:hover{box-shadow:var(--shadow-md);transform:none}.btn-primary:hover{transform:none}.hidden-mobile{display:none!important}.song-action-bar{box-sizing:border-box;max-width:100vw;gap:.2rem!important;padding-left:.25rem!important;padding-right:.25rem!important;overflow:visible!important}.song-action-bar .btn{min-height:36px!important;padding:.35rem .4rem!important;font-size:.85rem!important}.song-action-bar select{appearance:none;text-align:center;text-align-last:center;padding-right:0!important}.fullscreen-header{gap:.4rem!important;padding:.4rem .6rem!important}.fullscreen-header h2{font-size:1rem!important}}