:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fffde7;--bg-strong:#fff0c0;--surface:#fff;--surface-soft:#fffef2;--ink:#28111f;--muted:#60493e;--soft:#7a6155;--rose:#bf1d64;--rose-deep:#8b154d;--gold:#8a6200;--gold-soft:#fff1bd;--teal:#0f766e;--teal-soft:#dff8f2;--lavender:#eee8ff;--border:#4a34293d;--shadow:8px 10px 0 #4a34291f;--shadow-soft:5px 6px 0 #4a34291a;--paper:#fff9c4;--paper-strong:#fff176;--doodle-ink:#4a3429;--marker-pink:#ff86a9;--marker-coral:#ffb07c;--marker-yellow:#ffd66b;--marker-blue:#78c8d2;--marker-mint:#a8e5c1;background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 14% 14%,#ffd66b2e,#0000 26%),radial-gradient(circle at 82% 12%,#ffb07c24,#0000 24%),repeating-linear-gradient(0deg,#4a342906 0 1px,#0000 1px 22px),repeating-linear-gradient(90deg,#4a342905 0 1px,#0000 1px 24px),linear-gradient(#fffde7 0%,#fffef5 46%,#fff8e1 100%);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}.site-header{z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:min(1120px,100% - 32px);min-height:68px;box-shadow:var(--shadow-soft);background:#ffffffd1;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin:16px auto 0;padding:12px 16px 12px 22px;display:flex;position:sticky;top:16px}.logo{letter-spacing:0;font-family:Playfair Display,Georgia,serif;font-size:1.65rem;font-weight:700;line-height:1}.desktop-nav{color:var(--muted);align-items:center;gap:26px;font-size:.93rem;font-weight:700;display:flex}.desktop-nav a,.site-footer nav a{transition:color .18s}.header-cta,.button{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 18px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex}.header-cta,.button.primary{background:var(--rose-deep);color:#fff;box-shadow:0 10px 24px #8b154d3d}.header-cta:hover,.button.primary:hover{background:#741040;transform:translateY(-2px);box-shadow:0 14px 32px #8b154d47}.button.secondary:hover{box-shadow:var(--shadow-soft);border-color:#bf1d6457;transform:translateY(-2px)}.icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;display:none}.mobile-nav{border:1px solid var(--border);width:min(1120px,100% - 32px);box-shadow:var(--shadow-soft);background:#fff;border-radius:16px;gap:8px;margin:8px auto 0;padding:12px;display:grid}.mobile-nav a{color:var(--muted);border-radius:10px;padding:12px 14px;font-weight:800}.hero-section{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);align-items:center;gap:56px;width:min(1120px,100% - 32px);min-height:calc(100svh - 92px);margin:0 auto;padding:84px 0 72px;display:grid}.hero-copy{max-width:620px}.eyebrow{color:var(--rose-deep);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 14px;font-size:.82rem;font-weight:800;display:inline-flex}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:0;font-family:Playfair Display,Georgia,serif;line-height:1.02}h1{max-width:620px;margin-bottom:22px;font-size:4.8rem}h2{margin-bottom:16px;font-size:3.05rem}h3{letter-spacing:0;margin-bottom:10px;font-size:1.2rem}p{color:var(--muted);line-height:1.72}.hero-subcopy{max-width:560px;color:var(--muted);margin-bottom:30px;font-size:1.14rem}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.hero-proof{flex-wrap:wrap;gap:12px;display:flex}.hero-proof span{border:1px solid var(--border);min-height:34px;color:var(--muted);background:#ffffffb3;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:.9rem;font-weight:700;display:inline-flex}.hero-visual{min-height:560px;position:relative}.floating-card{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffdb;border-radius:22px;gap:14px;animation:6s ease-in-out infinite cardFloat;display:grid;position:absolute;overflow:hidden}.floating-card strong{padding:0 22px;font-family:Playfair Display,Georgia,serif;font-size:1.34rem}.floating-card span:not(.orb):not(.art-mark){color:var(--soft);padding:0 22px 22px;font-size:.9rem;font-weight:700}.main-card{z-index:3;width:300px;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.left-card{opacity:.9;width:230px;animation-delay:.6s;top:42%;left:0;transform:translateY(-50%)rotate(-10deg)}.right-card{opacity:.92;width:230px;animation-delay:1.1s;top:48%;right:0;transform:translateY(-50%)rotate(9deg)}.mini-art{border-bottom:1px solid var(--border);height:220px;position:relative;overflow:hidden}.side-card .mini-art{height:170px}.mini-art.birthday{background:linear-gradient(160deg,#fff8dc,#ffd98a 54%,#f4a6c6)}.mini-art.holiday{background:linear-gradient(160deg,#ecfff9,#a8f0df 52%,#d5ecff)}.mini-art.love{background:linear-gradient(160deg,#fff0f7,#f7afd0 52%,#efe5ff)}.orb{background:#fff9;border-radius:999px;animation:6s linear infinite drift;display:block;position:absolute}.orb.one{width:44px;height:44px;top:62%;left:18%}.orb.two{width:28px;height:28px;animation-delay:1.4s;top:28%;left:72%}.orb.three{width:16px;height:16px;animation-delay:2.1s;top:74%;left:52%}.art-mark{background:#ffffff9e;border-radius:45% 55% 50% 50%;width:112px;height:112px;animation:3.4s ease-in-out infinite pulseMark;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 18px #ffffff47}.section{width:min(1120px,100% - 32px);margin:0 auto;padding:96px 0}.soft-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff9e;width:100%;max-width:none;padding:92px max(16px,50% - 560px)}.section-heading{text-align:center;max-width:680px;margin:0 auto 46px}.section-heading p:last-child{font-size:1.04rem}.steps-grid,.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.step-card,.preview-card,.pricing-panel,.interest-form,.card-form,.live-preview-panel,.qr-panel,.contact-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffdb;border-radius:20px}.step-card{padding:28px}.step-icon{background:var(--gold-soft);width:50px;height:50px;color:var(--gold);border-radius:16px;place-items:center;margin-bottom:22px;display:grid}.step-icon svg{width:25px;height:25px}.preview-stage{height:300px;position:relative;overflow:hidden}.preview-stage .mini-art{width:190px;height:230px;box-shadow:var(--shadow-soft);border:1px solid #ffffff9e;border-radius:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.motion-field{position:absolute;inset:0}.motion-field span{--i:1;left:calc((var(--i) * 8%) + 2%);width:11px;height:18px;animation:4.4s linear infinite fall;animation-delay:calc(var(--i) * -.28s);background:#ffffff94;border-radius:999px;position:absolute;top:-18px}.preview-stage.birthday{background:#fff3d6}.preview-stage.holiday{background:var(--teal-soft)}.preview-stage.love{background:var(--bg-strong)}.preview-content{padding:22px}.preview-content>div{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.preview-content h3{font-family:Playfair Display,Georgia,serif;font-size:1.45rem}.preview-content div p{color:var(--rose-deep);margin:0;font-weight:800}.template-pill{width:fit-content;color:var(--muted);background:#60455a14;border-radius:999px;margin-top:12px;padding:7px 11px;font-size:.82rem;font-weight:800;display:inline-flex}.preview-card.is-upcoming{opacity:.78}.split-section{grid-template-columns:minmax(0,.9fr) minmax(330px,.7fr);align-items:center;gap:48px;display:grid}.pricing-panel{padding:28px}.price-row{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;padding-bottom:24px;display:grid}.price{font-family:Playfair Display,Georgia,serif;font-size:4.2rem;line-height:1}.pricing-panel ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.pricing-panel li{color:var(--muted);align-items:flex-start;gap:10px;font-weight:700;display:flex}.pricing-panel svg{color:var(--teal);flex:none}.early-access-section{grid-template-columns:minmax(0,.88fr) minmax(360px,.72fr);align-items:start;gap:48px;padding-bottom:112px;display:grid}.early-access-copy{position:sticky;top:120px}.interest-form{gap:16px;padding:26px;display:grid}.interest-form label,.card-form label{color:var(--ink);gap:7px;font-weight:800;display:grid}.interest-form input,.interest-form select,.interest-form textarea,.card-form input,.card-form select,.card-form textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #501f3a38;border-radius:12px;outline:none;padding:13px 14px;transition:border-color .16s,box-shadow .16s}.interest-form textarea,.card-form textarea{resize:vertical}.full-width{width:100%}.button:disabled{cursor:wait;opacity:.72;transform:none}.form-message{border-radius:12px;margin:0;padding:12px 14px;font-weight:700}.form-message.success{background:var(--teal-soft);color:#0b5e57}.form-message.error{color:#9f1239;background:#fff1f2}.creator-page,.success-page{width:min(1120px,100% - 32px);margin:0 auto;padding:76px 0 108px}.creator-intro{max-width:760px;margin-bottom:34px}.creator-intro h1,.success-copy h1,.state-page h1{font-size:clamp(2.7rem,6vw,4.6rem)}.creator-grid{grid-template-columns:minmax(320px,.78fr) minmax(420px,1fr);align-items:start;gap:28px;display:grid}.card-form{gap:16px;display:grid}.media-field{background:repeating-linear-gradient(-4deg,#4a342906 0 1px,#0000 1px 14px),#fff6dcad;border:2px solid #4a34292e;border-radius:18px;gap:12px;padding:16px;display:grid}.media-field-heading{color:var(--doodle-ink);align-items:flex-start;gap:10px;display:flex}.media-field-heading svg{color:var(--rose-deep);flex:none;margin-top:2px}.media-field-heading strong,.media-field-heading span{display:block}.media-field-heading span{color:var(--soft);margin-top:2px;font-size:.88rem;font-weight:700}.file-upload-zone{min-height:58px;color:var(--doodle-ink);text-align:center;background:#ffffff9e;border:2px dashed #4a342952;border-radius:16px;place-items:center;position:relative}.file-upload-zone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.media-preview-row,.audio-preview-row,.voice-recorder{align-items:center;gap:12px;display:flex}.media-preview-row img{border:3px solid var(--doodle-ink);object-fit:cover;border-radius:14px;width:82px;height:64px;box-shadow:3px 4px #4a34291f}.icon-text-button{min-height:36px;color:var(--doodle-ink);background:#4a342914;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-weight:800;display:inline-flex}.voice-recorder{justify-content:space-between}.voice-recorder span{color:var(--soft);font-size:.9rem;font-weight:800}.voice-recorder.is-recording span{color:var(--rose-deep)}.audio-preview-row{align-items:flex-start}.audio-preview-row audio{width:100%;min-width:0}.live-preview-panel{position:sticky;top:108px}.panel-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panel-heading .eyebrow{margin:0}.panel-heading a{color:var(--rose-deep);font-size:.9rem;font-weight:800}.birthday-preview{isolation:isolate;background:radial-gradient(circle at 18% 22%,#ffffff61 0 2px,#0000 3px),radial-gradient(circle at 78% 30%,#ffffff5c 0 2px,#0000 3px),repeating-linear-gradient(0deg,#4a342909 0 1px,#0000 1px 18px),repeating-linear-gradient(90deg,#4a342906 0 1px,#0000 1px 22px),linear-gradient(160deg,#fff8dc,#ffd98a 48%,#ffaec4);border-radius:18px;place-items:center;min-height:620px;display:grid;position:relative;overflow:hidden}.birthday-preview:after,.phone-story:after{content:"";z-index:8;pointer-events:none;mix-blend-mode:multiply;opacity:.42;background:radial-gradient(circle at 18% 24%,#4a342914 0 .7px,#0000 1.2px) 0 0/11px 13px,radial-gradient(circle at 62% 42%,#4a34290e 0 .8px,#0000 1.3px) 0 0/17px 19px,radial-gradient(circle at 42% 78%,#ffffff80 0 .8px,#0000 1.4px) 0 0/23px 29px;position:absolute;inset:0}.preview-sticker-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.preview-phone{z-index:2;background:var(--paper);border:9px solid #ffffffe0;border-radius:34px;grid-template-rows:.92fr 1.14fr .82fr .82fr;width:min(320px,100%);min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:7px 9px #4a34291f,0 20px 48px #4a163324}.preview-phone section{text-align:center;place-items:center;padding:24px;display:grid}.preview-phone section:first-child{background:#ffffffb8}.preview-phone section:nth-child(2){background:#fff8dcb8}.preview-phone section:nth-child(3){background:#fff0f7c7}.preview-phone span,.preview-phone strong,.preview-phone em{color:var(--doodle-ink);font-family:Caveat,Comic Neue,cursive;font-weight:700}.preview-phone span{font-size:2.3rem;line-height:1.05}.preview-phone strong{font-size:2.1rem;line-height:1.05}.preview-phone p{margin:0;font-size:.95rem}.preview-phone em{font-size:1.35rem;line-height:1.2}.preview-phone small{color:#704434;margin-top:16px;font-weight:800;display:block}.success-page{grid-template-columns:minmax(0,.94fr) minmax(300px,.48fr);align-items:center;gap:36px;display:grid}.success-copy{max-width:720px}.link-box{border:1px solid var(--border);background:#ffffffc7;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin:28px 0 18px;padding:12px;display:grid}.link-box span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.success-actions{flex-wrap:wrap;gap:12px;display:flex}.qr-panel{text-align:center;place-items:center;padding:28px;display:grid}.qr-frame{width:264px;height:264px;box-shadow:inset 0 0 0 1px var(--border);background:#fff;border-radius:24px;place-items:center;display:grid}.qr-frame img{width:240px;height:240px}.qr-panel p{margin:16px 0 0;font-weight:800}.state-page{align-content:center;justify-items:start;width:min(760px,100% - 32px);min-height:100svh;margin:0 auto;display:grid}.story-page{min-height:100svh;color:var(--ink);scroll-snap-type:y proximity;background:radial-gradient(circle at 15% 8%,#fff1bde6,#0000 24%),radial-gradient(circle at 80% 12%,#f8e8f2f2,#0000 26%),linear-gradient(#fff7fb,#fff 44%,#dff8f2)}.story-demo-pill{z-index:10;color:#fff;box-shadow:var(--shadow-soft);background:#8b154deb;border-radius:999px;padding:10px 14px;font-weight:800;position:fixed;top:18px;right:18px}.story-panel{scroll-snap-align:start;text-align:center;place-items:center;min-height:100svh;padding:56px max(24px,50% - 450px);display:grid;position:relative;overflow:hidden}.story-hi p,.story-birthday h1,.story-closing p{color:var(--ink);font-family:Playfair Display,Georgia,serif;line-height:1.02}.story-hi p{margin:0;font-size:clamp(4rem,13vw,9rem);animation:.9s both storyRise}.story-hi span{color:var(--rose-deep);letter-spacing:.05em;text-transform:uppercase;margin-top:-12vh;font-weight:800;animation:.9s .45s both storyFade}.story-birthday{background:linear-gradient(160deg,#fff8dcdb,#f4a6c66b)}.story-birthday h1{max-width:760px;margin:0;font-size:clamp(4rem,14vw,10rem);animation:3.4s ease-in-out infinite storyPulse}.story-birthday p{margin:0;font-weight:800;position:absolute;bottom:14vh}.story-confetti{pointer-events:none;position:absolute;inset:0}.story-confetti span{--angle:0deg;--burst-delay:0s;--hue:0;background:hsl(var(--hue), 74%, 76%);opacity:0;width:13px;height:20px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.45);animation:ribbonBurst .98s cubic-bezier(.18, .84, .2, 1) var(--burst-delay) both;border:2px solid #4a34297a;border-radius:5px 8px 6px 9px;position:absolute;top:48%;left:50%}.story-confetti span:nth-child(3n){border-radius:999px;width:18px;height:7px}.story-confetti span:nth-child(4n){border-radius:50%;width:10px;height:10px}.message-stack{gap:28px;width:min(760px,100%);display:grid}.message-stack p{border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--ink);text-align:left;background:#ffffffc2;border-radius:24px;margin:0;padding:28px;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.8rem,5vw,3.8rem);line-height:1.12}.message-stack p:nth-child(2n){background:#dff8f2c7;margin-left:auto}.story-closing{background:linear-gradient(#fff6,#fff7fbe6)}.story-closing p{max-width:820px;margin:0 0 30px;font-size:clamp(2.6rem,8vw,6rem)}.story-closing strong{color:var(--rose-deep);margin-bottom:42px;font-size:clamp(1.2rem,3vw,2rem);display:block}.story-closing a{background:var(--rose-deep);color:#fff;border-radius:999px;align-items:center;min-height:44px;padding:12px 18px;font-weight:800;display:inline-flex}.mobile-first-story{scroll-snap-type:none;background:repeating-linear-gradient(0deg,#4a342909 0 1px,#0000 1px 18px),repeating-linear-gradient(90deg,#4a342906 0 1px,#0000 1px 22px),linear-gradient(145deg,#fff8e8 0%,#fffef6 46%,#ecfaf1 100%);place-items:center;min-height:100svh;padding:22px;display:grid}.phone-story{isolation:isolate;overscroll-behavior:contain;background:var(--paper);scroll-snap-type:y mandatory;scrollbar-width:none;border:10px solid #ffffffd1;border-radius:42px;width:min(430px,100%);height:min(860px,100svh - 44px);min-height:680px;position:relative;overflow-y:auto;box-shadow:10px 14px #4a34291a,0 28px 64px #28111f29,inset 0 0 0 2px #4a34291f}.cover-sticker-layer,.hi-sticker-layer,.birthday-sticker-layer,.closing-sticker-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.cover-badge,.cover-copy,.story-open-button,.cover-from,.story-hi>div,.birthday-hero-card,.story-closing>div{z-index:2;position:relative}.gift-ribbon{z-index:1;pointer-events:none;position:absolute;inset:0}.gift-ribbon-band{border:3px solid var(--doodle-ink);background:repeating-linear-gradient(90deg, #ffffff3d 0 10px, transparent 10px 20px), var(--marker-pink);position:absolute;box-shadow:5px 6px #4a34291f}.gift-ribbon-horizontal{width:54%;height:54px;top:calc(50% + 50px)}.gift-ribbon-horizontal.left{border-radius:0 20px 18px 0;left:-7%}.gift-ribbon-horizontal.right{border-radius:20px 0 0 18px;right:-7%}.gift-ribbon-vertical{background:repeating-linear-gradient(0deg, #ffffff3d 0 10px, transparent 10px 20px), var(--marker-blue);width:52px;left:50%;translate:-50%}.gift-ribbon-vertical.top{border-radius:0 0 18px 18px;height:calc(50% + 79px);top:-7%}.gift-ribbon-vertical.bottom{border-radius:18px 18px 0 0;height:calc(50% - 22px);bottom:-7%}.gift-bow{filter:drop-shadow(5px 6px #4a342924);width:128px;height:92px;position:absolute;top:calc(50% + 77px);left:50%;translate:-50% -50%}.gift-bow-loop,.gift-bow-knot,.gift-bow-tail{border:3px solid var(--doodle-ink);background:var(--marker-coral);position:absolute}.gift-bow-loop{border-radius:65% 35% 62% 38%/48% 62% 38% 52%;width:54px;height:44px;top:6px}.gift-bow-loop.left{left:6px;rotate:-18deg}.gift-bow-loop.right{right:6px;rotate:18deg}.gift-bow-knot{background:var(--marker-yellow);border-radius:42% 58% 45% 55%;width:34px;height:30px;top:28px;left:50%;translate:-50%}.gift-bow-tail{clip-path:polygon(0 0,100% 0,82% 100%,50% 74%,18% 100%);width:31px;height:34px;top:56px}.gift-bow-tail.left{left:36px;rotate:7deg}.gift-bow-tail.right{right:36px;rotate:-7deg}.ribbon-open-flash{z-index:1;pointer-events:none;opacity:0;position:absolute;inset:0}.ribbon-open-flash span{border:3px solid var(--doodle-ink);background:var(--marker-yellow);opacity:0;transform-origin:0;border-radius:999px 760px 980px 840px/840px 999px 800px 920px;width:74px;height:20px;position:absolute;top:calc(50% + 78px);left:50%;box-shadow:4px 5px #4a34291f}.ribbon-open-flash span:first-child{--flash-angle:-34deg;background:var(--marker-yellow)}.ribbon-open-flash span:nth-child(2){--flash-angle:18deg;background:var(--marker-mint)}.ribbon-open-flash span:nth-child(3){--flash-angle:158deg;background:var(--marker-blue)}.ribbon-open-flash span:nth-child(4){--flash-angle:214deg;background:var(--marker-coral)}.phone-story.is-ribbon-opening .gift-ribbon-horizontal.left{animation:.82s cubic-bezier(.18,.86,.18,1) both ribbonSlideLeft}.phone-story.is-ribbon-opening .gift-ribbon-horizontal.right{animation:.82s cubic-bezier(.18,.86,.18,1) both ribbonSlideRight}.phone-story.is-ribbon-opening .gift-ribbon-vertical.top{animation:.82s cubic-bezier(.18,.86,.18,1) both ribbonSlideUp}.phone-story.is-ribbon-opening .gift-ribbon-vertical.bottom{animation:.82s cubic-bezier(.18,.86,.18,1) both ribbonSlideDown}.phone-story.is-ribbon-opening .gift-bow{animation:.82s cubic-bezier(.18,.86,.18,1) both bowPopOpen}.phone-story.is-ribbon-opening .ribbon-open-flash{opacity:1}.phone-story.is-ribbon-opening .ribbon-open-flash span{animation:.76s cubic-bezier(.18,.86,.18,1) both ribbonFlash}.phone-story.is-ribbon-opening .cover-badge{animation:.76s cubic-bezier(.18,.86,.18,1) both coverBadgeOpen}.phone-story.is-ribbon-opening .cover-copy{animation:.76s cubic-bezier(.18,.86,.18,1) both coverCopyOpen}.phone-story.is-ribbon-opening .cover-from{animation:.62s both coverFromOpen}.sticker-balloon{--balloon-fill:var(--marker-blue);border:3px solid var(--doodle-ink);background:radial-gradient(circle at 34% 26%, #ffffffc7 0 8px, transparent 9px), var(--balloon-fill);border-radius:54% 46% 50% 50%/48% 50% 54% 52%;width:54px;height:68px;animation:4.6s ease-in-out infinite stickerBob;position:absolute;box-shadow:4px 5px #4a342924}.sticker-balloon:before{content:"";clip-path:polygon(50% 100%,6% 0,94% 0);background:var(--balloon-fill);width:16px;height:14px;filter:drop-shadow(2px 0 0 var(--doodle-ink)) drop-shadow(-2px 0 0 var(--doodle-ink)) drop-shadow(0 2px 0 var(--doodle-ink));position:absolute;bottom:-10px;left:50%;translate:-50%}.sticker-balloon:after{content:"";opacity:.72;background-image:url("data:image/svg+xml,%3Csvg width='28' height='58' viewBox='0 0 28 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 2 C 9 12 19 18 14 28 C 9 39 15 47 13 56' stroke='%23705241' stroke-width='3.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:52%;height:86%;position:absolute;bottom:-92%;left:50%;translate:-50%}.sticker-star{background:var(--marker-yellow);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%);width:38px;height:38px;filter:drop-shadow(2px 0 0 var(--doodle-ink)) drop-shadow(-2px 0 0 var(--doodle-ink)) drop-shadow(0 2px 0 var(--doodle-ink)) drop-shadow(0 -2px 0 var(--doodle-ink)) drop-shadow(3px 4px 0 #4a342924);animation:3.2s steps(2,end) infinite stickerTwinkle;position:absolute}.sticker-star:after{content:"";background:#ffffffd1;border-radius:999px;width:7px;height:7px;position:absolute;top:9px;left:12px}.sticker-squiggle{opacity:.72;background-image:url("data:image/svg+xml,%3Csvg width='74' height='27' viewBox='0 0 74 27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 17 C 14 3 23 29 34 16 S 56 3 70 17' fill='none' stroke='%234a3429' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:74px;height:27px;position:absolute}.paper-ribbon{border:3px solid var(--doodle-ink);background:repeating-linear-gradient(90deg, #ffffff57 0 8px, transparent 8px 16px), var(--marker-mint);border-radius:12px 9px 13px 10px;width:106px;height:30px;position:absolute;box-shadow:4px 5px #4a34291f}.paper-ribbon:before,.paper-ribbon:after{content:"";background:var(--paper);width:15px;height:15px;position:absolute;top:7px;rotate:45deg}.paper-ribbon:before{left:-10px}.paper-ribbon:after{right:-10px}.sticker-balloon-a{--balloon-fill:var(--marker-blue);top:96px;left:28px;rotate:-9deg}.sticker-balloon-b{--balloon-fill:var(--marker-pink);animation-delay:-1.2s;top:150px;right:28px;rotate:8deg}.sticker-star-a{top:76px;right:66px;rotate:10deg}.sticker-squiggle-a{bottom:118px;left:42px;rotate:-12deg}.hi-star-a{background:var(--marker-coral);top:112px;left:44px;rotate:-8deg}.hi-star-b{background:var(--marker-blue);width:30px;height:30px;animation-delay:-1.4s;bottom:152px;right:54px;rotate:16deg}.hi-squiggle{top:184px;right:28px;rotate:16deg}.ribbon-a{top:74px;left:20px;rotate:-10deg}.ribbon-b{background-color:var(--marker-coral);bottom:118px;right:22px;rotate:12deg}.birthday-balloon-a{--balloon-fill:var(--marker-mint);width:44px;height:56px;animation-delay:-.8s;bottom:190px;left:30px;rotate:-14deg}.birthday-balloon-b{--balloon-fill:var(--marker-pink);width:48px;height:62px;animation-delay:-2s;top:138px;right:32px;rotate:10deg}.birthday-star-a{background:var(--marker-blue);top:168px;left:54px;rotate:-14deg}.birthday-squiggle{top:82px;right:26px;rotate:-8deg}.closing-star-a{background:var(--marker-yellow);top:112px;left:42px;rotate:-8deg}.closing-star-b{background:var(--marker-pink);width:32px;height:32px;animation-delay:-.9s;bottom:124px;right:48px;rotate:18deg}.closing-squiggle{bottom:96px;left:34px;rotate:12deg}.preview-balloon-a{width:42px;height:54px;top:54px;left:22px;rotate:-12deg}.preview-star-a{background:var(--marker-yellow);width:32px;height:32px;top:86px;right:30px;rotate:9deg}.preview-squiggle-a{bottom:64px;left:22px;rotate:-10deg}.phone-story::-webkit-scrollbar{display:none}.phone-story:not(.is-opened){overflow:hidden}.phone-story .story-panel{scroll-snap-align:start;min-height:100%;padding:34px 24px}.story-cover{isolation:isolate;background:linear-gradient(#ffffff47,#ffffff47),repeating-linear-gradient(-8deg,#4a34290b 0 1px,#0000 1px 18px),linear-gradient(#fff1bd 0%,#fff8e8 50%,#ffe1ec 100%);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.story-cover:before,.story-cover:after{content:"";z-index:-1;opacity:.72;pointer-events:none;border-radius:999px;position:absolute}.story-cover:before{background:repeating-linear-gradient(132deg,#ffb07c8c 0 12px,#ffd66b8c 12px 24px);border:3px solid #4a342957;border-radius:46% 54% 45% 55%/56% 45% 55% 44%;width:146px;height:146px;animation:8s ease-in-out infinite coverDrift;top:-28px;left:-42px}.story-cover:after{background:repeating-linear-gradient(36deg,#78c8d28a 0 10px,#a8e5c18a 10px 21px);border:3px solid #4a342952;border-radius:56% 44% 57% 43%/46% 55% 45% 54%;width:132px;height:132px;animation:7.2s ease-in-out 1.1s infinite reverse coverDrift;bottom:13%;right:-42px}.cover-badge{border:3px solid var(--doodle-ink);transform-origin:50% 0;background:#fffdf3;border-radius:48% 52% 45% 55%/52% 45% 55% 48%;place-items:center;width:118px;height:118px;animation:.78s both storyRise;display:grid;position:absolute;top:42px;left:50%;translate:-50%;rotate:-3deg;box-shadow:5px 7px #4a34291f}.cover-badge-glow{border-radius:inherit;border:2px dashed #4a342938;animation:3.2s steps(2,end) infinite badgePulse;position:absolute;inset:-12px}.cover-badge-label{color:#6e2f46;letter-spacing:.05em;text-transform:uppercase;font-size:.82rem;font-weight:900}.cover-copy{place-items:center;gap:10px;width:100%;margin-top:54px;animation:.82s .18s both storyRise;display:grid}.cover-copy p{color:var(--doodle-ink);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.86rem;font-weight:900}.cover-copy h1{max-width:330px;color:var(--doodle-ink);text-align:center;text-wrap:balance;text-shadow:2px 3px #ffb07c59;margin:0;font-family:Caveat,Comic Neue,cursive;font-size:clamp(4rem,19vw,6.6rem);font-weight:700;line-height:.94}.story-open-button{border:0;border:3px solid var(--doodle-ink);background:var(--marker-pink);min-height:52px;color:var(--doodle-ink);cursor:pointer;border-radius:999px 880px 960px 900px/820px 999px 860px 980px;justify-content:center;align-items:center;gap:10px;margin-top:26px;padding:14px 22px;font-weight:900;transition:transform .18s,box-shadow .18s,background-color .18s;animation:.76s .43s both storyRise;display:inline-flex;position:relative;box-shadow:5px 6px #4a34292e}.story-open-button span,.story-open-button svg{z-index:1;position:relative}.story-open-button svg{transition:transform .18s}.story-open-button:hover{transform:translateY(-2px)rotate(-1deg);box-shadow:7px 8px #4a34292e}.story-open-button:active{transform:translateY(2px)scale(.98);box-shadow:2px 3px #4a34292e}.phone-story.is-ribbon-opening .story-open-button{background:var(--marker-yellow);animation:.76s cubic-bezier(.18,.86,.18,1) both storyButtonPull;transform:translateY(2px)rotate(-1deg)scale(.98);box-shadow:2px 3px #4a342933}.phone-story.is-ribbon-opening .story-open-button svg{transform:translate(8px)rotate(32deg)}.cover-from{color:var(--soft);font-weight:800;animation:.72s .72s both storyFade;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.story-hi{background:repeating-linear-gradient(4deg,#4a342909 0 1px,#0000 1px 17px),linear-gradient(#fffaf0 0%,#fff8e8 56%,#ffeaf0 100%);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.story-hi div{place-items:center;gap:18px;display:grid}.story-hi p{text-wrap:balance;max-width:360px;font-family:Caveat,Comic Neue,cursive;font-size:clamp(4.1rem,18vw,6.5rem);font-weight:700}.story-hi span{color:#7a3b46;margin-top:0;font-size:.78rem}.phone-story .story-photo{background:repeating-linear-gradient(-6deg,#4a342909 0 1px,#0000 1px 18px),linear-gradient(#fff9e8 0%,#f0fbf6 58%,#ffeef4 100%);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.phone-story .story-voice{background:repeating-linear-gradient(5deg,#4a342909 0 1px,#0000 1px 17px),linear-gradient(#ffeef4 0%,#fff8e8 54%,#f0fbf6 100%);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.memory-photo{border:4px solid var(--doodle-ink);background:#fffdf3;border-radius:26px 20px 28px 22px/22px 28px 21px 25px;width:min(330px,92%);margin:0;padding:16px 16px 18px;animation:.78s both storyRise;position:relative;rotate:-2deg;box-shadow:10px 12px #4a342921}.memory-photo:after{content:"";pointer-events:none;border-radius:18px;position:absolute;inset:15px;box-shadow:inset 0 0 0 2px #4a342914}.memory-photo img{aspect-ratio:1.22;border:3px solid var(--doodle-ink);object-fit:cover;background:var(--paper);border-radius:18px 15px 19px 16px;width:100%;display:block}.memory-photo figcaption{color:var(--doodle-ink);text-wrap:balance;margin-top:13px;font-family:Caveat,Comic Neue,cursive;font-size:clamp(1.5rem,8vw,2.35rem);font-weight:700;line-height:1}.memory-photo-tape{z-index:2;background:repeating-linear-gradient(90deg,#4a34290d 0 1px,#0000 1px 9px),#ffd66bad;border:2px solid #4a342938;border-radius:8px;width:84px;height:28px;position:absolute}.memory-photo-tape.tape-a{top:-15px;left:22px;rotate:-10deg}.memory-photo-tape.tape-b{top:-13px;right:22px;rotate:9deg}.voice-note-card{border:4px solid var(--doodle-ink);background:radial-gradient(circle at 14% 18%, #ffffffd1, transparent 18%), var(--marker-blue);width:min(330px,92%);color:var(--doodle-ink);border-radius:28px 22px 25px 20px/22px 28px 20px 25px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:20px;animation:.78s both storyRise;display:grid;rotate:1.6deg;box-shadow:9px 10px #4a342921}.voice-note-icon{border:3px solid var(--doodle-ink);background:#fffdf3;border-radius:999px;place-items:center;width:54px;height:54px;display:grid}.voice-note-copy{text-align:left;gap:2px;display:grid}.voice-note-copy span{color:#4a3429b8;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:900}.voice-note-copy strong{font-family:Caveat,Comic Neue,cursive;font-size:2rem;line-height:.95}.voice-wave{grid-column:1/-1;justify-content:center;align-items:center;gap:5px;min-height:54px;display:flex}.voice-wave span{--wave-delay:0s;border:2px solid var(--doodle-ink);width:7px;height:26px;animation:voiceWave .92s ease-in-out var(--wave-delay) infinite;background:#fffdf3;border-radius:999px}.voice-wave span:nth-child(3n){height:42px}.voice-wave span:nth-child(4n){height:18px}.voice-wave span:nth-child(5n){height:34px}.voice-note-card audio{grid-column:1/-1;width:100%;min-width:0}.voice-note-card p{color:#4a3429bd;grid-column:1/-1;max-width:230px;margin:-4px auto 0;font-size:.92rem;font-weight:800}.phone-story .story-birthday{background:repeating-linear-gradient(0deg,#4a342909 0 1px,#0000 1px 18px),repeating-linear-gradient(90deg,#4a342906 0 1px,#0000 1px 24px),linear-gradient(#fff4bf 0%,#ffe9a8 42%,#ffd6e1 100%);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.birthday-hero-card{z-index:2;place-items:center;gap:18px;width:100%;display:grid;position:relative}.birthday-hero-card h1{max-width:330px;color:var(--doodle-ink);text-wrap:balance;text-shadow:2px 3px #ffffffb3,4px 5px #78c8d23d;margin:0;font-family:Caveat,Comic Neue,cursive;font-size:clamp(3.25rem,16vw,5.6rem);font-weight:700;line-height:.92;animation:.8s .95s both storyRise}.birthday-hero-card p{color:#6f4c3f;max-width:260px;margin:0;font-size:.95rem;font-weight:700;animation:.8s 1.25s both storyFade;position:static;bottom:auto}.cake-scene{--cake-scale:1;width:calc(250px * var(--cake-scale));height:calc(230px * var(--cake-scale));filter:drop-shadow(6px 9px #4a34291f);margin:0 auto;position:relative}.cake-scene.compact{--cake-scale:.58;margin-bottom:-8px}.cake-stage{width:250px;height:230px;transform:scale(var(--cake-scale));transform-origin:0 0;animation:3.8s ease-in-out 1.9s infinite cakeStageWiggle;position:absolute;inset:0;rotate:-1deg}.cake-shadow-smudge{background:radial-gradient(#4a34292e,#4a342905 64%,#0000 70%);border-radius:58% 42% 56% 44%;width:188px;height:26px;position:absolute;bottom:8px;left:50%;translate:-50%;rotate:-2deg}.cake-glow{background:repeating-conic-gradient(from 12deg, #ffffff70 0 9deg, transparent 9deg 18deg);filter:none;border:3px dashed #4a342938;border-radius:54% 46% 55% 45%/48% 54% 46% 52%;width:180px;height:180px;animation:3.4s steps(2,end) infinite cakeGlow;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.cake-plate{border:3px solid var(--doodle-ink);background:#fffdf3;border-radius:60% 40% 58% 42%/64% 44% 56% 36%;width:220px;height:24px;animation:.52s cubic-bezier(.2,.85,.2,1.2) .12s both plateIn;position:absolute;bottom:18px;left:50%;transform:translate(-50%)scaleX(0);box-shadow:4px 6px #4a342929}.cake-tier{transform-origin:bottom;border:3px solid var(--doodle-ink);animation:.62s cubic-bezier(.16,.95,.22,1.15) both cakeBuild;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)translateY(28px)scaleY(0);box-shadow:4px 5px #4a342924,inset 0 -8px #4a34290f}.cake-tier:after{content:"";opacity:.72;pointer-events:none;background:repeating-linear-gradient(-14deg,#ffffff2e 0 4px,#0000 4px 9px),radial-gradient(circle at 20% 46%,#4a34291a 0 2px,#0000 3px),radial-gradient(circle at 72% 54%,#4a342914 0 2px,#0000 3px);border-radius:14px;position:absolute;inset:21px 8px 7px}.cake-bottom{background:radial-gradient(circle at 18% 72%, #ffffff38 0 2px, transparent 3px), radial-gradient(circle at 64% 62%, #ffffff2e 0 2px, transparent 3px), var(--marker-pink);border-radius:24px 20px 18px 22px/18px 24px 20px 18px;width:190px;height:68px;animation-delay:.26s;bottom:38px}.cake-middle{background:radial-gradient(circle at 32% 70%, #fff3 0 2px, transparent 3px), var(--marker-coral);border-radius:22px 18px 17px 20px/18px 22px 19px 17px;width:154px;height:56px;animation-delay:.47s;bottom:92px}.cake-top{background:var(--marker-yellow);border-radius:20px 16px 14px 18px/16px 21px 16px 14px;width:112px;height:48px;animation-delay:.68s;bottom:138px}.cake-icing{z-index:2;border-radius:inherit;border-bottom:3px solid var(--doodle-ink);background:radial-gradient(circle at 18% 100%,#fffdf3 0 10px,#0000 11px),radial-gradient(circle at 42% 100%,#fffdf3 0 13px,#0000 14px),radial-gradient(circle at 69% 100%,#fffdf3 0 9px,#0000 10px),linear-gradient(#fffdf3,#fff5e6);width:100%;height:18px;position:absolute;inset:0 auto auto 0}.sugar-dot{z-index:3;border:2px solid var(--doodle-ink);opacity:0;background:#fffdf3;border-radius:999px;width:13px;height:5px;animation:.36s 1s both sugarPop;position:absolute;transform:rotate(-12deg)scale(0)}.dot-a{background:var(--marker-blue);top:36px;left:34px;rotate:-18deg}.dot-b{background:var(--marker-yellow);animation-delay:1.1s;top:47px;left:94px;rotate:14deg}.dot-c{background:var(--marker-mint);animation-delay:1.2s;top:32px;right:36px;rotate:-9deg}.dot-d{background:#fffdf3;animation-delay:1.15s;top:34px;left:48px;rotate:20deg}.dot-e{background:var(--marker-blue);animation-delay:1.25s;top:38px;right:42px;rotate:-16deg}.cake-face{z-index:4;opacity:0;width:86px;height:34px;animation:.36s 1.18s both cakeFaceIn;position:absolute;bottom:59px;left:50%;translate:-50%}.cake-eye{border:3px solid var(--doodle-ink);background:var(--doodle-ink);border-radius:999px;width:10px;height:14px;position:absolute;top:7px}.cake-eye:after{content:"";background:#fff;border-radius:999px;width:3px;height:3px;position:absolute;top:2px;left:2px}.cake-eye-left{left:18px}.cake-eye-right{right:18px}.cake-smile{border-bottom:3px solid var(--doodle-ink);border-radius:0 0 999px 999px;width:24px;height:14px;position:absolute;top:13px;left:50%;translate:-50%}.cake-cheek{background:#ffd6e1db;border-radius:999px;width:13px;height:6px;position:absolute;top:19px}.cake-cheek-left{left:2px;rotate:-8deg}.cake-cheek-right{right:2px;rotate:8deg}.candle{transform-origin:bottom;border:3px solid var(--doodle-ink);background:repeating-linear-gradient(135deg, #fffdf3 0 7px, var(--marker-blue) 7px 12px);border-radius:9px 7px 8px 10px;width:15px;height:42px;animation:.42s 1s both candleGrow;position:absolute;bottom:183px;transform:translateY(20px)scaleY(0);box-shadow:2px 3px #4a34291f}.candle-left{animation-delay:1.04s;left:93px}.candle-center{height:50px;animation-delay:1.12s;left:119px}.candle-right{animation-delay:1.2s;right:91px}.wick{background:var(--doodle-ink);border-radius:999px;width:3px;height:8px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.flame{transform-origin:50% 90%;border:2px solid var(--doodle-ink);filter:none;background:#ffb24b;border-radius:60% 60% 60% 0;width:18px;height:24px;animation:.36s 1.46s both flameIn,1.1s ease-in-out 1.82s infinite flameFlicker;position:absolute;top:-24px;left:50%;transform:translate(-50%)scale(0)}.flame:after{content:"";background:#fff6a8;border-radius:60% 60% 60% 0;width:6px;height:9px;position:absolute;top:8px;left:6px}.cake-sparkle{border:3px solid var(--doodle-ink);opacity:0;background:var(--marker-yellow);border-radius:999px;width:19px;height:19px;animation:1.8s ease-in-out infinite sparklePop;position:absolute;transform:scale(0);box-shadow:3px 4px #4a34291f}.cake-sparkle:before{content:"";background:#ffffffd9;border-radius:999px;width:5px;height:5px;position:absolute;top:4px;left:5px}.cake-sparkle:after{display:none}.sparkle-a{background:var(--marker-blue);animation-delay:1.2s;top:58px;left:35px}.sparkle-b{background:var(--marker-mint);animation-delay:1.55s;top:78px;right:34px}.sparkle-c{background:var(--marker-yellow);animation-delay:1.85s;top:150px;left:62px}.phone-story .story-note{background:repeating-linear-gradient(-3deg,#4a342909 0 1px,#0000 1px 18px),linear-gradient(#fff7e5,#fffdf6);justify-items:stretch;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.phone-story .story-note:nth-of-type(2n){background:repeating-linear-gradient(4deg,#4a342908 0 1px,#0000 1px 18px),linear-gradient(#ecfbef,#fffdf6 54%,#ffeaf0)}.story-note p{border:3px solid var(--doodle-ink);width:min(330px,100%);color:var(--doodle-ink);text-align:left;text-wrap:balance;background:#fffdf3c7;border-radius:23px 19px 25px 18px/19px 25px 18px 22px;margin:0;padding:18px 20px;font-family:Caveat,Comic Neue,cursive;font-size:clamp(1.86rem,8.8vw,3.24rem);font-weight:700;line-height:1.04;animation:.72s both storyRise;rotate:-1.5deg;box-shadow:6px 7px #4a34291f}.story-note.note-right p{text-align:right;justify-self:end;rotate:1.4deg}.story-note.note-left p{justify-self:start}.phone-story .story-closing{background:repeating-linear-gradient(0deg,#4a342909 0 1px,#0000 1px 18px),linear-gradient(#ecfbef 0%,#fff7e5 100%);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.phone-story .story-closing div{place-items:center;display:grid}.phone-story .story-closing p{text-wrap:balance;max-width:340px;margin:0 0 24px;font-family:Caveat,Comic Neue,cursive;font-size:clamp(2.65rem,12vw,4.8rem);font-weight:700;line-height:.96}.phone-story .story-closing strong{margin-bottom:34px}.phone-story .story-closing a{border:3px solid var(--doodle-ink);background:var(--marker-blue);color:var(--doodle-ink);border-radius:999px 850px 920px 880px/860px 999px 850px 930px;gap:9px;box-shadow:5px 6px #4a342924}.mini-story-preview{background:repeating-linear-gradient(0deg, #4a342908 0 1px, transparent 1px 18px), var(--paper);grid-template-rows:.72fr 1fr .95fr .78fr .72fr;min-height:610px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.mini-story-preview .preview-cover{background:repeating-linear-gradient(-8deg,#4a34290a 0 1px,#0000 1px 18px),linear-gradient(#fff1bd,#ffeaf0);align-content:center;gap:4px}.mini-story-preview .preview-cover p{color:var(--doodle-ink);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:900}.mini-story-preview .preview-cover small{border:2px solid var(--doodle-ink);background:var(--marker-pink);color:var(--doodle-ink);border-radius:999px;margin-top:10px;padding:7px 12px;font-size:.72rem}.mini-story-preview .preview-cake{background:repeating-linear-gradient(90deg,#4a342908 0 1px,#0000 1px 20px),linear-gradient(#fff4bff0,#ffd6e1e0);align-content:center;gap:8px}.mini-story-preview .preview-memory{background:repeating-linear-gradient(-6deg,#4a342907 0 1px,#0000 1px 18px),linear-gradient(#f0fbf6e6,#fff9e8eb);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.memory-photo.compact{border-width:2px;border-radius:16px;width:100%;padding:8px 8px 10px;box-shadow:4px 5px #4a34291a}.memory-photo.compact img{border-width:2px;border-radius:12px}.memory-photo.compact figcaption{margin-top:6px;font-size:1rem;line-height:.96}.memory-photo.compact .memory-photo-tape{border-width:1px;width:42px;height:14px}.memory-photo.compact .memory-photo-tape.tape-a{top:-8px;left:12px}.memory-photo.compact .memory-photo-tape.tape-b{top:-7px;right:12px}.voice-note-card.compact{border-width:2px;border-radius:16px;grid-template-columns:1fr;justify-items:center;gap:6px;width:82px;min-height:116px;padding:9px;rotate:2deg;box-shadow:4px 5px #4a34291a}.voice-note-card.compact .voice-note-icon{border-width:2px;width:34px;height:34px}.voice-note-card.compact .voice-note-copy{text-align:center}.voice-note-card.compact .voice-note-copy span{font-size:.55rem}.voice-note-card.compact .voice-note-copy strong{display:none}.voice-note-card.compact .voice-wave{gap:2px;min-height:24px}.voice-note-card.compact .voice-wave span{border-width:1px;width:4px;height:16px}.voice-note-card.compact .voice-wave span:nth-child(3n){height:22px}.voice-note-card.compact .voice-wave span:nth-child(4n){height:11px}.voice-note-card.compact .voice-wave span:nth-child(5n){height:18px}.voice-note-card.compact audio,.voice-note-card.compact p{display:none}.mini-story-preview .preview-cover span,.mini-story-preview .preview-cake strong{text-shadow:2px 2px #ffffffa3;max-width:238px;line-height:.95}.mini-story-preview .preview-note,.mini-story-preview .preview-signoff{align-content:center}.mini-story-preview .preview-note{background:#fffdf3e0}.mini-story-preview .preview-signoff{background:#ecfbefe0}.mini-story-preview .preview-note p{-webkit-line-clamp:3;max-width:238px;color:var(--doodle-ink);-webkit-box-orient:vertical;font-family:Caveat,Comic Neue,cursive;font-size:1.42rem;font-weight:700;line-height:1.03;display:-webkit-box;overflow:hidden}.mini-story-preview .preview-signoff em{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:238px;font-size:1.5rem;line-height:1.04;display:-webkit-box;overflow:hidden}.legal-page{width:min(840px,100% - 32px);margin:0 auto;padding:84px 0 110px}.legal-intro{font-size:1.14rem}.legal-sections{gap:28px;margin-top:42px;display:grid}.legal-sections section{border-top:1px solid var(--border);padding-top:24px}.legal-sections h2{font-size:1.8rem}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px;display:grid}.contact-card{gap:10px;padding:24px;transition:transform .18s,box-shadow .18s;display:grid}.contact-icon{background:var(--teal-soft);width:46px;height:46px;color:var(--teal);border-radius:14px;place-items:center;display:grid}.contact-card strong{font-size:1.12rem}.contact-card span:last-child{color:var(--rose-deep);font-weight:800}.site-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100% - 32px);margin:0 auto;padding:34px 0 44px;display:flex}.site-footer p{margin:10px 0 0;font-size:.92rem}.site-footer nav{color:var(--muted);flex-wrap:wrap;gap:22px;font-weight:800;display:flex}@keyframes cardFloat{0%,to{margin-top:0}50%{margin-top:-12px}}@keyframes drift{0%{opacity:0;transform:translateY(22px)}18%,82%{opacity:1}to{opacity:0;transform:translateY(-110px)}}@keyframes pulseMark{0%,to{transform:translate(-50%,-50%)scale(1)rotate(0)}50%{transform:translate(-50%,-50%)scale(1.06)rotate(8deg)}}@keyframes fall{0%{opacity:0;transform:translateY(-16px)rotate(0)}15%,85%{opacity:1}to{opacity:0;transform:translateY(340px)rotate(220deg)}}@keyframes storyRise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes storyFade{0%{opacity:0}to{opacity:1}}@keyframes storyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes storyFall{0%{opacity:0;transform:translateY(-24px)rotate(0)}12%,88%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(420deg)}}@keyframes scrollCue{0%,to{opacity:.25;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}@keyframes coverDrift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(10px,-12px)scale(1.06)}}@keyframes badgePulse{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.82;transform:scale(1.08)}}@keyframes stickerBob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-9px)scale(1.03)}}@keyframes stickerTwinkle{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes ribbonSlideLeft{to{opacity:0;transform:translate(-150%)rotate(-8deg)}}@keyframes ribbonSlideRight{to{opacity:0;transform:translate(150%)rotate(8deg)}}@keyframes ribbonSlideUp{to{opacity:0;transform:translateY(-130%)rotate(-5deg)}}@keyframes ribbonSlideDown{to{opacity:0;transform:translateY(130%)rotate(5deg)}}@keyframes bowPopOpen{0%{opacity:1;transform:scale(1)rotate(0)}62%{opacity:1;transform:scale(1.18)rotate(-7deg)}to{opacity:0;transform:translateY(-88px)scale(.35)rotate(22deg)}}@keyframes storyButtonPull{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}44%{opacity:1;transform:translateY(4px)rotate(-1deg)scale(.96)}to{opacity:1;transform:translateY(1px)rotate(-1deg)scale(.98)}}@keyframes ribbonFlash{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--flash-angle)) translateX(0) scaleX(.35)}18%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--flash-angle)) translateX(178px) scaleX(1)}}@keyframes coverBadgeOpen{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:translateY(-28px)scale(.82)rotate(-8deg)}}@keyframes coverCopyOpen{0%{opacity:1;transform:translateY(0)rotate(0)}42%{opacity:1;transform:translateY(-10px)rotate(-1deg)}to{opacity:0;transform:translateY(-34px)rotate(1deg)}}@keyframes coverFromOpen{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(16px)}}@keyframes ribbonBurst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.45)}18%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(150px) scale(1) rotate(220deg)}}@keyframes voiceWave{0%,to{transform:scaleY(.68)}50%{transform:scaleY(1.16)}}@keyframes cakeStageWiggle{0%,to{rotate:-1deg}50%{rotate:1.2deg}}@keyframes cakeFaceIn{0%{opacity:0;transform:translateY(8px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes plateIn{to{transform:translate(-50%)scaleX(1)}}@keyframes cakeBuild{to{transform:translate(-50%)translateY(0)scaleY(1)}}@keyframes candleGrow{to{transform:translateY(0)scaleY(1)}}@keyframes flameIn{to{transform:translate(-50%)scale(1)rotate(-8deg)}}@keyframes flameFlicker{0%,to{transform:translate(-50%)scale(1)rotate(-8deg)}50%{transform:translate(-50%)scale(1.08,.94)rotate(7deg)}}@keyframes cakeGlow{0%,to{opacity:.58;transform:translate(-50%,-50%)scale(1)}50%{opacity:.9;transform:translate(-50%,-50%)scale(1.08)}}@keyframes sugarPop{to{opacity:1;transform:scale(1)}}@keyframes sparklePop{0%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}70%{opacity:.45;transform:scale(.72)}}@media (width<=980px){.desktop-nav,.header-cta{display:none}.icon-button{display:inline-flex}.hero-section,.split-section,.early-access-section,.creator-grid,.success-page{grid-template-columns:1fr}.hero-section{padding-top:72px}.hero-copy{text-align:center;max-width:720px;margin:0 auto}.eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-visual{min-height:460px}.steps-grid,.preview-grid{grid-template-columns:1fr}.preview-grid{max-width:430px;margin:0 auto}.early-access-copy{text-align:center;position:static}.live-preview-panel{position:static}.success-copy{text-align:center;margin:0 auto}.success-actions{justify-content:center}}@media (width<=720px){h1{font-size:3.15rem}h2{font-size:2.28rem}.hero-section{width:min(100% - 28px,1120px);padding-top:58px}.hero-visual{min-height:390px}.main-card{width:250px}.side-card{width:185px}.left-card{left:-10px}.right-card{right:-10px}.mini-art{height:188px}.side-card .mini-art{height:140px}.section,.soft-band,.legal-page,.creator-page,.success-page{padding-top:72px;padding-bottom:72px}.early-access-section{padding-bottom:88px}.contact-grid,.site-footer{grid-template-columns:1fr}.site-footer{display:grid}.birthday-preview{min-height:520px}.preview-phone{min-height:500px}.link-box{grid-template-columns:1fr}.link-box .button{width:100%}.message-stack p{text-align:center}}@media (width<=480px){.site-header{border-radius:16px;width:calc(100% - 24px);margin-top:10px;top:10px}h1{font-size:2.62rem}h2{font-size:2rem}.hero-subcopy,.legal-intro{font-size:1rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-visual{min-height:340px}.side-card{display:none}.main-card{width:min(270px,86vw)}.creator-page,.success-page{width:calc(100% - 24px)}.card-form,.live-preview-panel,.qr-panel{padding:18px}.birthday-preview{min-height:460px}.preview-phone{border-width:7px;border-radius:28px;min-height:440px}.preview-phone span,.preview-phone strong{font-size:1.72rem}.story-panel{padding-inline:18px}.story-demo-pill{top:12px;right:12px}.mobile-first-story{background:#fff7fb;padding:0}.phone-story{width:100%;height:100svh;min-height:100svh;box-shadow:none;border:0;border-radius:0}.mobile-first-story .story-demo-pill{padding:9px 12px;font-size:.9rem;top:auto;bottom:14px;right:14px}.cake-scene:not(.compact){--cake-scale:.88}.birthday-hero-card{gap:10px}.birthday-hero-card h1{font-size:clamp(3rem,14vw,4.6rem)}.birthday-hero-card p{max-width:230px;font-size:.86rem}.story-page:not(.mobile-first-story) .story-hi span{margin-top:-8vh}.legal-page h1{font-size:2.72rem}}h1,h2{color:var(--doodle-ink);letter-spacing:0;font-family:Caveat,Comic Neue,cursive;font-weight:700}h1{text-wrap:balance;max-width:760px;font-size:clamp(4.1rem,7vw,6.4rem);line-height:.9}h2{font-size:clamp(2.75rem,5vw,4.8rem);line-height:.92}h3{color:var(--ink)}p{color:var(--muted)}.logo{color:var(--doodle-ink);letter-spacing:0;align-items:center;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:2rem;font-weight:700;display:inline-flex}.logo:after{content:"";background:var(--marker-pink);clip-path:polygon(50% 92%,9% 54%,0 28%,9% 8%,31% 0,50% 18%,69% 0,91% 8%,100% 28%,91% 54%);width:18px;height:16px;filter:drop-shadow(1.5px 0 0 var(--doodle-ink)) drop-shadow(-1.5px 0 0 var(--doodle-ink)) drop-shadow(0 1.5px 0 var(--doodle-ink)) drop-shadow(2px 3px 0 #4a34291f);margin-left:8px;rotate:12deg}.logo span{color:inherit}.site-header{border:3px solid var(--doodle-ink);min-height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none;background:repeating-linear-gradient(0deg,#4a342906 0 1px,#0000 1px 18px),#fffdf3f0;border-radius:22px 19px 24px 20px/20px 24px 19px 22px;top:14px}.desktop-nav{color:var(--doodle-ink);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.02rem;font-weight:700}.desktop-nav a,.site-footer nav a{position:relative}.desktop-nav a:after,.site-footer nav a:after{content:"";background:var(--marker-yellow);opacity:0;border-radius:999px;height:5px;transition:opacity .16s,transform .16s;position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(.4)rotate(-1deg)}.desktop-nav a:hover,.site-footer nav a:hover{color:var(--doodle-ink)}.desktop-nav a:hover:after,.site-footer nav a:hover:after{opacity:1;transform:scaleX(1)rotate(-1deg)}.button,.header-cta,.story-demo-pill{border:3px solid var(--doodle-ink);border-radius:999px 850px 930px 880px/860px 999px 860px 940px;min-height:48px;padding:12px 20px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:700;transition:transform .16s,box-shadow .16s,background-color .16s;box-shadow:5px 6px #4a342924}.header-cta,.button.primary{background:var(--marker-pink);color:var(--doodle-ink)}.header-cta:hover,.button.primary:hover,.button.secondary:hover{background:var(--marker-yellow);transform:translateY(-2px)rotate(-.5deg);box-shadow:7px 8px #4a342924}.button.secondary{border-color:var(--doodle-ink);color:var(--doodle-ink);background:#fffdf3}.icon-button{border:3px solid var(--doodle-ink);color:var(--doodle-ink);background:#fffdf3;border-radius:17px 14px 18px 15px;box-shadow:4px 5px #4a34291f}.mobile-nav{border:3px solid var(--doodle-ink);box-shadow:var(--shadow-soft);background:#fffdf3;border-radius:18px}.mobile-nav a:hover{background:var(--paper-strong);color:var(--doodle-ink)}.gift-hero{grid-template-columns:minmax(0,.95fr) minmax(390px,.9fr);gap:58px;min-height:calc(100svh - 96px);padding:56px 0 68px}.gift-hero h1{max-width:660px;font-size:clamp(4.15rem,6.6vw,6.15rem)}.hero-copy{position:relative}.hero-copy:before{content:"";background:var(--marker-pink);clip-path:polygon(50% 92%,9% 54%,0 28%,9% 8%,31% 0,50% 18%,69% 0,91% 8%,100% 28%,91% 54%);width:48px;height:42px;filter:drop-shadow(2px 0 0 var(--doodle-ink)) drop-shadow(-2px 0 0 var(--doodle-ink)) drop-shadow(0 2px 0 var(--doodle-ink)) drop-shadow(3px 4px 0 #4a34291f);position:absolute;top:26px;left:-42px;rotate:-14deg}.hero-subcopy{max-width:580px;color:var(--doodle-ink);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.32rem;font-weight:700;line-height:1.45}.hero-actions{gap:16px;margin-bottom:26px}.hero-proof span{min-height:38px;color:var(--doodle-ink);background:#fffdf3db;border:2px solid #4a34293d;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.95rem;font-weight:700;box-shadow:3px 4px #4a342914}.hero-proof svg{color:var(--teal)}.hero-product{place-items:center;min-height:560px;display:grid;position:relative}.hero-phone{z-index:2;border:5px solid var(--doodle-ink);background:#3a2b27;border-radius:42px;width:min(338px,100%);min-height:560px;padding:18px 18px 20px;position:relative;rotate:2deg;box-shadow:14px 18px #4a34291f,0 24px 58px #4a342929}.hero-phone-notch{z-index:5;background:#3a2b27;border-radius:0 0 16px 16px;width:118px;height:23px;position:absolute;top:12px;left:50%;translate:-50%}.hero-phone-screen{text-align:center;background:repeating-linear-gradient(-4deg,#4a342909 0 1px,#0000 1px 18px),linear-gradient(#fff1bd 0%,#fff8e8 48%,#ffeaf0 100%);border-radius:30px;min-height:520px;padding:58px 24px 24px;position:relative;overflow:hidden}.hero-phone-screen p{color:var(--doodle-ink);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.78rem;font-weight:900}.hero-phone-screen h2{text-shadow:2px 3px #ffffffbd;max-width:280px;margin:0 auto 12px;font-size:3.2rem}.hero-phone-content{grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:10px;display:grid}.hero-phone-content .cake-scene.compact{grid-column:1/-1;justify-self:center;margin-bottom:-2px}.hero-phone-content .memory-photo.compact{width:100%;rotate:-4deg}.hero-phone-content .voice-note-card.compact{width:96px;min-height:132px}.hero-mini-ribbon{z-index:4;pointer-events:none;height:48px;position:absolute;top:78px;left:0;right:0}.hero-mini-ribbon span:first-child{border-block:3px solid var(--doodle-ink);background:repeating-linear-gradient(90deg, #ffffff38 0 10px, transparent 10px 20px), var(--marker-pink);position:absolute;inset:0}.hero-mini-ribbon span:last-child{background:radial-gradient(ellipse at 24% 46%, var(--marker-pink) 0 28px, transparent 29px), radial-gradient(ellipse at 76% 46%, var(--marker-pink) 0 28px, transparent 29px), radial-gradient(circle at 50% 52%, var(--marker-yellow) 0 17px, transparent 18px);width:116px;height:78px;filter:drop-shadow(3px 0 0 var(--doodle-ink)) drop-shadow(-3px 0 0 var(--doodle-ink)) drop-shadow(0 3px 0 var(--doodle-ink)) drop-shadow(5px 6px 0 #4a342921);position:absolute;top:-46px;left:50%;translate:-50%}.hero-sticker{z-index:1;position:absolute}.hero-heart{background:var(--marker-pink);clip-path:polygon(50% 92%,9% 54%,0 28%,9% 8%,31% 0,50% 18%,69% 0,91% 8%,100% 28%,91% 54%);width:46px;height:42px;filter:drop-shadow(2px 0 0 var(--doodle-ink)) drop-shadow(-2px 0 0 var(--doodle-ink)) drop-shadow(0 2px 0 var(--doodle-ink));top:18%;left:8%;rotate:-15deg}.hero-star{background:var(--marker-yellow);clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%);width:46px;height:46px;filter:drop-shadow(2px 0 0 var(--doodle-ink)) drop-shadow(-2px 0 0 var(--doodle-ink)) drop-shadow(0 2px 0 var(--doodle-ink));top:12%;right:4%;rotate:10deg}.hero-squiggle{background-image:url("data:image/svg+xml,%3Csvg width='86' height='31' viewBox='0 0 86 31' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 20 C 17 4 28 33 41 18 S 64 4 81 20' fill='none' stroke='%2378c8d2' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:86px;height:31px;bottom:12%;left:0}.hero-balloon-cluster{z-index:3;width:158px;height:176px;position:absolute;top:196px;right:-6px}.hero-balloon-cluster .sticker-balloon{transform:scale(.86)}.hero-balloon-blue{--balloon-fill:var(--marker-blue);top:46px;left:0}.hero-balloon-yellow{--balloon-fill:var(--marker-yellow);animation-delay:-1.2s;top:0;right:22px}.hero-balloon-pink{--balloon-fill:var(--marker-pink);animation-delay:-2.1s;top:78px;right:0}.section-kicker{color:#7a3b46;letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.84rem;font-weight:700}.section-heading{max-width:760px}.section-heading p:last-child{color:var(--muted);font-size:1.12rem}.soft-band{background:radial-gradient(circle at 12% 28%,#ff86a91f,#0000 25%),repeating-linear-gradient(0deg,#4a342906 0 1px,#0000 1px 24px),#fffdf3a3;border-top:3px solid #4a342929;border-bottom:3px solid #4a342929}.step-card,.preview-card,.pricing-panel,.card-form,.live-preview-panel,.qr-panel,.contact-card{border:3px solid var(--doodle-ink);box-shadow:var(--shadow);background:repeating-linear-gradient(-2deg,#4a342907 0 1px,#0000 1px 20px),#fffdf3;border-radius:26px 21px 29px 22px/22px 28px 21px 25px}.story-steps{align-items:stretch}.step-card{padding:30px;position:relative}.step-card:after{content:"";background:#ffd66b8a;border:2px solid #4a34292e;border-radius:8px;width:46px;height:18px;position:absolute;top:18px;right:24px;rotate:8deg}.step-icon,.contact-icon{border:3px solid var(--doodle-ink);background:var(--marker-yellow);color:var(--doodle-ink);border-radius:18px 15px 20px 14px;box-shadow:4px 5px #4a34291f}.step-card h3,.preview-content h3,.contact-card strong{color:var(--doodle-ink);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.35rem;font-weight:700}.step-card p,.preview-content p,.contact-card p{color:var(--muted);font-weight:600}.preview-card{overflow:hidden}.preview-stage{border-bottom:3px solid var(--doodle-ink);height:278px}.preview-stage.birthday,.mini-art.birthday{background:repeating-linear-gradient(0deg,#4a342908 0 1px,#0000 1px 18px),linear-gradient(#fff4bf 0%,#ffd6e1 100%)}.preview-stage.holiday,.mini-art.holiday{background:repeating-linear-gradient(0deg,#4a342907 0 1px,#0000 1px 18px),linear-gradient(#ecfff9 0%,#d5ecff 100%)}.preview-stage.love,.mini-art.love{background:repeating-linear-gradient(0deg,#4a342907 0 1px,#0000 1px 18px),linear-gradient(#fff0f7 0%,#efe5ff 100%)}.preview-stage .mini-art{border:3px solid var(--doodle-ink);background-color:var(--paper);border-radius:24px 20px 26px 21px;width:220px;height:236px;box-shadow:7px 8px #4a34291f}.mini-art{border-bottom-color:var(--doodle-ink);place-items:center;min-height:220px;display:grid;position:relative}.mini-art-scene{color:var(--doodle-ink);text-align:center;place-items:center;gap:8px;display:grid}.mini-art-caption{border:2px solid var(--doodle-ink);color:var(--doodle-ink);background:#fffdf3;border-radius:999px;padding:6px 12px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:700;box-shadow:3px 4px #4a34291a}.mini-star-a{width:30px;height:30px;top:24px;right:22px}.mini-squiggle-a{opacity:.58;bottom:28px;left:20px}.mini-gift-box{border:3px solid var(--doodle-ink);background:linear-gradient(90deg, transparent 43%, var(--marker-pink) 43% 57%, transparent 57%), linear-gradient(180deg, transparent 42%, var(--marker-pink) 42% 58%, transparent 58%), var(--marker-mint);border-radius:18px 14px 20px 15px;width:110px;height:94px;position:relative;box-shadow:6px 7px #4a34291f}.mini-gift-box:before{content:"";background:radial-gradient(ellipse at 24% 54%, var(--marker-pink) 0 22px, transparent 23px), radial-gradient(ellipse at 76% 54%, var(--marker-pink) 0 22px, transparent 23px), radial-gradient(circle at 50% 60%, var(--marker-yellow) 0 12px, transparent 13px);width:86px;height:48px;filter:drop-shadow(2px 0 0 var(--doodle-ink)) drop-shadow(-2px 0 0 var(--doodle-ink)) drop-shadow(0 2px 0 var(--doodle-ink));position:absolute;top:-42px;left:50%;translate:-50%}.mini-envelope{border:3px solid var(--doodle-ink);background:#fffdf3;border-radius:16px 13px 18px 14px;width:124px;height:82px;position:relative;box-shadow:6px 7px #4a34291f}.mini-envelope:before,.mini-envelope:after{content:"";background-repeat:no-repeat;position:absolute;inset:0}.mini-envelope:before{background:linear-gradient(34deg, transparent 48%, var(--doodle-ink) 49% 51%, transparent 52%), linear-gradient(146deg, transparent 48%, var(--doodle-ink) 49% 51%, transparent 52%)}.mini-envelope:after{background:var(--marker-pink);clip-path:polygon(50% 92%,9% 54%,0 28%,9% 8%,31% 0,50% 18%,69% 0,91% 8%,100% 28%,91% 54%);width:28px;height:25px;filter:drop-shadow(1px 0 0 var(--doodle-ink)) drop-shadow(-1px 0 0 var(--doodle-ink)) drop-shadow(0 1px 0 var(--doodle-ink));top:22px;left:50%;translate:-50%}.template-pill{border:2px solid var(--doodle-ink);color:var(--doodle-ink);background:#fffdf3;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;box-shadow:3px 4px #4a34291a}.template-pill.active{background:var(--marker-pink);color:var(--doodle-ink)}.launch-section{align-items:stretch}.pricing-panel{background:repeating-linear-gradient(-3deg, #4a342907 0 1px, transparent 1px 20px), var(--paper);position:relative}.paper-clip{background:#ffd66bb8;border:2px solid #4a34292e;border-radius:9px;width:72px;height:28px;position:absolute;top:-15px;right:28px;rotate:8deg}.price{color:var(--doodle-ink);font-family:Caveat,Comic Neue,cursive}.pricing-panel li{color:var(--doodle-ink)}.pricing-panel svg{color:var(--teal)}.maker-page{padding-top:84px}.creator-intro{max-width:820px}.creator-intro h1,.success-copy h1,.state-page h1{font-size:clamp(3.7rem,7vw,6.2rem);line-height:.92}.creator-intro p:last-child,.success-copy p,.legal-intro{color:var(--muted);font-size:1.12rem;font-weight:600}.card-form,.live-preview-panel{padding:28px}.card-form{gap:18px}.maker-step{background:repeating-linear-gradient(0deg,#4a342905 0 1px,#0000 1px 18px),#fff8e8c7;border:3px solid #4a342933;border-radius:24px 19px 25px 20px/20px 25px 19px 24px;gap:18px;padding:22px;display:grid}.maker-step-header{grid-template-columns:auto auto 1fr;align-items:start;gap:12px;display:grid}.maker-step-number,.maker-step-icon{border:3px solid var(--doodle-ink);color:var(--doodle-ink);place-items:center;display:grid;box-shadow:3px 4px #4a34291a}.maker-step-number{background:var(--marker-pink);border-radius:999px;width:34px;height:34px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.maker-step-icon{background:var(--marker-yellow);border-radius:14px 11px 15px 12px;width:38px;height:38px}.maker-step-icon svg{width:20px;height:20px}.maker-step h2{margin:0 0 4px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.18rem;line-height:1.15}.maker-step p{margin:0;font-size:.92rem;font-weight:700;line-height:1.4}.maker-step-fields,.field-grid{gap:14px;display:grid}.field-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.interest-form label,.card-form label{color:var(--doodle-ink);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.interest-form input,.interest-form select,.interest-form textarea,.card-form input,.card-form select,.card-form textarea{color:var(--doodle-ink);background:#fffdf3;border:3px solid #4a342942;border-radius:17px 14px 18px 15px;font-weight:700;box-shadow:inset 0 -3px #4a342909}.interest-form input:focus,.interest-form select:focus,.interest-form textarea:focus,.card-form input:focus,.card-form select:focus,.card-form textarea:focus{border-color:var(--doodle-ink);box-shadow:0 0 0 4px #ff86a947,inset 0 -3px #4a342909}.media-field{background:repeating-linear-gradient(-4deg,#4a342906 0 1px,#0000 1px 14px),#fff1bd75;border:3px dashed #4a34294d;border-radius:22px 18px 23px 19px}.file-upload-zone{background:#fffdf3bd;border:3px dashed #4a34295c;border-radius:18px;min-height:64px}.icon-text-button{border:2px solid var(--doodle-ink);color:var(--doodle-ink);background:#fffdf3;box-shadow:3px 4px #4a34291a}.voice-recorder{gap:16px}.voice-recorder span{color:var(--doodle-ink)}.maker-submit{gap:10px;padding-top:4px;display:grid}.maker-submit p{color:var(--soft);text-align:center;margin:0;font-size:.94rem;font-weight:700}.live-preview-panel{background:radial-gradient(circle at 18% 16%,#ffd66b40,#0000 26%),repeating-linear-gradient(0deg,#4a342906 0 1px,#0000 1px 20px),#fffdf3;top:112px;overflow:hidden}.panel-heading{margin-bottom:20px}.panel-heading .section-kicker{margin:0}.panel-heading a{color:var(--doodle-ink);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700}.birthday-preview{border:3px solid #4a34292e;border-radius:24px}.success-page{grid-template-columns:minmax(0,.95fr) minmax(320px,.54fr)}.link-box{border:3px solid var(--doodle-ink);box-shadow:var(--shadow-soft);background:repeating-linear-gradient(0deg,#4a342906 0 1px,#0000 1px 18px),#fffdf3;border-radius:22px 18px 24px 19px;position:relative}.link-box>span:not(.paper-clip){color:var(--doodle-ink)}.success-actions{gap:14px}.qr-panel{background:repeating-linear-gradient(-3deg, #4a342906 0 1px, transparent 1px 18px), var(--paper);position:relative;rotate:1deg}.qr-sticker-label{border:2px solid var(--doodle-ink);background:var(--marker-yellow);color:var(--doodle-ink);border-radius:999px;padding:7px 11px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;position:absolute;top:18px;left:28px;rotate:-7deg;box-shadow:3px 4px #4a34291a}.qr-frame{border:3px solid var(--doodle-ink);border-radius:24px 20px 26px 21px;box-shadow:6px 7px #4a34291f}.qr-panel p{color:var(--doodle-ink);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}.legal-page h1{font-size:clamp(3.4rem,7vw,5.4rem)}.legal-sections section{border-top:3px dashed #4a34292e}.legal-sections h2{font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.6rem;line-height:1.15}.contact-card{color:var(--doodle-ink)}.contact-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)rotate(-.5deg)}.site-footer{border-top:3px dashed #4a342933}.site-footer p,.site-footer nav{color:var(--doodle-ink);font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif}@media (width<=980px){.gift-hero{grid-template-columns:1fr;min-height:auto;padding-top:72px}.hero-copy{text-align:center;max-width:780px}.hero-copy:before{top:-18px;left:4%}.hero-product{min-height:560px}.hero-actions,.hero-proof{justify-content:center}.creator-grid,.success-page,.split-section{grid-template-columns:1fr}.live-preview-panel{position:static}.success-copy{text-align:center}}@media (width<=720px){h1{font-size:clamp(3.35rem,14vw,4.85rem)}h2{font-size:clamp(2.55rem,11vw,3.7rem)}.gift-hero{gap:34px;width:min(100% - 28px,1120px);padding-top:58px}.hero-subcopy{font-size:1.14rem}.hero-product{min-height:500px}.hero-phone{width:min(330px,94vw);min-height:530px}.hero-phone-screen{min-height:492px}.hero-phone-screen h2{font-size:2.8rem}.hero-balloon-cluster{right:-22px;transform:scale(.78)}.field-grid.two-column{grid-template-columns:1fr}.maker-step-header{grid-template-columns:auto auto minmax(0,1fr)}.preview-stage{height:250px}}@media (width<=480px){.site-header{border-width:2px;border-radius:18px;box-shadow:4px 5px #4a34291a}.logo{font-size:1.7rem}.gift-hero{padding-top:42px}.creator-intro h1,.success-copy h1,.state-page h1{font-size:clamp(3.05rem,12vw,4rem)}.hero-copy:before,.hero-star,.hero-squiggle,.hero-balloon-cluster{display:none}.hero-actions{display:grid}.hero-product{min-height:456px}.hero-phone{border-width:4px;width:min(312px,96vw);min-height:458px;padding:12px;rotate:0deg}.hero-phone-screen{min-height:426px;padding:48px 16px 18px}.hero-phone-screen h2{font-size:2.35rem}.hero-phone-content{grid-template-columns:1fr 82px}.hero-phone-content .voice-note-card.compact{width:82px;min-height:116px}.hero-mini-ribbon{height:38px;top:65px}.section,.soft-band,.legal-page,.creator-page,.success-page{padding-top:62px;padding-bottom:68px}.card-form,.live-preview-panel,.qr-panel,.maker-step{padding:18px}.maker-step-header{grid-template-columns:auto 1fr}.maker-step-icon{display:none}.voice-recorder,.media-preview-row,.audio-preview-row{flex-direction:column;align-items:stretch}.qr-panel{rotate:0deg}}:root{--bg:#fff3cf;--surface-soft:#fffaf0;--paper:#fff0bf;--paper-strong:#ffe2a3;--teal-soft:#fff3cf}body{background:radial-gradient(circle at 18% 16%,#ffd66b33,#0000 28%),radial-gradient(circle at 82% 18%,#ffb07c1a,#0000 30%),linear-gradient(#fff3cf 0%,#fff7dc 52%,#fff3cf 100%)}.mobile-first-story{background:radial-gradient(circle at 18% 16%,#ffd66b2e,#0000 28%),linear-gradient(#fff3cf 0%,#fff7dc 50%,#fff3cf 100%)}.site-header,.mobile-nav,.card-form,.live-preview-panel,.pricing-panel,.qr-panel,.contact-card,.step-card,.preview-card{background:linear-gradient(#fffaf0f0,#fff7dce6)}.soft-band{background:radial-gradient(circle at 14% 24%,#ff86a914,#0000 28%),linear-gradient(#fff7dcb8,#fffaf0cc)}.hero-phone-screen,.mini-story-preview,.phone-story,.story-cover,.story-hi,.phone-story .story-photo,.phone-story .story-voice,.phone-story .story-birthday,.phone-story .story-note,.phone-story .story-note:nth-of-type(2n),.phone-story .story-closing{background-image:linear-gradient(#fff4cf 0%,#fff8e8 54%,#ffeaf0 100%)}.story-steps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:44px;position:relative}.story-steps .step-card{min-height:168px;padding:28px 30px 30px 128px}.story-steps .step-card:before{content:"";z-index:4;background-image:url("data:image/svg+xml,%3Csvg width='38' height='22' viewBox='0 0 38 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 11h28M23 4l8 7-8 7' fill='none' stroke='%234a3429' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;width:38px;height:22px;position:absolute;top:50%;right:-40px;translate:0 -50%}.story-steps .step-card:last-child:before{display:none}.story-steps .step-card:after{top:18px;right:26px;rotate:7deg}.step-number-badge{z-index:2;border:3px solid var(--doodle-ink);background:var(--marker-pink);width:42px;height:42px;color:var(--doodle-ink);border-radius:999px;place-items:center;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.18rem;font-weight:700;display:grid;position:absolute;top:26px;left:30px;box-shadow:4px 5px #4a34291f}.story-steps .step-card:nth-child(2) .step-number-badge{background:var(--marker-blue)}.story-steps .step-card:nth-child(3) .step-number-badge{background:var(--marker-mint)}.story-steps .step-icon{width:42px;height:42px;margin:0;position:absolute;top:28px;left:86px}.story-steps .step-card h3{margin-top:4px;font-size:1.52rem}.story-steps .step-card p{max-width:230px;line-height:1.48}.maker-page{width:min(1180px,100% - 32px)}.creator-grid{grid-template-columns:minmax(0,1.08fr) minmax(388px,.72fr);gap:28px}.card-form{padding:0;overflow:hidden}.maker-workbench{grid-template-columns:226px minmax(0,1fr);min-height:720px;display:grid}.maker-nav{background:radial-gradient(circle at 24% 14%,#ff86a91f,#0000 26%),linear-gradient(#fff0f7a3,#fff7dca3);border-right:3px solid #4a342933;padding:28px 18px}.maker-nav ol{gap:12px;margin:0;padding:0;list-style:none;display:grid;position:sticky;top:120px}.maker-nav li{min-height:48px;color:var(--doodle-ink);border:2px solid #0000;border-radius:16px 13px 17px 14px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;font-family:Comic Neue,Inter,ui-sans-serif,system-ui,sans-serif;font-weight:700;display:grid}.maker-nav li.is-active{background:#ff86a933;border-color:#4a342933}.maker-nav svg{width:21px;height:21px}.maker-fields{gap:18px;padding:28px;display:grid}.maker-step{background:#fffaf0ad;border-width:2px}.maker-step+.maker-step{margin-top:0}.maker-step-header{grid-template-columns:auto auto minmax(0,1fr)}.maker-step-fields{max-width:640px}.live-preview-panel{padding:28px}.birthday-preview{background:radial-gradient(circle at 20% 12%,#ffd66b33,#0000 24%),linear-gradient(#fff4cf,#fff0bf)}@media (width<=980px){.story-steps{grid-template-columns:1fr;gap:18px}.story-steps .step-card{padding-left:128px}.story-steps .step-card:before{display:none}.maker-workbench{grid-template-columns:1fr}.maker-nav{border-bottom:3px solid #4a342933;border-right:0}.maker-nav ol{grid-template-columns:repeat(4,minmax(0,1fr));position:static}.maker-nav li{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (width<=720px){.story-steps .step-card{min-height:auto;padding:24px 24px 24px 116px}.step-number-badge{top:24px;left:24px}.story-steps .step-icon{top:26px;left:76px}.maker-nav ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){body{background:linear-gradient(#fff3cf 0%,#fff7dc 100%)}.story-steps .step-card{padding:92px 22px 24px}.step-number-badge{top:22px;left:22px}.story-steps .step-icon{top:23px;left:74px}.maker-nav{padding:18px}.maker-nav ol{grid-template-columns:1fr}.maker-nav li{text-align:left;grid-template-columns:30px minmax(0,1fr);justify-items:start}.maker-fields{padding:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}