:root{--color-bg: #0a0a0c;--color-bg-elevated: #141418;--color-surface: #1c1c22;--color-surface-hover: #242430;--color-border: #2a2a32;--color-border-light: #363642;--color-text: #f0f0f2;--color-text-muted: #8a8a94;--color-accent: #ff3e6c;--color-accent-hover: #ff5c82;--color-accent-dim: rgba(255, 62, 108, .15);--color-success: #00d4aa;--color-success-dim: rgba(0, 212, 170, .15);--color-warning: #ffa726;--color-error: #ef4444;--color-deck-a: #00d4aa;--color-deck-b: #ff3e6c;--font-sans: "Instrument Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.4);--shadow-lg: 0 8px 40px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(255,62,108,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(0,212,170,.08),transparent),var(--color-bg);background-attachment:fixed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s ease;font-family:inherit}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-icon{padding:.5rem;width:36px;height:36px}.input{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color .15s ease}.input:focus{outline:none;border-color:var(--color-accent)}.input::placeholder{color:var(--color-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.animate-in{animation:fadeSlideIn .4s ease-out forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-scale{transition:transform .15s ease}.hover-scale:hover{transform:scale(1.02)}.hover-scale:active{transform:scale(.98)}.glow-accent{box-shadow:0 0 20px #ff3e6c4d}.glow-success{box-shadow:0 0 20px #00d4aa4d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.app.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh;transition:padding-bottom .3s ease}.app.is-landing.svelte-12qhfyh{padding-bottom:0}header.svelte-12qhfyh{position:sticky;top:0;z-index:100;background:#0a0a0ce6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border)}.header-content.svelte-12qhfyh{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;max-width:1400px;margin:0 auto;gap:1rem}.logo.svelte-12qhfyh{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;text-decoration:none;transition:opacity .15s ease}.logo.svelte-12qhfyh:hover{opacity:.8}.logo-dj.svelte-12qhfyh{color:var(--color-accent)}.logo-dot.svelte-12qhfyh{color:var(--color-text-muted)}.logo-domain.svelte-12qhfyh{color:var(--color-text)}.nav.svelte-12qhfyh{display:flex;gap:.25rem;flex:1;justify-content:center}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .15s ease}.nav-link.svelte-12qhfyh:hover,.nav-link.active.svelte-12qhfyh{color:var(--color-text);background:var(--color-surface)}.nav-admin.svelte-12qhfyh{color:var(--color-warning)}.user-menu.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem}.user-name.svelte-12qhfyh{font-size:.875rem;color:var(--color-text-muted)}.login-btn.svelte-12qhfyh{text-decoration:none}main.svelte-12qhfyh{flex:1;display:flex;flex-direction:column}.player-wrapper.svelte-12qhfyh{position:fixed;bottom:0;left:0;right:0;z-index:1000}@media(max-width:768px){.header-content.svelte-12qhfyh{padding:.75rem 1rem;flex-wrap:wrap}.nav.svelte-12qhfyh{order:3;width:100%;justify-content:space-around;margin-top:.5rem}.nav-link.svelte-12qhfyh span:where(.svelte-12qhfyh){display:none}.nav-link.svelte-12qhfyh{padding:.5rem;flex:1;justify-content:center}.user-name.svelte-12qhfyh{display:none}.logo.svelte-12qhfyh{font-size:1rem}}