@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;700;800&display=swap";
:root{--banger-bg:#0a0a0f;--banger-panel:#141420;--banger-panel-2:#1d1d2c;--banger-fg:#fff;--banger-muted:#8a8a9a;--banger-pink:#ff006e;--banger-amber:#ffb800;--banger-mint:#00f5d4;--banger-purple:#a78bfa;--banger-border:#000;--banger-shadow:6px 6px 0 #000;--banger-shadow-md:4px 4px 0 #000;--banger-shadow-sm:2px 2px 0 #000;--font-display:"Anton", "Archivo Black", Impact, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:var(--banger-bg);color:var(--banger-fg);font-family:var(--font-body);min-height:100vh;margin:0;padding:0}body{background-image:radial-gradient(circle at 15% -10%,#ff006e29,#0000 45%),radial-gradient(circle at 95% 110%,#00f5d41f,#0000 50%);background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:var(--font-body)}.btn{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;background:var(--banger-amber);color:var(--banger-border);border:2.5px solid var(--banger-border);box-shadow:var(--banger-shadow-md);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.btn:active{transform:translate(2px,2px);box-shadow:0 0 #000}.btn--pink{background:var(--banger-pink);color:#fff}.btn--mint{background:var(--banger-mint)}.btn--white{background:#fff}.wordmark{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;line-height:.9}.wordmark-accent{color:var(--banger-pink)}.chip{background:var(--banger-amber);color:#000;font-family:var(--font-body);letter-spacing:.8px;border:2px solid var(--banger-border);box-shadow:var(--banger-shadow-sm);border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800;display:inline-block;transform:rotate(-4deg)}.panel{background:var(--banger-panel);border:2.5px solid var(--banger-border);box-shadow:var(--banger-shadow-md);border-radius:14px;padding:20px}.panel-title{font-family:var(--font-display);letter-spacing:1.2px;text-transform:uppercase;color:var(--banger-amber);margin:0 0 12px;font-size:18px}.panel-body{color:var(--banger-muted);font-size:14px;line-height:1.55}input[type=text],textarea{background:var(--banger-bg);width:100%;color:var(--banger-fg);border:2.5px solid var(--banger-border);font-family:var(--font-body);border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:box-shadow .1s}input[type=text]:focus,textarea:focus{box-shadow:var(--banger-shadow-sm)}input[type=range]{appearance:none;background:linear-gradient(90deg, var(--banger-mint), var(--banger-amber), var(--banger-pink));border:2px solid var(--banger-border);border-radius:999px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--banger-fg);border:2.5px solid var(--banger-border);cursor:grab;width:22px;height:22px;box-shadow:var(--banger-shadow-sm);border-radius:999px}input[type=range]::-moz-range-thumb{background:var(--banger-fg);border:2.5px solid var(--banger-border);cursor:grab;width:22px;height:22px;box-shadow:var(--banger-shadow-sm);border-radius:999px}.tag{background:var(--banger-panel-2);color:var(--banger-fg);border:2px solid var(--banger-border);font-family:var(--font-display);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;box-shadow:var(--banger-shadow-sm);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:transform .1s,background .1s;display:inline-flex}.tag:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.tag--active{background:var(--banger-pink);color:#fff}.tag--remove{background:var(--banger-amber);color:var(--banger-border)}.tag--remove:after{content:"✕";margin-left:2px;font-size:10px}