:root{
  --bg:#0b0a0d;--panel:#121015;--panel2:#18151b;--text:#f7f3ef;--muted:#a69da7;
  --accent:#f1a8bc;--accent2:#ffdce5;--line:rgba(255,255,255,.105);--soft:rgba(241,168,188,.11);
  --shadow:0 35px 100px rgba(0,0,0,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.ambient{position:fixed;width:44vw;height:44vw;border-radius:50%;filter:blur(120px);opacity:.12;z-index:-2;pointer-events:none}.ambient-a{background:#f0a8bd;top:-20vw;left:-18vw}.ambient-b{background:#ad7bff;right:-24vw;bottom:-22vw;opacity:.07}.app-shell{width:min(1050px,calc(100% - 36px));min-height:100vh;margin:auto;padding:26px 0 30px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;height:42px}.wordmark{display:flex;align-items:center;gap:10px;font:700 12px "Manrope",sans-serif;letter-spacing:.16em}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);animation:pulse 2.2s infinite}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 5px var(--accent)}}.private-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:9px;letter-spacing:.16em;color:var(--muted)}.private-pill b{color:var(--accent);font-size:10px}.progress-wrap{display:flex;align-items:center;gap:14px;margin-top:22px}.progress-track{height:2px;background:rgba(255,255,255,.07);flex:1;overflow:hidden}.progress-bar{height:100%;width:12.5%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .5s cubic-bezier(.2,.7,.2,1)}.progress-wrap>span{font-size:9px;letter-spacing:.13em;color:#746d75}.screen{display:none;flex:1;min-height:calc(100vh - 150px);padding:8.5vh 0 5vh;animation:enter .48s cubic-bezier(.2,.7,.2,1)}.screen.active{display:block}@keyframes enter{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.screen[data-screen="intro"].active{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:60px}.eyebrow,.step-head{font:700 10px "Manrope",sans-serif;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}.step-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line);margin-bottom:34px}.step-head span:first-child{color:#6e666f}h1,h2{font-family:"Playfair Display",serif;font-weight:600;letter-spacing:-.055em;line-height:.94;margin:18px 0 24px}h1{font-size:clamp(58px,8vw,103px)}h2{font-size:clamp(48px,7vw,82px);max-width:900px}h1 em,h2 em{font-weight:600;color:var(--accent2)}.lead{max-width:650px;color:var(--muted);font-size:clamp(17px,2vw,20px);line-height:1.65}.lead.compact{max-width:590px}.tiny,.micro{font-size:10px;color:#716972;letter-spacing:.05em;margin-top:25px}.primary,.ghost{appearance:none;border:none;border-radius:999px;padding:15px 21px;font:600 14px "DM Sans",sans-serif;cursor:pointer;transition:.22s ease}.primary{background:var(--accent);color:#28161d;box-shadow:0 13px 35px rgba(241,168,188,.13)}.primary:hover{transform:translateY(-2px);background:#ffc4d4;box-shadow:0 16px 45px rgba(241,168,188,.22)}.primary span{margin-left:12px}.primary.big{padding:19px 27px;font-size:17px}.primary.glow{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 0 45px rgba(241,168,188,.18)}.ghost{background:rgba(255,255,255,.018);color:var(--text);border:1px solid var(--line)}.ghost:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.22)}.cta{margin-top:14px;padding:18px 25px}.orbit-card{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:36px;background:radial-gradient(circle at center,rgba(241,168,188,.11),transparent 45%),rgba(255,255,255,.018);overflow:hidden;box-shadow:var(--shadow)}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.11);border-radius:50%;transform:translate(-50%,-50%)}.orbit-1{width:42%;height:42%}.orbit-2{width:67%;height:67%}.orbit-3{width:91%;height:91%}.heart-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#29171e;font-size:31px;box-shadow:0 0 70px rgba(241,168,188,.28)}.orbit-label{position:absolute;font:700 8px "Manrope";letter-spacing:.15em;color:#8b828b}.l1{top:16%;left:47%}.l2{left:10%;top:57%}.l3{right:15%;bottom:17%}.for-pill{display:inline-flex;gap:8px;padding:8px 11px;border-radius:999px;border:1px solid var(--line);font-size:9px;letter-spacing:.15em;color:var(--muted);margin-top:18px}.for-pill strong{color:var(--text)}.choice-zone{position:relative;display:flex;gap:12px;align-items:center;min-height:96px;margin-top:34px}.choice-zone #noBtn.moving{position:absolute}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0}.vibe-card{position:relative;text-align:left;min-height:170px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));color:var(--text);border-radius:25px;padding:22px;cursor:pointer;transition:.25s ease}.vibe-card:hover{transform:translateY(-3px);border-color:rgba(241,168,188,.32)}.vibe-card.active{border-color:var(--accent);background:linear-gradient(150deg,rgba(241,168,188,.13),rgba(255,255,255,.018));box-shadow:inset 0 0 0 1px rgba(241,168,188,.1)}.vibe-card .vibe-icon{display:block;color:var(--accent);font-size:23px;margin-bottom:26px}.vibe-card strong{display:block;font-size:18px;margin-bottom:7px}.vibe-card small{display:block;color:var(--muted);line-height:1.55;max-width:290px;font-size:13px}.vibe-card i{position:absolute;right:20px;top:19px;color:#756d76;font-style:normal}.nav-row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:34px;max-width:760px}.field{display:flex;flex-direction:column;gap:9px}.field>span,.picker-title{font-size:10px;letter-spacing:.13em;color:var(--muted);text-transform:uppercase;font-weight:700}.field small{text-transform:none;letter-spacing:0;font-weight:500}.field input,.field textarea{appearance:none;width:100%;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;padding:17px 18px;font:500 16px "DM Sans";outline:none;transition:.2s}.field input:focus,.field textarea:focus{border-color:rgba(241,168,188,.5);box-shadow:0 0 0 3px rgba(241,168,188,.07)}.quick-times{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.time-chip,.chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:12px 15px;font:600 13px "DM Sans";cursor:pointer;transition:.18s}.time-chip.active,.chip.active{border-color:var(--accent);background:var(--soft);color:var(--accent2)}.picker-block{padding:21px 0;border-bottom:1px solid var(--line)}.picker-title{display:flex;gap:10px;align-items:center}.picker-title span{color:var(--accent)}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.note-field{max-width:760px;margin-top:34px;position:relative}.field textarea{min-height:170px;resize:vertical;line-height:1.55}.note-field b{position:absolute;right:14px;bottom:11px;font-size:9px;color:#736b74;font-weight:600}.summary-card{max-width:760px;border:1px solid rgba(241,168,188,.23);border-radius:28px;background:linear-gradient(160deg,rgba(241,168,188,.09),rgba(255,255,255,.018));padding:24px;box-shadow:var(--shadow);margin-top:30px}.summary-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid var(--line)}.summary-top div:first-child{display:flex;flex-direction:column;gap:5px}.summary-top span,.summary-code{font-size:9px;letter-spacing:.15em;color:var(--muted)}.summary-top strong{font-family:"Playfair Display";font-size:23px}.summary-code{align-self:flex-start;border:1px solid var(--line);border-radius:999px;padding:7px 9px}.summary{padding-top:10px}.summary-row{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}.summary-row:last-child{border-bottom:0}.summary-row span{font-size:12px;color:var(--muted)}.summary-row strong{font-size:14px;line-height:1.45}.done-screen{text-align:left}.success-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#ffd3df,var(--accent));color:#2b171f;font-size:28px;box-shadow:0 0 0 11px rgba(241,168,188,.05),0 0 80px rgba(241,168,188,.18);margin-bottom:25px}.success-orb.neutral{background:rgba(255,255,255,.07);color:var(--accent);box-shadow:none}.final-card{max-width:620px;border:1px solid var(--line);border-radius:26px;padding:24px;margin:27px 0;background:rgba(255,255,255,.025)}.final-kicker{font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin-bottom:14px}.final-date{font-family:"Playfair Display";font-size:clamp(29px,5vw,44px);display:block;text-transform:capitalize}.final-time{display:block;color:var(--muted);font-size:18px;margin-top:4px}.final-mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.final-mini span{padding:8px 11px;border-radius:999px;background:var(--panel2);font-size:12px;color:#d7ced6}.done-actions{display:flex;gap:10px;flex-wrap:wrap}.toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%,20px);opacity:0;background:#f7f3ef;color:#1b1419;padding:12px 16px;border-radius:999px;font:600 13px "DM Sans";box-shadow:0 15px 50px rgba(0,0,0,.35);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}#confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:40}.confetti-piece{position:absolute;top:-30px;color:var(--accent);font-style:normal;animation:fall linear forwards}@keyframes fall{to{transform:translate3d(var(--drift),108vh,0) rotate(580deg);opacity:.55}}footer{border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:#625b63;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.app-shell{width:min(100% - 24px,1050px);padding-top:16px}.screen{padding-top:6.5vh;min-height:calc(100vh - 135px)}.screen[data-screen="intro"].active{display:block}.orbit-card{display:none}h1{font-size:clamp(52px,16vw,78px)}h2{font-size:clamp(43px,13vw,65px)}.lead{font-size:16px}.card-grid{grid-template-columns:1fr}.vibe-card{min-height:145px}.form-grid{grid-template-columns:1fr}.choice-zone{min-height:135px;align-items:flex-start}.nav-row>*{flex:1}.summary-row{grid-template-columns:100px 1fr}.progress-wrap{margin-top:14px}.private-pill span{display:none}.primary.big{font-size:15px}.screen[data-screen="ask"] h2{font-size:clamp(42px,12vw,62px)}}
@media(max-width:390px){.app-shell{width:calc(100% - 20px)}.nav-row{flex-direction:column-reverse}.nav-row>*{width:100%}.summary-row{grid-template-columns:1fr;gap:5px}.done-actions{flex-direction:column}.done-actions>*{width:100%}}