:root{--bg-light: #ffffff;--text-light: #333333;--primary-light: #6c5ce7;--secondary-light: #a29bfe;--accent-light: #fd79a8;--card-bg-light: #f8f9fa;--border-light: #e9ecef;--nav-bg-light: #ffffff;--footer-bg-light: #f8f9fa;--bg-dark: #121212;--text-dark: #e0e0e0;--primary-dark: #9b87f5;--secondary-dark: #7E69AB;--accent-dark: #ff7eb6;--card-bg-dark: #1e1e1e;--border-dark: #333333;--nav-bg-dark: #1a1a1a;--footer-bg-dark: #1a1a1a;--max-width: 1200px;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: all .3s ease}:root{--bg: var(--bg-light);--text: var(--text-light);--primary: var(--primary-light);--secondary: var(--secondary-light);--accent: var(--accent-light);--card-bg: var(--card-bg-light);--border: var(--border-light);--nav-bg: var(--nav-bg-light);--footer-bg: var(--footer-bg-light)}body.dark-theme{--bg: var(--bg-dark);--text: var(--text-dark);--primary: var(--primary-dark);--secondary: var(--secondary-dark);--accent: var(--accent-dark);--card-bg: var(--card-bg-dark);--border: var(--border-dark);--nav-bg: var(--nav-bg-dark);--footer-bg: var(--footer-bg-dark)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;transition:var(--transition)}.site-wrapper{display:flex;flex-direction:column;min-height:100vh;padding-top:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary)}img{max-width:100%;height:auto}.navbar{background-color:var(--nav-bg);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;padding:15px 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:900;color:var(--text);display:flex;align-items:center}.logo span{color:var(--primary);margin-left:2px}.nav-links{display:flex;gap:20px}.nav-links a{position:relative;color:var(--text);font-weight:500;padding:5px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:var(--transition)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a.active{color:var(--primary)}.theme-toggle{background:none;border:none;color:var(--text);cursor:pointer;font-size:1.2rem;transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:5px}.theme-toggle:hover{color:var(--primary)}.fa-sun,body.dark-theme .fa-moon{display:none}body.dark-theme .fa-sun{display:inline}.hero{padding:100px 0;text-align:center;background-color:var(--bg);background-image:linear-gradient(#0000000d,#0000);background-size:cover;background-position:center}.main-title{font-size:2.8rem;font-weight:900;margin-bottom:20px;color:var(--text);max-width:800px;margin-left:auto;margin-right:auto}.subtitle{font-size:1.2rem;max-width:600px;margin:0 auto 30px}.search-container{max-width:600px;margin:0 auto;position:relative}.search-input{width:100%;padding:15px 50px 15px 20px;border:2px solid var(--border);border-radius:50px;font-size:1rem;background-color:var(--bg);color:var(--text);transition:var(--transition)}.search-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6c5ce733}.search-button{position:absolute;right:5px;top:50%;transform:translateY(-50%);background-color:var(--primary);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.search-button:hover{background-color:var(--secondary)}.trending-section{padding:60px 0}.section-title{font-size:1.8rem;margin-bottom:30px;text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--primary)}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px;margin-top:40px}.song-card{background-color:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition);display:flex;flex-direction:column;color:var(--text)}.song-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.song-image{width:100%;padding-bottom:100%;position:relative;overflow:hidden}.song-image img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition)}.song-card:hover .song-image img{transform:scale(1.05)}.song-info{padding:15px}.song-title{font-size:1.1rem;margin-bottom:5px}.song-artist{font-size:.9rem;color:var(--primary);font-weight:500}.footer{background-color:var(--footer-bg);padding:30px 0;margin-top:auto;border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;align-items:center}.copyright{font-size:.9rem}.social-links{display:flex;gap:15px}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--card-bg);color:var(--text);transition:var(--transition)}.social-link:hover{background-color:var(--primary);color:#fff}.breadcrumb{padding:15px 0;font-size:.9rem;background-color:var(--bg);border-bottom:1px solid var(--border)}.breadcrumb a{color:var(--text)}.breadcrumb a:hover{color:var(--primary)}.separator{margin:0 10px;color:var(--border)}.song-header{padding:40px 0;background-color:var(--bg);border-bottom:1px solid var(--border)}.song-header-content{display:flex;align-items:center;gap:30px}.song-cover{flex-shrink:0;width:200px;height:200px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow)}.song-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.song-meta{flex-grow:1}.song-header-title{font-size:2.5rem;margin-bottom:10px}.song-header-artist{font-size:1.5rem;color:var(--primary);margin-bottom:15px}.song-details{font-size:.9rem;color:var(--text);opacity:.8;display:flex;align-items:center}.song-details .separator{margin:0 10px}.song-content{padding:50px 0}.song-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.content-title{font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--border);color:var(--primary)}.meaning-content p,.lyrics-content p{margin-bottom:20px;line-height:1.8}.lyrics-content{white-space:pre-line;line-height:1.8}.lyrics-source{margin-top:30px;font-size:.8rem;color:var(--text);opacity:.6}.page-header{padding:50px 0;text-align:center;background-color:var(--bg);border-bottom:1px solid var(--border)}.page-title{font-size:2.5rem;font-weight:900}.page-content{padding:50px 0}.about-section{max-width:800px;margin:0 auto 50px}.about-section p{margin-bottom:20px;line-height:1.8}.feature-list,.process-list{margin-left:20px;margin-bottom:20px}.feature-list li,.process-list li{margin-bottom:10px;line-height:1.6}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}.contact-methods{margin-top:30px}.contact-method{display:flex;align-items:center;margin-bottom:15px}.contact-method i{width:40px;height:40px;background-color:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--bg);color:var(--text);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce733}.btn{background-color:var(--primary);color:#fff;border:none;padding:12px 25px;border-radius:30px;cursor:pointer;font-weight:500;transition:var(--transition)}.btn:hover{background-color:var(--secondary)}@media (max-width: 900px){.song-columns,.contact-section{grid-template-columns:1fr}.main-title{font-size:2.2rem}.song-header-content{flex-direction:column;text-align:center}.song-meta{text-align:center}.song-details{justify-content:center}}@media (max-width: 600px){.song-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.footer-content{flex-direction:column;gap:15px}.nav-links{gap:15px}.main-title{font-size:1.8rem}.song-header-title{font-size:2rem}.song-cover{width:150px;height:150px}}