@charset "UTF-8";:root{--bg-base: #0a0a0a;--bg-surface: #121212;--bg-raised: #1a1a1a;--bg-overlay: rgba(10, 10, 10, .85);--red-primary: #e50914;--red-hover: #ff1f2c;--red-active: #b20710;--red-dim: #7a0c12;--red-tint: rgba(229, 9, 20, .12);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #666666;--text-on-red: #ffffff;--border: #262626;--border-strong: #3a3a3a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-card: 0 2px 8px rgba(0, 0, 0, .5);--shadow-raised: 0 8px 24px rgba(0, 0, 0, .6);--glow-red: 0 0 12px rgba(229, 9, 20, .35);--glow-red-lg: 0 0 24px rgba(229, 9, 20, .45);--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-med: .2s;--dur-slow: .25s}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.6}h1,h2,h3,.display{font-family:Anton,Inter,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.02em;margin:0}h2{font-size:2rem}h3{font-size:1.25rem}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--red-primary);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.meta{font-size:.8125rem;color:var(--text-secondary)}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:.9375rem;font-weight:600;border-radius:var(--radius-md);padding:10px 24px;transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.btn-primary{background:var(--red-primary);color:var(--text-on-red);border:none}.btn-primary:hover{background:var(--red-hover);box-shadow:var(--glow-red)}.btn-primary:active{background:var(--red-active);box-shadow:none}.btn-primary:disabled{background:#3a3a3a;color:var(--text-muted);box-shadow:none;cursor:default}.btn-primary.large{padding:14px 32px;font-size:1.0625rem}.btn-primary.large:hover{box-shadow:var(--glow-red-lg)}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-primary)}.btn-ghost:hover{border-color:var(--red-primary);color:var(--red-primary);background:var(--red-tint)}.btn-ghost:active{border-color:var(--red-active)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:var(--radius-full);color:var(--text-secondary);transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.icon-btn:hover{color:var(--text-primary);background:var(--bg-raised)}.icon-btn.red:hover{color:var(--red-primary)}input[type=text],input[type=password],input[type=file],select,textarea{width:100%;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text-primary);font-family:inherit;font-size:.9375rem;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}input[type=text]::placeholder,input[type=password]::placeholder,input[type=file]::placeholder,select::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,select:focus,textarea:focus{border-color:var(--red-primary);box-shadow:0 0 0 3px var(--red-tint);outline:none}label.field{display:block;margin-bottom:var(--space-4)}label.field .label{display:block;color:var(--text-secondary);margin-bottom:var(--space-1)}.error-text{color:#ff4d57;font-size:.8125rem}.badge{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:var(--radius-sm)}.badge.song{color:#ff6b73;background:#ff6b731f}.badge.beat{color:#e50914;background:var(--red-tint)}.badge.clip{color:#a3a3a3;background:#a3a3a31f}.section-heading{display:inline-block;padding-bottom:var(--space-2);border-bottom:3px solid var(--red-primary);margin-bottom:var(--space-6)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
