:root{--bg-color:#f5ece3;--card-bg:#ffffffa6;--color-lime:#3b7a57;--color-pink:#e07a5f;--color-yellow:#f2cc8f;--color-orange:#f4a261;--color-black:#2c1b18;--color-white:#fff;--color-gray:#2c1b1866;--font-chunky:"Syne", sans-serif;--font-mono:"Space Mono", monospace;--border-width:3px;--shadow-offset:6px;--shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--color-black);--shadow-hover:9px 9px 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-black);font-family:var(--font-mono);letter-spacing:-.2px;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.03'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.grid-overlay{z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#2c1b1804 1px,#0000 1px),linear-gradient(#2c1b1804 1px,#0000 1px);background-size:60px 60px;width:120vw;height:120vh;transition:transform .2s ease-out;position:fixed;top:-10%;left:-10%}.glow-orb{filter:blur(110px);z-index:-1;pointer-events:none;opacity:.5;border-radius:50%;transition:transform .25s ease-out;position:fixed}.glow-orb-1{background:radial-gradient(circle,#e07a5f59 0%,#f2cc8f1a 50%,#0000 70%);width:65vw;height:65vw;animation:20s ease-in-out infinite alternate floatOrb;top:-10%;left:-10%}.glow-orb-2{background:radial-gradient(circle,#f2cc8f59 0%,#e07a5f1a 50%,#0000 70%);width:70vw;height:70vw;animation:25s ease-in-out infinite alternate-reverse floatOrb;bottom:-15%;right:-10%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(8%,8%)scale(1.08)}}#root{z-index:10;justify-content:center;align-items:center;width:100%;max-width:460px;min-height:100dvh;padding:24px;display:flex}.brutal-card{background-color:var(--card-bg);border:var(--border-width) solid var(--color-black);width:100%;box-shadow:0 20px 40px #2c1b180f, var(--shadow);-webkit-backdrop-filter:blur(20px)saturate(140%);text-align:center;border-radius:28px;padding:42px 32px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;position:relative;overflow:hidden}.brutal-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.brutal-capsule-tag{font-family:var(--font-mono);text-transform:uppercase;color:var(--color-black);background-color:var(--color-yellow);border:2px solid var(--color-black);letter-spacing:.5px;border-radius:9999px;margin:0 auto 24px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-block}.brutal-capsule-tag.pink{background-color:var(--color-pink);color:var(--color-white)}.brutal-capsule-tag.lime{background-color:var(--color-lime);color:var(--color-white)}.brutal-capsule-tag.orange{background-color:var(--color-orange)}.chunky-heading{font-family:var(--font-chunky);text-transform:lowercase;color:var(--color-black);text-align:center;letter-spacing:-1.2px;margin-bottom:25px;font-size:42px;font-weight:800;line-height:1.05}.question-text{font-family:var(--font-mono);color:var(--color-lime);text-align:center;justify-content:center;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:9999px;outline:none;padding:16px 0;font-size:22px;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:relative}.brutal-btn-y{background-color:var(--color-pink);color:var(--color-white)}.brutal-btn-n{background-color:var(--color-lime);color:var(--color-white)}.brutal-btn-c{background-color:var(--color-white);color:var(--color-black);letter-spacing:.5px;width:100%;margin-top:16px;padding:14px 0;font-size:13px}.brutal-btn:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.brutal-btn:active{box-shadow:var(--shadow-active);transform:translate(2px,2px)}.brutal-btn:disabled{opacity:.6;cursor:not-allowed}.strike-through-container{width:100%;display:flex;position:relative}.strike-through-line{pointer-events:none;z-index:10;opacity:0;background-color:#0000;border:none;border-radius:4px;width:0;height:8px;transition:width .6s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:50%;left:-5%;transform:translateY(-50%)rotate(-3deg)}.strike-through-active .strike-through-line{background-color:var(--color-pink);border:2px solid var(--color-black);opacity:1;width:110%}.fade-exit{opacity:1;transition:opacity .25s,transform .25s cubic-bezier(.175,.885,.32,1.275);transform:scale(1)}.fade-exit-active{opacity:0;transform:scale(.92)rotate(-2deg)}.slide-up-enter{opacity:0;transform:translateY(30px)rotate(2deg)}.slide-up-enter-active{opacity:1;transition:opacity .35s cubic-bezier(.175,.885,.32,1.275),transform .35s cubic-bezier(.175,.885,.32,1.275);transform:translateY(0)rotate(0)}.success-msg{font-family:var(--font-mono);color:var(--color-black);text-align:center;margin-top:15px;font-size:17px;line-height:1.6}.success-highlight{color:var(--color-lime);border:1px dashed var(--color-lime);background:#3b7a571a;border-radius:6px;padding:2px 8px;font-weight:700}.success-badge-container{justify-content:center;align-items:center;gap:12px;margin-bottom:25px;display:flex}.success-badge-svg{width:54px;height:54px;color:var(--color-lime);animation:2s infinite alternate pulseSvg}@keyframes pulseSvg{0%{transform:scale(1)rotate(-4deg)}to{transform:scale(1.08)rotate(6deg)}}.pill-cta-btn{background-color:var(--color-black);width:100%;color:var(--color-white);font-family:var(--font-chunky);text-transform:uppercase;border:var(--border-width) solid var(--color-black);-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:12px;margin-top:25px;padding:14px 24px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:4px 4px #00000026}.pill-cta-btn:hover{background-color:#3b2521;transform:translate(-2px,-2px);box-shadow:6px 6px #00000040}.pill-cta-btn:active{transform:translate(2px,2px);box-shadow:2px 2px #00000026}.polaroid-frame{border:3px solid var(--color-black);box-shadow:6px 6px 0px var(--color-black);background:#fff;width:fit-content;max-width:240px;margin:15px auto 25px;padding:12px 12px 22px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;transform:rotate(-1.5deg)}.polaroid-frame:hover{transform:rotate(1.5deg)scale(1.03)}.tea-gif{border:2px solid var(--color-black);width:100%;height:auto;display:block}.polaroid-caption{font-family:var(--font-chunky);color:var(--color-black);text-align:center;letter-spacing:.5px;text-transform:lowercase;margin-top:10px;font-size:13px;font-weight:800}.shootshot-gif{border:3px solid var(--color-black);width:100%;max-width:170px;height:auto;box-shadow:5px 5px 0px var(--color-black);border-radius:20px;margin:0 auto 25px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:block}.shootshot-gif:hover{transform:translateY(-2px)scale(1.02)}@media (width<=480px){.chunky-heading{font-size:34px}.brutal-btn{font-size:19px}}