:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.app{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(120deg,#ffffff85 0 1px,#0000 1px 22px),linear-gradient(150deg,#fff7fb 0%,#f8fbff 48%,#fff1f2 100%);place-items:center;display:grid;position:relative;overflow:hidden}.app:before,.app:after{z-index:0;content:"";border:1px solid #e11d481f;width:52vmin;height:52vmin;display:block;position:absolute;inset:auto;transform:rotate(18deg)}.app:before{background-color:#0000;background-image:linear-gradient(45deg,#0000 48%,#e11d4821 49% 51%,#0000 52%),linear-gradient(-45deg,#0000 48%,#fbbf242e 49% 51%,#0000 52%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;top:-18vmin;right:-14vmin}.app:after{background-color:#0000;background-image:linear-gradient(90deg,#0e749014 50%,#0000 50%),linear-gradient(#e11d481a 50%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;bottom:-20vmin;left:-18vmin;transform:rotate(-14deg)}.background-scene{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.decor{color:#e11d4838;text-shadow:0 10px 26px #e11d4821;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,10vw,5.5rem);line-height:1;animation:9s ease-in-out infinite floatDecor;position:absolute}.decor-1{top:9%;left:9%}.decor-2{color:#0e749033;font-size:clamp(1.6rem,7vw,3.6rem);animation-delay:-2s;top:18%;right:11%}.decor-3{color:#be123c2b;animation-delay:-4s;bottom:19%;right:8%}.decor-4{color:#d977063b;font-size:clamp(1.8rem,8vw,4rem);animation-delay:-5.5s;bottom:11%;left:12%}.decor-5{color:#e11d4821;font-size:clamp(1.8rem,8vw,4.2rem);animation-delay:-7s;top:44%;left:3%}@keyframes floatDecor{0%,to{transform:translate(0,0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(5deg)}}.phone-shell{z-index:2;background:#ffffffe6;border:1px solid #7f1d1d1f;border-radius:30px;width:min(100%,430px);height:min(820px,100dvh - 32px);min-height:620px;position:relative;overflow:hidden;box-shadow:0 28px 90px #7f1d1d29}.screen{-webkit-overflow-scrolling:touch;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:100%;padding:30px;display:flex;overflow-y:auto}.invite-screen{justify-content:center}.tag{color:#be123c;letter-spacing:0;background:#ffe4e6;border-radius:999px;width:fit-content;margin:0 auto 14px;padding:8px 12px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#111827;letter-spacing:0;overflow-wrap:anywhere;text-align:center;margin-bottom:24px;font-size:clamp(1.85rem,8vw,2.8rem);line-height:1.08}h2{color:#111827;letter-spacing:0;overflow-wrap:anywhere;text-align:center;margin-bottom:24px;font-size:clamp(1.95rem,9.5vw,3.25rem);line-height:1}.choice-zone{flex:0 0 260px;width:100%;min-height:240px;max-height:320px;position:relative}.button,.option-button,.color-button{cursor:pointer;border:0;font-weight:800}.button:focus-visible,.option-button:focus-visible,.color-button:focus-visible{outline-offset:3px;outline:3px solid #e11d4852}.button{touch-action:manipulation;border-radius:18px;justify-content:center;align-items:center;min-height:56px;padding:0 28px;transition:transform .16s,opacity .16s;display:inline-flex}.button:active,.option-button:active,.color-button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.46}.primary{color:#fff;background:#e11d48;box-shadow:0 16px 34px #e11d4842}.ghost{color:#334155;background:#fff;border:1px solid #0f172a1f}.runaway{min-width:92px;position:absolute;transform:translate(-50%,-50%)}.choice-row{justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.yes-slot{width:min(46%,132px)}.yes-button{width:100%}.no-button{width:auto;min-width:92px}.option-list,.color-grid{gap:12px;width:100%;display:grid}.option-button,.color-button{color:#1f2937;text-align:center;background:#fff7ed;border-radius:18px;width:100%;min-height:64px;transition:background .16s,transform .16s}.option-button{border:1px solid #c2410c29;padding:0 18px;font-size:1.05rem}.option-button:hover{background:#ffedd5}.wide{width:100%}.color-button{background:#fff;border:1px solid #0f172a1a;justify-content:center;align-items:center;gap:14px;padding:10px 14px;display:flex}.swatch{border:1px solid #0f172a24;border-radius:50%;flex:none;width:38px;height:38px}.navy{background:#0f2747}.white{background:#fff}.red{background:#dc2626}.yellow{background:#facc15}.brown{background:#7c4a2d}.done-screen{text-align:center;position:relative;overflow:hidden}.done-content{z-index:2;width:100%;position:relative}.result{color:#334155;overflow-wrap:anywhere;text-align:center;margin-bottom:28px;font-size:clamp(1.08rem,5vw,1.28rem);font-weight:800;line-height:1.55}.celebration{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.balloon{opacity:.82;border-radius:50% 50% 46% 46%;width:46px;height:58px;animation:7.5s ease-in-out infinite riseBalloon;position:absolute;bottom:-120px;box-shadow:inset -8px -10px 18px #0f172a1f}.balloon:before{content:"";background:#ffffff9e;border-radius:999px;width:12px;height:18px;position:absolute;top:10px;left:11px;transform:rotate(22deg)}.balloon:after{content:"";background:#33415538;width:1px;height:54px;position:absolute;bottom:-50px;left:50%}.balloon-1{background:#fb7185;animation-delay:-.8s;left:9%}.balloon-2{background:#facc15;width:38px;height:50px;animation-duration:8.4s;animation-delay:-3.4s;left:32%}.balloon-3{background:#38bdf8;animation-duration:7.8s;animation-delay:-2s;right:12%}.balloon-4{background:#a78bfa;width:40px;height:52px;animation-duration:9s;animation-delay:-5.2s;right:34%}.confetti{opacity:.78;border-radius:2px;width:9px;height:18px;animation:4.8s ease-in-out infinite tossConfetti;position:absolute;bottom:-30px}.confetti-1{background:#e11d48;animation-delay:-.2s;left:18%}.confetti-2{background:#0ea5e9;animation-delay:-1.5s;left:42%}.confetti-3{background:#f59e0b;animation-delay:-2.4s;left:67%}.confetti-4{background:#22c55e;animation-delay:-3.1s;left:79%}.confetti-5{background:#8b5cf6;animation-delay:-3.8s;left:28%}.confetti-6{background:#ec4899;animation-delay:-4.4s;left:54%}@keyframes riseBalloon{0%{transform:translate(0,0)rotate(-4deg)}45%{transform:translate(14px,-48vh)rotate(5deg)}to{transform:translate(-10px,-96vh)rotate(-7deg)}}@keyframes tossConfetti{0%{transform:translate(0,0)rotate(0)}52%{transform:translate(18px,-42vh)rotate(210deg)}to{transform:translate(-8px,-82vh)rotate(420deg)}}@media (width<=520px){.app{padding:0}.phone-shell{border:0;border-radius:0;width:100%;height:100dvh;min-height:100dvh}.screen{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left))}.app:before{top:-26vmin;right:-30vmin}.app:after{bottom:-28vmin;left:-30vmin}.decor-1{top:7%;left:4%}.decor-2{top:12%;right:5%}.decor-3{bottom:14%;right:-2%}.decor-5{display:none}}@media (width<=360px){h1{font-size:1.62rem}h2{font-size:1.78rem}.button,.option-button,.color-button{min-height:58px}.choice-zone{flex-basis:220px;min-height:220px}}