:root{--paper:#f4f0e8;--paper-light:#fbf8f2;--ink:#1d1b18;--muted:#756b60;--tan:#c69763;--tan-dark:#9a6941;--mint:#dcebe5;--peach:#f1cfbb;--line:#1d1b183d;--shadow:0 24px 70px #2e231833}*{box-sizing:border-box}html{color:var(--ink);-webkit-text-size-adjust:100%;background:#c9bba8;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}body{background:radial-gradient(circle at 14% 12%,#ffffff61,#0000 25%),radial-gradient(circle at 88% 82%,#52392329,#0000 28%),#c9bba8;min-height:100dvh;margin:0}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #267969}.page-shell{place-items:center;min-height:100dvh;padding:0;display:grid}.paper-card{width:min(100%,440px);min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));background:linear-gradient(104deg, transparent 0 18%, #3e312309 18.2%, transparent 18.7%), linear-gradient(76deg, transparent 0 72%, #3e312308 72.2%, transparent 72.8%), repeating-radial-gradient(circle at 22% 38%, #28211b09 0 .6px, transparent .8px 5px), var(--paper);position:relative;overflow:hidden}.paper-card:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 50px #43301f14}.paper-tape{z-index:2;background:#ceae7e85;width:116px;height:30px;position:absolute;top:-8px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 1px 3px #251c1414}.brand-line{z-index:1;border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:12px;padding-bottom:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;display:flex;position:relative}.stage{z-index:1;flex-direction:column;min-height:calc(100dvh - 116px);padding-top:22px;animation:.32s ease-out both stage-in;display:flex;position:relative}.stage--invite{justify-content:center;padding-top:4px}.stage--centered{text-align:center;justify-content:center;align-items:center}.stage--done{isolation:isolate;padding-bottom:22px}.celebration-layer{z-index:5;pointer-events:none;position:absolute;inset:-24px -24px 0;overflow:hidden}.confetti-piece{opacity:0;border-radius:2px;width:8px;height:14px;animation-name:confetti-fall;animation-timing-function:cubic-bezier(.2,.7,.35,1);animation-iteration-count:infinite;position:absolute;top:-28px}.confetti-piece:nth-child(3n){border-radius:50%;width:10px;height:10px}.confetti-piece:nth-child(4n){width:5px;height:18px}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}10%{opacity:1}84%{opacity:.95}to{opacity:0;transform:translate3d(var(--drift), calc(100dvh + 100px), 0) rotate(var(--spin))}}.floating-mark{color:#d93f59;opacity:0;filter:drop-shadow(2px 2px 0 var(--paper-light));font-size:22px;font-weight:900;animation:2.5s ease-out infinite mark-float;position:absolute;bottom:8%}.floating-mark:nth-of-type(2n){color:#f28ca6}@keyframes mark-float{0%{opacity:0;transform:translateY(30px)scale(.5)rotate(-8deg)}18%{opacity:1}72%{opacity:.9}to{opacity:0;transform:translate3d(var(--float-drift), -420px, 0) scale(1.35) rotate(14deg)}}.celebration-pulse{color:#d93f59;justify-content:center;gap:12px;min-height:34px;margin:-2px 0 10px;display:flex}.celebration-pulse span{font-size:18px;animation:1s ease-in-out infinite celebration-beat;display:inline-block}.celebration-pulse span:nth-child(2n){color:#f28ca6;font-size:17px}@keyframes celebration-beat{0%,to{opacity:.58;transform:translateY(0)scale(.92)rotate(-3deg)}50%{opacity:1;transform:translateY(-5px)scale(1.22)rotate(3deg)}}@keyframes stage-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.step-mark{grid-template-columns:repeat(4,1fr);gap:7px;width:108px;margin-bottom:30px;display:grid}.step-mark span{background:#1d1b1829;border-radius:999px;height:4px}.step-mark .is-active{background:var(--ink)}.hero-row,.section-heading{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.section-heading--done{align-items:center}.hero-row>div:first-child,.section-heading>div:first-child{z-index:2;flex:1;position:relative}.eyebrow{color:var(--tan-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}h1{color:var(--ink);letter-spacing:-.065em;margin:0;font-size:clamp(32px,9vw,42px);font-weight:950;line-height:1.16}.brush-title{z-index:0;margin-top:8px;padding:0 8px 2px 4px;display:inline-block;position:relative}.brush-title:before{content:"";z-index:-1;background:var(--tan);clip-path:polygon(2% 9%,98% 0,94% 91%,3% 100%,0 55%);height:63%;position:absolute;bottom:0;left:-8px;right:-5px;transform:rotate(-1.5deg)skew(-5deg)}.lead{color:var(--muted);margin:16px 0 22px;font-size:14px;font-weight:600;line-height:1.7}.speech-bubble{border:2px solid var(--ink);background:var(--paper-light);color:#3f3932;box-shadow:5px 6px 0 var(--peach);border-radius:18px;margin:24px 4px 26px;padding:17px 18px;font-size:14px;line-height:1.65;position:relative}.speech-bubble:after{content:"";border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--paper-light);width:18px;height:18px;position:absolute;bottom:-11px;right:34px;transform:rotate(45deg)}.character-art{background:var(--paper);filter:saturate(.94)contrast(1.02);flex:none;position:relative;overflow:hidden}.character-art img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;position:absolute}.character-art--invite{width:145px;height:164px;margin:24px -12px 0 -30px}.character-art--invite img{width:350px;top:-242px;left:-88px}.character-art--food{width:106px;height:132px;margin:0 -4px 0 0}.character-art--food img{width:335px;top:-86px;left:-210px}.character-art--heart,.character-art--done{width:134px;height:144px}.character-art--heart img,.character-art--done img{width:338px;top:-79px;left:-189px}.stage--centered .character-art--heart{width:180px;height:190px;margin-bottom:18px}.stage--centered .character-art--heart img{width:430px;top:-100px;left:-238px}.button-stack,.done-actions{gap:10px;width:100%;margin-top:auto;display:grid}.primary-button,.secondary-button,.text-button{text-align:center;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;min-height:52px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:flex}.primary-button{border:2px solid var(--ink);background:var(--ink);color:#fffdf8;width:100%;box-shadow:5px 6px 0 var(--tan);font-weight:850}.primary-button:not(:disabled):active,.secondary-button:active{box-shadow:2px 3px 0 var(--tan);transform:translate(3px,3px)}.primary-button:disabled{cursor:not-allowed;opacity:.35;box-shadow:none}.secondary-button{border:2px solid var(--ink);background:var(--paper-light);width:100%;color:var(--ink);font-weight:800}.text-button{min-height:42px;color:var(--muted);text-underline-offset:4px;background:0 0;border:0;font-size:13px;font-weight:700;text-decoration:underline}.is-wiggling{animation:.36s button-wiggle}@keyframes button-wiggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(14px)rotate(2deg)}55%{transform:translate(-10px)rotate(-2deg)}78%{transform:translate(6px)rotate(1deg)}}.food-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px;display:grid}.food-option{border:1.5px solid var(--line);min-height:78px;color:var(--ink);cursor:pointer;background:#fbf8f2d1;border-radius:13px;padding:10px 6px;position:relative}.food-option .food-flag{object-fit:cover;border:1px solid #1d1b181f;border-radius:3px;width:40px;height:30px;margin:0 auto 5px;display:block;box-shadow:0 1px 3px #1d1b181f}.food-option strong{font-size:12px;display:block}.food-option.is-selected{border-color:var(--ink);background:var(--ink);color:#fffdf8;box-shadow:4px 4px 0 var(--tan)}.pick-me-badge{border:1.5px solid var(--ink);min-width:34px;min-height:24px;color:var(--ink);box-shadow:2px 2px 0 var(--tan);background:#f0d46d;border-radius:999px;justify-content:center;align-items:center;padding:3px 7px;font-size:10px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:-8px;right:-6px;transform:rotate(7deg)}.fixed-date-card{border:2px solid var(--ink);background:var(--paper-light);text-align:center;box-shadow:6px 7px 0 var(--mint);border-radius:16px;gap:8px;margin:24px 0 14px;padding:20px;display:grid}.fixed-date-card span{color:var(--muted);letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.fixed-date-card strong{font-size:26px;line-height:1.2}.fixed-date-card b{color:var(--tan-dark);font-size:21px}.availability-note{color:var(--muted);text-align:center;margin:0 0 18px;font-size:13px;font-weight:650}.availability-actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;margin-top:auto;margin-bottom:6px;display:grid}.availability-actions .secondary-button{box-shadow:5px 6px 0 var(--mint)}.alternate-time-panel{border:2px solid var(--ink);background:var(--mint);width:100%;box-shadow:5px 6px 0 var(--tan);border-radius:15px;gap:12px;margin-top:auto;margin-bottom:6px;padding:16px;display:grid}.alternate-time-field{gap:8px;display:grid}.alternate-time-field span{color:var(--muted);font-size:12px;font-weight:800}.alternate-time-field input{border:2px solid var(--ink);background:var(--paper-light);width:100%;min-height:54px;color:var(--ink);border-radius:12px;outline:none;padding:10px 14px;font-size:18px;font-weight:800}.alternate-time-field input:focus{box-shadow:3px 3px 0 var(--tan);background:#fff}.plan-grid{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 16px;display:grid}.plan-grid>div{border:2px solid var(--ink);background:var(--paper-light);border-radius:14px;flex-direction:column;justify-content:space-between;min-height:92px;padding:14px;display:flex}.plan-grid>div:nth-child(2),.plan-grid>div:nth-child(3){background:var(--mint)}.plan-grid span{color:var(--muted);letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:800}.plan-grid strong{overflow-wrap:anywhere;font-size:15px;line-height:1.35}.tiny-signoff{z-index:1;color:#3c352fad;letter-spacing:.04em;text-align:center;margin:18px 0 0;font-family:Songti SC,STSong,serif;font-size:11px;position:relative}.toast{z-index:20;right:18px;bottom:max(24px, env(safe-area-inset-bottom));border:2px solid var(--ink);background:var(--ink);color:#fffdf8;text-align:center;opacity:0;pointer-events:none;border-radius:12px;max-width:390px;margin:0 auto;padding:13px 16px;font-size:13px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;left:18px;transform:translateY(20px)}.toast.is-visible{opacity:1;transform:translateY(0)}.image-preview-modal{z-index:50;padding:max(22px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;background:#171614db;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.image-preview-card{border:2px solid var(--ink);background:var(--paper);text-align:center;border-radius:18px;width:min(100%,430px);padding:18px;box-shadow:8px 9px #c69763b8}.image-preview-card h2{margin:4px 0 8px;font-size:24px}.image-preview-help{color:var(--muted);margin:0 0 14px;font-size:13px;font-weight:650;line-height:1.55}.image-preview-card img{border:2px solid var(--ink);background:var(--paper-light);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border-radius:10px;width:100%;height:auto;margin-bottom:14px;display:block}.image-preview-close{width:100%;margin-top:2px}@media (width>=560px){.page-shell{padding:30px 0}.paper-card{min-height:820px;box-shadow:var(--shadow);border-radius:8px}.stage{min-height:704px}}@media (height<=730px){.stage{min-height:auto}.stage--invite,.stage--centered{justify-content:flex-start;padding-top:22px}.button-stack,.done-actions{margin-top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}