@charset "UTF-8";:root{--bg: #0d0b1a;--surface: #141228;--surface-2: #1e1b35;--surface-3: #272450;--border: #2e2b4a;--border-2: #3d3a60;--pink: #ff2d78;--pink-dim: #c01f57;--cyan: #00e5ff;--cyan-dim: #009db3;--gold: #ffd600;--red: #ff4444;--text: #e8e6ff;--muted: #6b6890;--muted-2: #9996bb;--glow-pink: 0 0 24px rgba(255,45,120,.45), 0 0 6px rgba(255,45,120,.6);--glow-cyan: 0 0 20px rgba(0,229,255,.35), 0 0 5px rgba(0,229,255,.5);--font-display: "Bebas Neue", "Impact", sans-serif;--font-body: "Space Mono", "Courier New", monospace;--radius: 4px;--radius-lg: 10px;--nav-h: 62px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.65;min-height:100dvh;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.08) 3px,rgba(0,0,0,.08) 4px),radial-gradient(ellipse 130% 55% at 50% -5%,rgba(110,25,160,.45) 0%,transparent 65%),radial-gradient(ellipse 70% 40% at 95% 100%,rgba(0,100,175,.18) 0%,transparent 60%),radial-gradient(ellipse 50% 30% at 5% 70%,rgba(180,20,90,.1) 0%,transparent 55%),var(--bg);background-attachment:fixed}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.04em;line-height:1.1}h1{font-size:clamp(2.8rem,10vw,5.5rem);color:var(--text)}h2{font-size:clamp(1.6rem,5vw,2.4rem);color:var(--text)}h3{font-size:1.4rem;color:var(--pink)}a{color:var(--cyan);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.4rem;font-family:var(--font-body);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;border:1px solid var(--border-2);background:transparent;color:var(--muted-2);cursor:pointer;border-radius:var(--radius);text-decoration:none;white-space:nowrap;transition:color .15s,border-color .15s,box-shadow .15s,background .15s}.btn:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:var(--glow-cyan);text-decoration:none}.btn:active{transform:translateY(1px)}.btn.btn--primary{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:700}.btn.btn--primary:hover{background:var(--pink-dim);border-color:var(--pink-dim);color:#fff;box-shadow:var(--glow-pink)}.btn.btn--danger{border-color:var(--red);color:var(--red)}.btn.btn--danger:hover{background:var(--red);color:#fff;box-shadow:0 0 16px #ff444473}.btn.btn--sm{padding:.4rem .85rem;font-size:.67rem}.btn.btn--lg{padding:.9rem 2rem;font-size:.8rem}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.input{width:100%;padding:.75rem 1rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);font-size:.88rem;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.input:focus{border-color:var(--cyan);box-shadow:var(--glow-cyan),inset 0 0 0 1px #00e5ff14}.input::placeholder{color:var(--muted)}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath d='M1 1l4 5 4-5' stroke='%2300e5ff' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.4rem}.label{font-size:.63rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.tag{display:inline-block;padding:.12rem .55rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;border-radius:3px;background:var(--surface-3);color:var(--muted-2);border:1px solid var(--border)}.score-badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-display);color:var(--gold);font-size:.95rem;letter-spacing:.06em}.divider{border:none;border-top:1px solid var(--border);margin:1.4rem 0}.container{max-width:1100px;margin:0 auto;padding:0 1.25rem}@media(min-width:480px){.container{padding:0 1.5rem}}@media(min-width:768px){.container{padding:0 2rem}}.error-msg{color:var(--red);font-size:.8rem;margin-top:.3rem}.empty-state{text-align:center;padding:5rem 1rem}.empty-state .empty-state__icon{font-size:3.5rem;display:block;margin-bottom:1.2rem;opacity:.25;filter:grayscale(1)}.empty-state .empty-state__title{font-family:var(--font-display);font-size:2rem;color:var(--muted-2);letter-spacing:.06em;margin-bottom:.6rem}.empty-state p{color:var(--muted);font-size:.82rem}.vinyl-groove{width:100%;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,transparent 0%,transparent 14%,var(--bg) 14%,var(--bg) 16%,transparent 16%),repeating-radial-gradient(circle at 50% 50%,var(--surface) 0px,var(--surface) 1.5px,var(--surface-2) 1.5px,var(--surface-2) 4px);display:flex;align-items:center;justify-content:center;position:relative}.vinyl-groove:after{content:"";position:absolute;width:14%;aspect-ratio:1;border-radius:50%;background:var(--pink);box-shadow:var(--glow-pink)}.neon{color:var(--pink);text-shadow:0 0 12px rgba(255,45,120,.8),0 0 35px rgba(255,45,120,.35)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s}.card:hover{border-color:var(--pink);box-shadow:var(--glow-pink);transform:translateY(-2px)}.page{padding-top:1.5rem;padding-bottom:calc(var(--nav-h) + 1.5rem);min-height:100dvh}