:root{--primary: #3f51b5;--accent: #ff4081;--warn: #f44336;--background: #f5f5f5;--card-background: #ffffff;--text: #333333;--gradient-start: #f5f5f5;--gradient-end: #e0e0e0}.dark-theme{--primary: #7986cb;--accent: #ff80ab;--warn: #ff5252;--background: #121212;--card-background: #1e1e1e;--text: #ffffff;--gradient-start: #23272f;--gradient-end: #181a20}body{background-color:var(--background);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;min-height:100vh}.btn-primary{background-color:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:.375rem;transition:opacity .2s,background .2s;border:none;height:40px;display:flex;align-items:center}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:transparent;border:1px solid var(--primary);color:var(--primary);padding:.5rem 1rem;border-radius:.375rem;transition:background-color .2s,color .2s;height:40px;display:flex;align-items:center}.btn-secondary:hover{background-color:var(--primary);color:#fff;background-opacity:.1}.app-container{min-height:100vh;padding-bottom:80px;background:linear-gradient(180deg,var(--gradient-start) 0%,var(--gradient-end) 100%)}input[type=range]{background-color:#e5e7eb;border-radius:9999px}input[type=range]::-webkit-slider-thumb{background-color:var(--primary);border-radius:9999px;width:.75rem;height:.75rem;appearance:none}input,textarea,select{background-color:#fff;color:#000;padding:.5rem;border:1px solid #ccc;border-radius:.375rem}.dark-theme input,.dark-theme textarea,.dark-theme select{background-color:#333;color:#fff;border-color:#555}input[type=range]{padding:0;background-color:#e5e7eb;border:none}.dark-theme input[type=range]{background-color:#374151}.header{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);color:#fff;padding:1rem;text-align:center;box-shadow:0 2px 8px #3f51b514;border-radius:0 0 1rem 1rem;margin-bottom:2rem}.card{background:var(--card-background);border-radius:1rem;box-shadow:0 2px 12px #3f51b514;padding:1.5rem;margin-bottom:1.5rem;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 6px 24px #3f51b529;transform:translateY(-4px) scale(1.02)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover,a:focus{color:var(--primary);text-decoration:underline;outline:none}.btn-primary:active,.btn-secondary:active,.header a:active{background-color:var(--accent);color:#fff;opacity:1}.dark-theme .bg-gray-700,.dark-theme .tag-pill,.dark-theme .song-tag{background-color:#374151!important;color:#fff!important}.tag-pill,.song-tag{background-color:#e5e7eb;color:#333;border-radius:9999px;padding:.25em .75em;font-size:.95em;display:inline-block}.header .absolute.bg-card-background{color:#222;background:var(--card-background)}.header .absolute.bg-card-background a,.header .absolute.bg-card-background button{color:#222;background:transparent}.header .absolute.bg-card-background .dropdown-btn{width:100%;text-align:left;display:block;padding:.5rem 1rem;justify-content:flex-start;border:none;background:transparent;cursor:pointer}.header .absolute.bg-card-background .dropdown-btn.logout{text-align:center;justify-content:center;color:#d32f2f}.header .absolute.bg-card-background a.admin-link{color:#222;font-weight:400}@media (prefers-color-scheme: dark){.header .absolute.bg-card-background{color:#fff;background:#1e1e1e}.header .absolute.bg-card-background a,.header .absolute.bg-card-background button,.header .absolute.bg-card-background a.admin-link{color:#fff}}input[type=text]{color:#222!important;background:#fff!important;height:40px}.dark-theme input[type=text]{color:#fff!important;background:#333!important}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #ff408126}.section-title{position:relative;font-size:1.5rem;margin-bottom:1rem;padding-left:1.25rem}.section-title:before{content:"";position:absolute;left:0;top:.5rem;width:.5rem;height:.5rem;background:var(--accent);border-radius:50%}.header .search-btn,.header .quick-search-btn,.header .container button[type=button],.header .container button[type=submit]{height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;padding-top:.69rem;padding-bottom:.69rem;border-radius:0 .75rem .75rem 0;border-left-width:1px;border-left-style:solid;border-left-color:#ccc}.header a.router-link-active,.header a.text-primary,.header nav a.active{color:#fff!important;font-weight:700;background:#0000001f;border-radius:.5rem;padding-left:.5rem;padding-right:.5rem;transition:background .2s,color .2s}@media (prefers-color-scheme: dark){.header a.router-link-active,.header a.text-primary,.header nav a.active{color:#fff!important;background:#ffffff1f}}