:root{--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--zinc-900: #18181b;--zinc-800: #27272a;--zinc-700: #3f3f46;--zinc-400: #a1a1aa;--zinc-100: #f4f4f5;--radius: 12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--zinc-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--amber-500)}::selection{background:#f59e0b4d;color:#f4f4f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 8px #f59e0b1a}50%{box-shadow:0 0 20px #f59e0b40}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fadeIn{animation:fadeIn .35s ease-out both}.animate-fadeInUp{animation:fadeInUp .4s ease-out both}.animate-fadeInScale{animation:fadeInScale .3s ease-out both}.animate-slideInRight{animation:slideInRight .3s ease-out both}.animate-pulseGlow{animation:pulseGlow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradientShift 6s ease infinite}.stagger>*{animation:fadeInUp .4s ease-out both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}.card-hover{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 20px #f59e0b14;border-color:#f59e0b33}.glass-header{background:#18181bd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(63,63,70,.5)}.nav-link{position:relative;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--amber-400);border-radius:1px;transition:width .2s ease}.nav-link.active:after,.nav-link:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;border-radius:8px;transition:all .15s ease;cursor:pointer;border:none;outline:none}.btn:disabled{opacity:.4;cursor:not-allowed}.input{width:100%;background:var(--zinc-800);border:1px solid var(--zinc-700);border-radius:8px;padding:10px 14px;color:var(--zinc-100);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--amber-500);box-shadow:0 0 0 3px #f59e0b1a}.input::placeholder{color:#52525b}.cifra-content{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem;line-height:1.75;white-space:pre-wrap;word-break:break-word;color:#e4e4e7}.cifra-content b{color:var(--amber-400);font-weight:700}.stage-mode{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000;display:flex;align-items:center;justify-content:center;padding:2rem}.stage-mode .cifra-content{font-size:1.6rem;line-height:2;max-width:800px;margin:0 auto}.login-bg{background:linear-gradient(135deg,#09090b,#18181b,#09090b);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}.login-bg:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,rgba(251,191,36,.03) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(245,158,11,.02) 0%,transparent 50%);pointer-events:none}.login-card{background:linear-gradient(135deg,#27272acc,#18181be6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(63,63,70,.6);box-shadow:0 8px 32px #0006}.empty-state{text-align:center;padding:2.5rem 1rem;color:#71717a}.empty-state-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.5}.search-card{background:var(--zinc-900);border:1px solid var(--zinc-800);border-radius:var(--radius);padding:1rem 1.25rem;transition:all .2s ease}.search-card:hover{border-color:#f59e0b33;box-shadow:0 2px 16px #f59e0b0f}.skeleton{background:linear-gradient(90deg,var(--zinc-800) 25%,var(--zinc-700) 50%,var(--zinc-800) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.toast-enter{animation:slideInRight .25s ease-out both}.toast-exit{animation:fadeIn .2s ease-in reverse both}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:999px}@media (max-width: 640px){.cifra-content{font-size:.95rem;line-height:1.65}.stage-mode .cifra-content{font-size:1.2rem;line-height:1.7}.search-card{padding:.75rem 1rem}}