@import"https://fonts.googleapis.com/css2?family=Bangers&family=Roboto:wght@400;500;700&display=swap";:root{--primary: #FF00CC;--primary-hover: #d600ab;--secondary: #39FF14;--bg-body: #000000;--bg-surface: #1a1a1a;--bg-input: #2d2d2d;--text-main: #ffffff;--text-muted: #a0a0a0;--border: #333333;--font-heading: "Bangers", system-ui, sans-serif;--font-body: "Roboto", system-ui, sans-serif;accent-color:var(--secondary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);padding:20px;background:var(--bg-body);color:var(--text-main)}nav{background:var(--bg-surface);color:var(--text-main);padding:1rem;margin:-20px -20px 20px;display:flex;gap:1rem;border-bottom:2px solid var(--primary)}nav a{color:var(--text-main);text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:all .2s;font-family:var(--font-heading);font-size:1.2rem;letter-spacing:1px}nav a:hover{color:var(--primary);background:#ff00cc1a}.container{max-width:1200px;margin:0 auto;background:var(--bg-surface);padding:2rem;border-radius:8px;box-shadow:0 4px 20px #ff00cc1a;border:1px solid var(--border)}button{background:var(--primary);color:#fff;border:none;padding:.5rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s;font-weight:400;text-transform:uppercase;font-family:var(--font-heading);letter-spacing:1px}button:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ff00cc4d}button:disabled{background:var(--border);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent!important;border:2px solid var(--primary)!important;color:var(--primary)!important}.btn-secondary:hover{background:var(--primary)!important;color:#fff!important}.btn-danger{background:#dc2626!important}input,textarea,select{width:100%;padding:.75rem;margin:.5rem 0;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;font-size:1rem;color:var(--text-main);font-family:var(--font-body)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--secondary);box-shadow:0 0 0 2px #39ff1433}option{background:var(--bg-input);color:var(--text-main)}.song-item,.setlist-item{padding:1rem;margin:.5rem 0;background:var(--bg-input);border-radius:4px;border-left:4px solid var(--primary)}.song-item:hover,.setlist-item:hover{background:#333}h1,h2,h3{margin-bottom:1rem;font-family:var(--font-heading);color:var(--primary);letter-spacing:1px;text-transform:uppercase;font-weight:400}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}label{font-weight:400;margin-bottom:.5rem;color:var(--secondary);font-family:var(--font-heading);letter-spacing:.5px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (max-width: 768px){.container{padding:1rem;border-radius:0;border-left:none;border-right:none}h1{font-size:2rem}h2{font-size:1.75rem}button,input,select,textarea{min-height:44px}*{-webkit-overflow-scrolling:touch}}.dnd-poly-drag-image{opacity:.5!important}.dnd-poly-drag-image.dnd-poly-snapback{transition-property:transform,-webkit-transform!important;transition-duration:.25s!important;transition-timing-function:ease-out!important}nav.svelte-cxnhw5.svelte-cxnhw5{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#2c3e50;color:#fff;box-shadow:0 2px 4px #0000001a;position:relative}.nav-left.svelte-cxnhw5.svelte-cxnhw5,.nav-right.svelte-cxnhw5.svelte-cxnhw5{display:flex;align-items:center;gap:1.5rem}.logo.svelte-cxnhw5.svelte-cxnhw5{font-weight:700;font-size:1.2rem;color:var(--primary)!important;text-decoration:none;display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);letter-spacing:1px}.nav-logo.svelte-cxnhw5.svelte-cxnhw5{height:32px;width:32px;object-fit:contain}nav.svelte-cxnhw5 a.svelte-cxnhw5{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background .2s}nav.svelte-cxnhw5 a.svelte-cxnhw5:hover{background:#ffffff1a}.user-info.svelte-cxnhw5.svelte-cxnhw5{color:#ecf0f1;font-size:.9rem}.logout-btn.svelte-cxnhw5.svelte-cxnhw5{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.logout-btn.svelte-cxnhw5.svelte-cxnhw5:hover{background:#c0392b}.login-link.svelte-cxnhw5.svelte-cxnhw5{color:#fff!important}.register-btn.svelte-cxnhw5.svelte-cxnhw5{background:#4caf50!important;color:#fff!important;font-weight:500}.register-btn.svelte-cxnhw5.svelte-cxnhw5:hover{background:#45a049!important}.hamburger.svelte-cxnhw5.svelte-cxnhw5{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.bar.svelte-cxnhw5.svelte-cxnhw5{display:block;width:25px;height:3px;margin:5px auto;background-color:#fff;transition:all .3s ease-in-out}.mobile-menu.svelte-cxnhw5.svelte-cxnhw5{display:none}@media (max-width: 768px){.desktop-links.svelte-cxnhw5.svelte-cxnhw5{display:none}.hamburger.svelte-cxnhw5.svelte-cxnhw5{display:block}.mobile-menu.svelte-cxnhw5.svelte-cxnhw5{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:#2c3e50;padding:1rem;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a;z-index:100;gap:1rem}.mobile-menu.svelte-cxnhw5 a.svelte-cxnhw5,.mobile-menu.svelte-cxnhw5 button.svelte-cxnhw5{width:100%;text-align:center;padding:1rem}.divider.svelte-cxnhw5.svelte-cxnhw5{height:1px;background:#ffffff1a;margin:.5rem 0}.user-info.svelte-cxnhw5.svelte-cxnhw5{text-align:center;display:block;margin-bottom:.5rem}}