:root{--bg-color:#0b0a0f;--card-bg:#13111c;--color-lime:#60a5fa;--color-pink:#f472b6;--color-yellow:#facc15;--color-white:#fff;--color-gray:#9ca3af;--color-black:#000;--font-chunky:"Syne", sans-serif;--font-mono:"Space Mono", monospace;--border-width:4px;--shadow-offset:6px;--shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--color-black);--shadow-hover:10px 10px 0px var(--color-black);--shadow-active:2px 2px 0px var(--color-black)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--color-white);font-family:var(--font-mono);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.noise-overlay{pointer-events:none;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.glow-orb{filter:blur(80px);z-index:-1;pointer-events:none;opacity:.6;border-radius:50%;position:fixed}.glow-orb-1{background:radial-gradient(circle,#a3e63540 0%,#0000 70%);width:60vw;height:60vw;animation:18s ease-in-out infinite alternate floatOrb;top:-10%;left:-10%}.glow-orb-2{background:radial-gradient(circle,#ff007f40 0%,#0000 70%);width:60vw;height:60vw;animation:22s ease-in-out infinite alternate-reverse floatOrb;bottom:-10%;right:-10%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(8%,8%)scale(1.15)}}#root{z-index:10;justify-content:center;align-items:center;width:100%;max-width:440px;min-height:100dvh;padding:20px;display:flex}.brutal-card{background-color:var(--card-bg);border:var(--border-width) solid var(--color-black);width:100%;box-shadow:var(--shadow);border-radius:12px;padding:30px 24px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s;position:relative;overflow:hidden}.brutal-tag{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-black);background-color:var(--color-yellow);border:2px solid var(--color-black);border-radius:6px;margin-bottom:20px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.brutal-tag.pink{background-color:var(--color-pink);color:var(--color-white)}.brutal-tag.lime{background-color:var(--color-lime)}.chunky-heading{font-family:var(--font-chunky);text-transform:lowercase;color:var(--color-white);text-align:left;letter-spacing:-1px;margin-bottom:30px;font-size:38px;font-weight:800;line-height:1.1}.question-text{font-family:var(--font-mono);color:var(--color-lime);text-align:left;align-items:center;gap:8px;margin-bottom:35px;font-size:18px;font-weight:700;line-height:1.4;display:flex}.button-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;display:grid}.brutal-btn{font-family:var(--font-chunky);text-transform:uppercase;border:var(--border-width) solid var(--color-black);cursor:pointer;box-shadow:var(--shadow);text-align:center;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;padding:18px 0;font-size:22px;font-weight:800;transition:all .1s;position:relative}.brutal-btn-y{background-color:var(--color-lime);color:var(--color-black)}.brutal-btn-n{background-color:var(--color-pink);color:var(--color-white)}.brutal-btn:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.brutal-btn:active{box-shadow:var(--shadow-active);transform:translate(3px,3px)}.strike-through-container{display:inline-block;position:relative}.strike-through-line{background-color:var(--color-pink);border:2px solid var(--color-black);pointer-events:none;border-radius:4px;width:0;height:8px;transition:width .6s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:-5%;transform:translateY(-50%)rotate(-3deg)}.strike-through-active .strike-through-line{width:110%}.fade-exit{opacity:1;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);transform:scale(1)}.fade-exit-active{opacity:0;transform:scale(.9)rotate(-3deg)}.slide-up-enter{opacity:0;transform:translateY(40px)rotate(3deg)}.slide-up-enter-active{opacity:1;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0)rotate(0)}.success-msg{font-family:var(--font-mono);color:var(--color-white);text-align:left;margin-top:15px;font-size:16px;line-height:1.6}.success-highlight{color:var(--color-lime);border:1px dashed var(--color-lime);background:#a3e6351a;border-radius:4px;padding:2px 6px;font-weight:700}.success-badge-container{align-items:center;gap:12px;margin-bottom:25px;display:flex}.success-badge-svg{width:48px;height:48px;color:var(--color-lime);animation:2s infinite alternate pulseSvg}@keyframes pulseSvg{0%{transform:scale(1)rotate(-3deg)}to{transform:scale(1.1)rotate(5deg)}}.insta-card{border-color:var(--color-black)}.insta-link-btn{background-color:var(--color-yellow);width:100%;color:var(--color-black);font-family:var(--font-chunky);text-transform:uppercase;border:var(--border-width) solid var(--color-black);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-top:25px;padding:18px 0;font-size:20px;font-weight:800;text-decoration:none;transition:all .1s;display:flex;position:relative}.insta-link-btn:hover{box-shadow:var(--shadow-hover);background-color:#fde047;transform:translate(-3px,-3px)}.insta-link-btn:active{box-shadow:var(--shadow-active);transform:translate(3px,3px)}.insta-svg{fill:currentColor;width:24px;height:24px}.drawing-arrow{z-index:10;opacity:.95;pointer-events:none;width:60px;height:60px;display:none;position:absolute;top:-40px;right:-20px;transform:rotate(-15deg)}.floating-starburst{width:40px;height:40px;color:var(--color-pink);pointer-events:none;animation:12s linear infinite spinSlow;position:absolute;top:10px;right:15px}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=360px){.chunky-heading{font-size:32px}.brutal-btn{padding:14px 0;font-size:18px}}
