@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";:root{--bg-main:#0c0e14;--bg-card:#161b26bf;--bg-card-hover:#1e2534e6;--bg-input:#161b26;--border-color:#ffffff14;--border-focus:#a855f7;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-subtle:#6b7280;--primary:#9333ea;--primary-hover:#a855f7;--primary-glow:#9333ea59;--accent-gold:#f59e0b;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-rose:#f43f5e;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--shadow-card:0 10px 30px -10px #00000080;--shadow-glow:0 0 25px #9333ea40}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at 15% 15%,#9333ea1f 0%,#0000 45%),radial-gradient(circle at 85% 80%,#06b6d414 0%,#0000 45%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .25s cubic-bezier(.16,1,.3,1)}.glass-card:hover{background:var(--bg-card-hover);box-shadow:0 12px 30px -8px #0009, var(--shadow-glow);border-color:#9333ea4d;transform:translateY(-2px)}.font-display{font-family:Plus Jakarta Sans,sans-serif}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #7e22ce 100%);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:1px solid #ffffff26;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, #9333ea 100%);transform:translateY(-1px);box-shadow:0 6px 20px #9333ea80}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-main);border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;background:#ffffff0f;align-items:center;gap:8px;padding:10px 18px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-gold{color:#000;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;align-items:center;gap:8px;padding:10px 20px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #f59e0b4d}.btn-gold:hover{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-1px);box-shadow:0 6px 20px #f59e0b73}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-en{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.badge-es{color:#fb923c;background:#ea580c33;border:1px solid #ea580c4d}.badge-it{color:#34d399;background:#10b98133;border:1px solid #10b9814d}.badge-pt{color:#fde047;background:#eab30833;border:1px solid #eab3084d}.badge-fr{color:#c084fc;background:#a855f733;border:1px solid #a855f74d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}@media (width<=900px){.song-main-layout{grid-template-columns:1fr!important;gap:16px!important}}@media (width<=640px){.app-header{padding:8px 10px!important}.app-header-inner{gap:6px!important}.app-header-brand{gap:8px!important}.app-header-title{font-size:1.05rem!important}.hide-on-mobile{display:none!important}main{padding:12px 10px!important}.song-detail-header-card{gap:12px!important;padding:14px 12px!important}.song-cover-box{border-radius:10px!important;width:52px!important;height:52px!important}.song-title-heading{font-size:1.25rem!important}.song-action-buttons{gap:6px!important;width:100%!important;display:flex!important}.song-action-buttons>*{flex:calc(50% - 6px)!important;justify-content:center!important;padding:7px 8px!important;font-size:.78rem!important}.song-action-buttons>button:last-child{flex:none!important;padding:7px 10px!important}.toolbar-container{gap:8px!important;padding-top:10px!important}.toolbar-toggle-btn{padding:5px 10px!important;font-size:.78rem!important}.print-lyrics-container{border-radius:12px!important;padding:16px 12px!important}.print-verse-original{line-height:1.35!important}}@media print{@page{size:A4 portrait;margin:2cm!important}*,:before,:after{box-shadow:none!important;text-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{color:#000!important;background:#fff!important;width:100%!important;margin:0!important;padding:0!important;font-family:Arial,sans-serif!important;font-size:11.5pt!important}header,footer,.no-print,.btn-secondary,.btn-primary,.btn-gold,.modal-backdrop,.youtube-dock-container,button,select,input,.badge{display:none!important}main,.song-main-layout,.print-lyrics-container{width:100%!important;max-width:100%!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important;grid-template-columns:none!important;gap:0!important;margin:0!important;padding:0!important;display:block!important}.print-song-header{border-bottom:2.5pt solid #f97316!important;margin-bottom:22px!important;padding-bottom:8px!important;display:block!important}.print-song-title{color:#000!important;text-transform:none!important;font-size:16pt!important;font-weight:700!important;line-height:1.2!important}.print-song-artist{color:#ea580c!important;margin-top:4px!important;font-size:12.5pt!important;font-weight:600!important}.print-stanza{page-break-inside:avoid!important;break-inside:avoid!important;border:none!important;gap:0!important;margin-bottom:14pt!important;padding-bottom:0!important;display:block!important}.print-verse-row{background:0 0!important;gap:0!important;width:100%!important;margin-bottom:3.5pt!important;padding:0!important;display:block!important}.print-verse-original{color:#000!important;white-space:normal!important;width:100%!important;margin:0!important;padding:0!important;font-size:11.5pt!important;font-weight:600!important;line-height:1.15!important;display:block!important}.print-verse-phonetic{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#ffedd5!important;border-left:3px solid #f97316!important;border-radius:3px!important;width:auto!important;max-width:100%!important;margin-top:1px!important;margin-bottom:0!important;padding:1.5px 6px!important;font-size:10.5pt!important;font-style:italic!important;font-weight:500!important;line-height:1.15!important;display:inline-block!important}.print-edit-icon{display:none!important}}