:root{--ink:#e9e7f7;--muted:#a7a1c9;--bg:#0a0612;--violet:#7d2ae8;--pink:#ff6ec7;--cup:#c59be9;--rim:#b4b0ff;--card:#110a1d;--border:#22153a;--glow:0 0 24px rgba(125,42,232,.45),0 0 64px rgba(255,110,199,.2)}
*{box-sizing:border-box}html,body{height:100%}
body{margin:0;background:radial-gradient(1200px 700px at 10% 0%, rgba(125,42,232,.25), transparent 60%),radial-gradient(1000px 600px at 90% 20%, rgba(255,110,199,.15), transparent 60%),linear-gradient(180deg,#0a0612,#0a0612 60%,#0c0718 100%);color:var(--ink);font-family:Rajdhani,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.title-wrap{position:relative;text-align:center;padding:44px 16px 16px}
.title{font-family:Anton,Impact,sans-serif;font-size:clamp(44px,8vw,92px);letter-spacing:2px;margin:0;line-height:.9;text-transform:lowercase;position:relative;display:inline-block;filter:drop-shadow(0 12px 32px rgba(0,0,0,.55))}
.title .layer{position:absolute;inset:0;mix-blend-mode:screen}.title .main{position:relative;color:#fff}
.title .chop1{transform:skewY(-3deg) translate(2px,3px);color:var(--pink);opacity:.6}
.title .chop2{transform:skewY(3deg) translate(-2px,-2px);color:var(--violet);opacity:.6}
.tag{margin:10px auto 0;color:var(--muted);text-align:center;max-width:720px}
.ornaments{position:absolute;inset:0;pointer-events:none}.ornaments svg{position:absolute;opacity:.23;filter:blur(.2px) drop-shadow(0 0 18px rgba(125,42,232,.35))}
.ornaments .cup{top:18px;left:8px;width:min(22vw,220px);fill:var(--cup)}.ornaments .rim{top:-30px;right:-10px;width:min(34vw,360px);stroke:var(--rim)}
main{max-width:980px;margin:0 auto;padding:16px}

.ticker{overflow:hidden;border-block:1px solid #2a1a48;background:rgba(17,10,29,.6)}
.track{display:flex;gap:28px;padding:10px 0;white-space:nowrap;animation:scroll 30s linear infinite}
.badge{background:rgba(10,6,18,.72);border:1px solid #3a2863;color:#d0c6ff;font-size:12px;padding:2px 8px;border-radius:999px;margin-right:8px}
@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.uploader{background:linear-gradient(180deg, rgba(17,10,29,.8), rgba(17,10,29,.55));border:1px solid var(--border);border-radius:22px;padding:18px;display:grid;gap:12px;box-shadow:var(--glow);margin-top:18px}
form{display:flex;gap:12px;flex-wrap:wrap}
input[type=text]{flex:1;min-width:260px;background:#090612;color:var(--ink);border:1px dashed #3a2863;padding:12px 14px;border-radius:14px}
button{background:linear-gradient(90deg,var(--violet),var(--pink));color:#0b0612;font-weight:900;letter-spacing:.4px;border:0;border-radius:14px;padding:12px 18px;cursor:pointer;text-transform:uppercase}
button:hover{filter:brightness(1.07)}.hint{color:var(--muted);margin:0}.result{background:#0f0a1c;border:1px solid #2b1c4a;border-radius:12px;padding:10px}

.gallery{margin-top:28px}.gallery h2{font-family:Anton,Impact,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:22px;color:#d9cffb;margin:0 0 10px}
.list{display:grid;grid-template-columns:1fr;gap:10px}
.pick{background:#120b22;border:1px solid #2a1a48;border-radius:16px;padding:12px;position:relative}
.actions{display:flex;gap:12px;margin-top:8px}
.btn{display:inline-flex;align-items:center;gap:6px;background:#1a1130;border:1px solid #3a2863;border-radius:999px;color:#d0c6ff;font-size:12px;padding:6px 10px;cursor:pointer;text-decoration:none}
.btn:hover{background:#140d24}
.count{font-weight:700}

.grain{pointer-events:none;position:fixed;inset:0;opacity:.06;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"160\" height=\"160\" viewBox=\"0 0 160 160\"><filter id=\"n\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.9\" numOctaves=\"2\" stitchTiles=\"stitch\"/></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23n)\" opacity=\"0.5\"/></svg>');mix-blend-mode:overlay}
footer{padding:48px 16px;text-align:center;color:var(--muted)}
.nav{display:flex;justify-content:center;gap:16px;margin-top:8px}
.pill{border:1px solid #39235f;padding:8px 12px;border-radius:999px;font-size:12px;color:#d2c7ff;text-decoration:none}.pill:hover{background:#140d24}
@media (max-width:620px){.track{animation-duration:45s}}