:root{--background:white;--foreground:#1a1a1a;--text-primary:#1a1a1a;--text-secondary:#6b7280}.dark{--background:#0f1419;--foreground:#ffffff;--text-primary:#ffffff;--text-secondary:#d1d5db}body{background-color:var(--background);color:var(--foreground);transition:background-color .3s ease,color .3s ease}.light-mode-text{color:#1f2937!important}.light-mode-bg{background-color:#ffffff!important}.light-mode-border{border-color:#e5e7eb!important}.music-note-1,.music-note-2,.music-note-3,.music-note-4,.music-note-5{animation:float 6s ease-in-out infinite}.music-note-2{animation-delay:1s}.music-note-3{animation-delay:2s}.music-note-4{animation-delay:3s}.music-note-5{animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.6}25%{transform:translateY(-20px) rotate(10deg);opacity:1}50%{transform:translateY(-10px) rotate(-5deg);opacity:.8}75%{transform:translateY(-30px) rotate(5deg);opacity:.9}}.glass-light{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.glass-dark,.glass-light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glass-dark{background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.1)}.btn-light{background:#ffffff;color:#1f2937;border:1px solid #e5e7eb}.btn-light:hover{background:#f9fafb;transform:scale(1.05)}.btn-dark{background:rgba(255,255,255,.1);color:#ffffff;border:1px solid rgba(255,255,255,.2)}.btn-dark:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.hero-background-light{background:linear-gradient(135deg,#eff6ff,#ddd6fe)}.hero-background-dark{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.input-light{background:rgba(255,255,255,.9);border:1px solid #d1d5db;color:#1f2937}.input-light::-moz-placeholder{color:#6b7280}.input-light::placeholder{color:#6b7280}.input-light:focus{outline:none;box-shadow:0 0 0 2px #3b82f6;border-color:transparent}.input-dark{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ffffff}.input-dark::-moz-placeholder{color:rgba(255,255,255,.5)}.input-dark::placeholder{color:rgba(255,255,255,.5)}.input-dark:focus{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.3);border-color:transparent}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[class*="light:"]{background:inherit;color:inherit;border-color:inherit}.card-light{background:rgba(255,255,255,.9);border:1px solid rgba(229,231,235,.6);box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.card-dark{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);box-shadow:0 1px 3px 0 rgba(0,0,0,.3)}.text-light-primary{color:#111827!important}.text-light-secondary{color:#6b7280!important}.text-dark-primary{color:#ffffff!important}.text-dark-secondary{color:rgba(255,255,255,.7)!important}