body { font-family: 'Outfit', sans-serif; }
.chord { font-family: 'JetBrains Mono', monospace; font-weight: 700; color: #d97706; }
.dark .chord { color: #f59e0b; text-shadow: 0 0 10px rgba(245,158,11,0.5); }
.glass { background: rgba(255,255,255,0.85); backdrop-filter: blur(20px); border: 1px solid rgba(0,0,0,0.08); }
.dark .glass { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.08); }
.song-content { font-family: 'JetBrains Mono', monospace; font-size: 14px; line-height: 1.8; white-space: pre-wrap; color: #27272a; max-height: 60vh; overflow-y: auto; }
.dark .song-content { color: #e4e4e7; }
.chord-line { color: #7c3aed; font-weight: 600; padding: 2px 0; margin: 4px 0; }
.dark .chord-line { color: #a78bfa; }
.verse-number { margin-top: 12px; font-weight: 600; color: #71717a; }
.chorus { color: #059669; font-weight: 600; margin: 8px 0; }
.dark .chorus { color: #34d399; }
.dark .mesh-gradient { background: radial-gradient(at 40% 20%, hsla(28,100%,74%,0.08%) 0,transparent 50%),radial-gradient(at 80% 0%, hsla(189,100%,56%,0.06%) 0,transparent 50%),radial-gradient(at 0% 50%, hsla(355,100%,93%,0.05%) 0,transparent 50%),radial-gradient(at 80% 50%, hsla(240,100%,56%,0.05%) 0,transparent 50%),radial-gradient(at 0% 100%, hsla(22,100%,77%,0.06%) 0,transparent 50%); }
.card-hover { transition: all 0.25s; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 15px 30px rgba(245,158,11,0.1); }
::selection { background: rgba(245,158,11,0.4); }

.modal-content.maximized { max-width: 90vw !important; max-height: 90vh !important; }
.modal-content.maximized .song-content { max-height: 75vh !important; }

@media print {
    body { background: white !important; color: black !important; }
    header, #filters, #sort, #loading, #empty, #toast, .modal-content > div:first-child, #btn-fav, #btn-copy, #btn-txt, #btn-pdf { display: none !important; }
    .modal { position: static !important; }
    .modal-content { 
        max-width: 100% !important; 
        box-shadow: none !important; 
        background: white !important;
    }
    .song-content { 
        max-height: none !important; 
        overflow: visible !important;
        color: black !important;
    }
    .chord { color: #666 !important; text-shadow: none !important; }
    #modal { display: block !important; background: white !important; }
    #modal-bg { display: none !important; }
}