:root{--ink:#352823;--wine:#8f2d3d;--cream:#f8f1e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,'Times New Roman',serif}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:0 5vw;background:radial-gradient(circle at 50% 38%,#fffaf3 0,#f7ede1 58%,#eadacd 100%)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}.orb{position:absolute;border:1px solid rgba(143,45,61,.13);border-radius:50%;pointer-events:none}.orb-one{width:360px;height:360px;left:-180px;top:16%}.orb-two{width:560px;height:560px;right:-310px;bottom:-190px}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3;border-bottom:1px solid rgba(75,49,40,.13)}.brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.14em;text-transform:uppercase}.brand-mark{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:#fff6ee;font-size:13px}.top-note{color:#826e65;font:italic 14px Georgia,serif}.invite-card{width:min(760px,100%);margin:auto;position:relative;z-index:2;padding:42px 0 30px;text-align:center}.step-dots{display:flex;justify-content:center;gap:8px;margin-bottom:26px}.step-dots span{width:24px;height:3px;border-radius:4px;background:#d7c8bd;transition:.35s}.step-dots span.active{width:42px;background:var(--wine)}.panel{animation:enter .55s cubic-bezier(.2,.8,.2,1) both;position:relative}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.eyebrow{margin:0 0 18px;color:var(--wine);font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.heart-seal,.success-icon{margin:0 auto 19px;width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(143,45,61,.32);border-radius:50%;color:var(--wine);font-size:25px;position:relative}.heart-seal:after{content:'';position:absolute;inset:5px;border:1px dashed rgba(143,45,61,.24);border-radius:inherit}h1,h2{margin:0;font-weight:400;letter-spacing:-.045em;line-height:.98}h1{font-size:clamp(48px,7vw,82px)}h2{font-size:clamp(40px,6vw,64px)}.subtitle{color:#725e55;margin:22px auto 0;font-size:clamp(16px,2vw,19px);line-height:1.65}.answer-zone{min-height:118px;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:16px;position:relative}.yes-button,.continue-button{border:0;border-radius:999px;background:var(--wine);color:#fffaf4;padding:17px 28px;box-shadow:0 10px 30px rgba(143,45,61,.2);cursor:pointer;transition:.2s}.yes-button{min-width:210px;display:flex;justify-content:center;gap:18px}.yes-button:hover,.continue-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 35px rgba(143,45,61,.27)}.no-button{width:76px;padding:14px;border:1px solid #bba99e;border-radius:999px;background:rgba(255,250,242,.65);color:#705e55;cursor:not-allowed;transition:transform .1s ease-out;position:relative;z-index:5}.wink{margin:2px 0 0;color:#a08d83;font:italic 13px Georgia,serif}.choice-panel{background:rgba(255,250,242,.66);border:1px solid rgba(100,70,58,.16);border-radius:28px;padding:48px;box-shadow:0 24px 80px rgba(72,46,35,.09);backdrop-filter:blur(12px)}.back{position:absolute;left:24px;top:22px;border:0;background:transparent;color:#87736a;font-family:Arial,sans-serif;font-size:12px;cursor:pointer}.date-time-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin:34px 0 20px;text-align:left}.date-time-grid label>span{display:block;margin:0 0 8px 5px;color:#7d6960;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}input{width:100%;border:1px solid #d6c5b9;border-radius:14px;background:#fffdf8;color:var(--ink);padding:16px;outline:none;color-scheme:light}input:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(143,45,61,.08)}.continue-button{width:100%;margin-top:4px}.continue-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.food-panel{width:min(840px,94vw);margin-left:50%;transform:translateX(-50%);animation-name:enterWide}@keyframes enterWide{from{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%,0)}}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 18px}.food-card{min-height:142px;position:relative;padding:17px 10px;border:1px solid #dfd0c5;border-radius:18px;background:rgba(255,255,255,.6);cursor:pointer;color:var(--ink);transition:.2s}.food-card:hover{transform:translateY(-3px);border-color:#b9858e;background:#fff}.food-card.selected{border-color:var(--wine);background:#fff8f5;box-shadow:inset 0 0 0 1px var(--wine)}.food-icon{display:block;font-size:30px;margin-bottom:8px}.food-card strong{display:block;font-size:16px}.food-card small{display:block;margin-top:5px;color:#937f76;font:11px Arial,sans-serif}.check{position:absolute;top:10px;right:10px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--wine);color:white;font:11px Arial,sans-serif;opacity:0;transform:scale(.6);transition:.2s}.food-card.selected .check{opacity:1;transform:scale(1)}.success-panel{padding:38px 0}.success-icon{background:var(--wine);color:white;border:0;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 0 14px rgba(143,45,61,0)}0%,100%{box-shadow:0 0 0 0 rgba(143,45,61,.18)}}.summary{width:min(500px,100%);margin:30px auto 20px;border-top:1px solid #d6c5b9;border-bottom:1px solid #d6c5b9}.summary div{display:flex;justify-content:space-between;gap:24px;padding:17px 5px;text-align:left}.summary div+div{border-top:1px solid #e2d5cb}.summary span{color:#927c72;font:11px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.summary strong{font-weight:400}.text-button{border:0;border-bottom:1px solid #a88f84;padding:5px 0;background:transparent;color:#7b675e;cursor:pointer;font-size:13px}footer{position:relative;z-index:2;padding:18px 0 26px;text-align:center;color:#a28d82;font:italic 12px Georgia,serif}@media(max-width:640px){.app-shell{padding:0 20px;overflow-y:auto}.topbar{height:72px}.top-note{display:none}.invite-card{padding-top:28px}.desktop-break{display:none}.answer-zone{gap:10px}.yes-button{min-width:195px}.choice-panel{padding:52px 18px 25px;border-radius:22px}.date-time-grid{grid-template-columns:1fr}.food-grid{grid-template-columns:repeat(2,1fr);gap:8px}.food-card{min-height:126px}.summary div{flex-direction:column;gap:5px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}