@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#352c31;--paper:#fffaf5;--soft-paper:#fffdf8db;--accent:#d65c78;--accent-deep:#9f3656;--accent-soft:#ffd8e1;--sun:#ffd65a;--wash-a:#ffeee0db;--wash-b:#fadae8c7;--hand:"Snell Roundhand", "Segoe Print", "Bradley Hand", cursive;--display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:"Avenir Next", "Trebuchet MS", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--sans);background:#f8efe7;overflow:hidden}button,a{font:inherit}button{color:inherit}.story{isolation:isolate;background:linear-gradient(135deg, var(--wash-a), var(--wash-b));width:100%;min-height:100svh;transition:background .5s;position:relative;overflow:hidden}.scene-photo,.scene-wash,.doodle-field,.confetti{pointer-events:none;position:absolute;inset:0}.scene-photo{z-index:-4;filter:blur(34px)saturate(.75);opacity:.2;background-position:50%;background-size:cover;transform:scale(1.12)}.scene-wash{z-index:-3;background:radial-gradient(circle at 10% 20%, #ffffffd1, transparent 32%), radial-gradient(circle at 92% 82%, #fff5b670, transparent 30%), linear-gradient(135deg, var(--wash-a), var(--wash-b))}.scene-wash:after{content:"";opacity:.28;background-image:radial-gradient(circle at 1px 1px,#774a532e 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.doodle-field{z-index:-1}.doodle-field span{color:var(--accent);font-family:var(--hand);opacity:.28;font-size:clamp(1.5rem,3vw,3.4rem);animation:7s ease-in-out infinite floaty;position:absolute}.doodle-field span:first-child{top:22%;left:4%;transform:rotate(-16deg)}.doodle-field span:nth-child(2){animation-delay:-1.5s;top:20%;right:6%}.doodle-field span:nth-child(3){animation-delay:-3s;bottom:18%;right:3%}.doodle-field span:nth-child(4){animation-delay:-4.5s;bottom:5%;left:44%}.doodle-field span:nth-child(5){animation-delay:-6s;bottom:16%;left:2%}.topbar{z-index:20;width:100%;padding:max(20px, env(safe-area-inset-top)) clamp(22px, 4vw, 64px) 0;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0}.tiny-brand{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.12em;flex-direction:column;gap:1px;font-size:.7rem;font-weight:800;display:flex}.tiny-brand span{font-family:var(--hand);letter-spacing:0;text-transform:none;font-size:1rem;font-weight:700}.top-actions{align-items:center;gap:9px;display:flex}.sound-toggle{min-height:39px;color:var(--accent-deep);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #4d33391f;border-radius:999px;align-items:center;gap:7px;padding:0 13px 0 10px;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 8px 24px #4c28340f}.sound-toggle:hover{background:#ffffffc7;transform:translateY(-2px)}.sound-toggle:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.sound-toggle:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 48%, white)}}.sound-toggle:focus-visible{outline-offset:3px}.sound-icon{place-items:center;width:22px;height:22px;font-size:.92rem;display:grid}.sound-label{letter-spacing:.03em;font-size:.68rem;font-weight:850}.sound-chime .sound-icon{animation:.36s ease-out both chimePulse}.sound-birthday{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.sound-birthday{background:color-mix(in srgb, var(--accent-soft) 78%, white)}}.sound-birthday{box-shadow:0 8px 26px var(--accent)}@supports (color:color-mix(in lab, red, red)){.sound-birthday{box-shadow:0 8px 26px color-mix(in srgb, var(--accent) 22%, transparent)}}.sound-birthday .sound-icon{animation:.62s ease-in-out infinite alternate birthdayBounce}.progress-copy{min-width:68px;color:var(--accent-deep);text-align:center;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border:1px solid #4d33391f;border-radius:999px;padding:8px 11px;font-size:.74rem;font-weight:850;box-shadow:0 8px 24px #4c28340f}.sound-toast{z-index:35;border:1px solid var(--accent);grid-template-columns:auto auto;column-gap:9px;min-width:278px;padding:11px 16px;display:grid;position:absolute;top:24px;left:50%;transform:translate(-50%,-18px)scale(.94)}@supports (color:color-mix(in lab, red, red)){.sound-toast{border:1px solid color-mix(in srgb, var(--accent) 24%, white)}}.sound-toast{color:var(--accent-deep);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf7e8;border-radius:18px;transition:opacity .24s,transform .24s;box-shadow:0 16px 42px #4826302b}.sound-toast.show{opacity:1;transform:translate(-50%)scale(1)}.sound-toast>span{grid-row:1/3;align-self:center;font-size:1.45rem}.sound-toast strong{letter-spacing:.04em;text-transform:uppercase;font-size:.74rem}.sound-toast em{font-family:var(--hand);margin-top:1px;font-size:.88rem;font-style:normal}.story-panel{background:var(--soft-paper);-webkit-backdrop-filter:blur(22px)saturate(1.1);backdrop-filter:blur(22px)saturate(1.1);border:1px solid #53373e1f;border-radius:clamp(28px,3.2vw,48px);grid-template-columns:minmax(0,1.04fr) minmax(340px,.82fr);align-items:center;gap:clamp(34px,5vw,78px);width:min(1280px,100% - 80px);height:calc(100svh - 158px);min-height:570px;margin:74px auto 84px;padding:clamp(20px,3.4vw,48px);display:grid;position:relative;box-shadow:0 34px 90px #4a2b3629,inset 0 1px #ffffffd9}.panel-cover,.panel-final{grid-template-columns:minmax(360px,.92fr) minmax(360px,.86fr)}.motion-forward{animation:.52s cubic-bezier(.2,.82,.2,1) both pageInForward}.motion-backward{animation:.52s cubic-bezier(.2,.82,.2,1) both pageInBackward}.visual,.story-copy{min-width:0}.story-copy{z-index:3;flex-direction:column;align-items:flex-start;max-height:100%;display:flex;position:relative}.emoji-row{gap:10px;margin-bottom:18px;display:flex}.emoji-row span{background:#ffffffb8;border:1px solid #54363c14;border-radius:15px;place-items:center;width:42px;height:42px;font-size:1.22rem;display:grid;transform:rotate(-5deg);box-shadow:0 9px 22px #502b3414}.emoji-row span:nth-child(2){transform:rotate(4deg)translateY(-4px)}.emoji-row span:nth-child(3){transform:rotate(-2deg)}.eyebrow{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:.72rem;font-weight:900}h1{max-width:100%;color:var(--ink);font-family:var(--hand);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(3.1rem,5vw,6.2rem);font-weight:700;line-height:.92}h1 span{display:block}.theme-trampoline h1,.panel-final h1{font-family:var(--display);letter-spacing:-.045em;font-style:italic;font-weight:650}.theme-trampoline h1{font-size:clamp(2.7rem,4.15vw,5rem);line-height:.98}.panel-final h1{font-size:clamp(2.9rem,4.45vw,5.35rem);line-height:.96}.panel-final .body-copy{margin-top:clamp(14px,1.8vh,21px)}.panel-final .body-copy p{font-size:clamp(.9rem,1.02vw,1.04rem);line-height:1.5}.panel-final blockquote{margin-top:clamp(12px,1.7vh,18px)}.body-copy{max-width:620px;margin-top:clamp(18px,2.4vh,28px)}.body-copy p{color:#574b50;margin:0;font-size:clamp(.98rem,1.18vw,1.16rem);line-height:1.66}.body-copy p+p{margin-top:10px}blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 16px 16px 0;max-width:570px;margin:clamp(18px,2.6vh,30px) 0 0;padding:14px 18px 14px 20px;position:relative}@supports (color:color-mix(in lab, red, red)){blockquote{background:color-mix(in srgb, var(--accent-soft) 46%, transparent)}}blockquote{color:var(--accent-deep);font-family:var(--hand);font-size:clamp(1rem,1.2vw,1.2rem);font-style:normal;font-weight:650;line-height:1.48}.primary-cta,.secondary-cta{z-index:10;cursor:pointer;border:0;border-radius:999px;min-height:54px;margin-top:26px;font-weight:850;transition:transform .18s,box-shadow .18s,background .18s;position:relative}.primary-cta{background:var(--accent-deep);box-shadow:0 14px 32px var(--accent-deep);align-items:center;gap:14px;padding:0 22px 0 25px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.primary-cta{box-shadow:0 14px 32px color-mix(in srgb, var(--accent-deep) 28%, transparent)}}.primary-cta{color:#fff}.primary-cta span{background:#ffffff2b;border-radius:50%;place-items:center;width:31px;height:31px;font-size:1.1rem;display:grid}.secondary-cta{color:var(--accent-deep);background:#ffffffa8;border:1px solid #53343d24;padding:0 22px}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px)}.primary-cta:focus-visible,.secondary-cta:focus-visible,.nav-arrow:focus-visible,.dot:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.primary-cta:focus-visible,.secondary-cta:focus-visible,.nav-arrow:focus-visible,.dot:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 48%, white)}}.primary-cta:focus-visible,.secondary-cta:focus-visible,.nav-arrow:focus-visible,.dot:focus-visible{outline-offset:3px}.final-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.photo-wrap{background:#ffffff57;border-radius:32px;place-items:center;height:100%;min-height:460px;display:grid;position:relative;overflow:hidden}.photo-backdrop{filter:blur(26px)saturate(.82);opacity:.25;background-position:50%;background-size:cover;position:absolute;inset:-24px;transform:scale(1.12)}.polaroid{background:#fffdf8;width:min(92%,610px);height:min(88%,660px);margin:0;padding:14px 14px 52px;position:relative;transform:rotate(-1.2deg);box-shadow:0 28px 50px #301f2438,0 4px 10px #301f241a}.polaroid:after{content:"";pointer-events:none;border:1px solid #23181b14;position:absolute;inset:14px 14px 52px}.polaroid img{background:var(--accent-soft);width:100%;height:100%}@supports (color:color-mix(in lab, red, red)){.polaroid img{background:color-mix(in srgb, var(--accent-soft) 60%, #f1e9e1)}}.polaroid img{object-fit:cover;filter:saturate(.98)contrast(1.02)}.polaroid img.photo-contain{object-fit:contain}.polaroid figcaption{color:#403238;font-family:var(--hand);font-size:1.1rem;font-weight:700;position:absolute;bottom:13px;left:20px}.polaroid figcaption span{color:var(--accent)}.tape{z-index:3;background:#ffda62ad;width:76px;height:28px;position:absolute;top:-12px;box-shadow:inset 0 0 18px #ffffff57}.tape-left{left:12%;transform:rotate(-8deg)}.tape-right{right:10%;transform:rotate(7deg)}.note-visual{place-items:center;height:100%;min-height:440px;display:grid}.notebook{aspect-ratio:4/3;background:linear-gradient(90deg,#0000 0 54px,#e15c6938 54px 56px,#0000 56px),repeating-linear-gradient(#fffdfa 0 31px,#dfe6f1 31px 32px);border:1px solid #41363a21;border-radius:10px 34px 18px 12px;flex-direction:column;justify-content:center;width:min(90%,530px);padding:clamp(42px,6vw,78px);display:flex;position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 28px 60px #422b322e}.notebook:before{content:"";background:radial-gradient(circle,#7c696f 3px,#0000 4px) 0 0/16px 24px;width:16px;position:absolute;top:20px;bottom:20px;left:18px}.notebook-label{background:var(--accent-soft);color:var(--accent-deep);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;font-size:.67rem;font-weight:900;position:absolute;top:28px;right:30px;transform:rotate(3deg)}.notebook b{color:var(--accent-deep);font-family:var(--hand);font-size:clamp(3rem,6vw,6.2rem);line-height:.94}.notebook em{color:#67555c;font-family:var(--hand);margin-top:15px;font-size:clamp(1rem,1.7vw,1.5rem);font-style:normal}.notebook-doodle{font-size:2.2rem;position:absolute;bottom:22px;right:24px}.collage-wrap{height:100%}.cover-visual,.cover-photo-wrap{height:100%;min-height:510px}.cover-photo-wrap{background:#ffffff52;border-radius:32px;place-items:center;display:grid;overflow:hidden}.cover-photo-card{aspect-ratio:3/4;background:#fffdf8;height:min(94%,650px);margin:0;padding:12px 12px 52px;position:relative;transform:rotate(-1.8deg);box-shadow:0 28px 52px #301f2438,0 4px 10px #301f241a}.cover-photo-card:after{content:"";pointer-events:none;border:1px solid #23181b14;position:absolute;inset:12px 12px 52px}.cover-photo-card img{object-fit:cover;object-position:48% 34%;filter:saturate(.98)contrast(1.02);width:100%;height:100%}.cover-photo-card figcaption{color:#403238;font-family:var(--hand);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.86rem,1.3vw,1.08rem);font-weight:700;position:absolute;bottom:14px;left:18px;right:18px;overflow:hidden}.cover-photo-card figcaption span{color:var(--accent)}.collage{width:100%;height:100%;min-height:510px;position:relative}.mini-polaroid{aspect-ratio:4/5;background:#fffdf8;width:46%;max-width:310px;padding:9px 9px 32px;position:absolute;box-shadow:0 22px 44px #3e262f36}.mini-polaroid img{object-fit:cover;width:100%;height:100%}.mini-polaroid-1{top:4%;left:3%;transform:rotate(-8deg)}.mini-polaroid-2{top:1%;right:5%;transform:rotate(7deg)}.mini-polaroid-3{bottom:1%;left:10%;transform:rotate(5deg)}.mini-polaroid-4{bottom:4%;right:1%;transform:rotate(-6deg)}.collage-sticker{z-index:4;color:#7b4c16;font-family:var(--hand);background:#ffdd71;border:1px solid #7b4c161c;border-radius:12px;padding:14px 18px;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:700;position:absolute;top:44%;left:39%;transform:rotate(-4deg);box-shadow:0 12px 28px #442c1429}.story-nav{z-index:25;bottom:max(18px, env(safe-area-inset-bottom));align-items:center;gap:16px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-arrow{cursor:pointer;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffffa8;border:1px solid #4c31381f;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;transition:transform .18s,opacity .18s;display:grid;box-shadow:0 10px 26px #40252f17}.nav-arrow:hover:not(:disabled){transform:translateY(-2px)}.nav-arrow:disabled{cursor:default;opacity:.28}.dots{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#ffffff94;border:1px solid #4c31381a;border-radius:999px;align-items:center;gap:6px;padding:11px 14px;display:flex;box-shadow:0 10px 28px #40252f14}.dot{cursor:pointer;background:#573c4440;border:0;border-radius:50%;width:7px;height:7px;padding:0;transition:width .2s,border-radius .2s,background .2s}.dot.active{background:var(--accent);border-radius:99px;width:24px}.tap-hint{z-index:15;right:clamp(22px,4vw,64px);bottom:max(25px, env(safe-area-inset-bottom));color:var(--accent-deep);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:10px;font-size:.7rem;font-weight:850;display:flex;position:absolute}.tap-hint i{background:var(--accent-deep);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.9rem;font-style:normal;display:grid}.confetti{z-index:8;overflow:hidden}.confetti span{top:-10%;left:var(--x);background:var(--accent);width:9px;height:16px;animation:confettiFall var(--duration) linear var(--delay) infinite;border-radius:2px;position:absolute}.confetti span:nth-child(3n){background:#ffd35e}.confetti span:nth-child(3n+1){background:#77bca8}.confetti span:nth-child(4n){border-radius:50%;width:11px;height:11px}.theme-birthday{--accent:#e06b86;--accent-deep:#9f3656;--accent-soft:#ffd7e1;--wash-a:#fff0e4eb;--wash-b:#fad8e8d6}.theme-origin{--accent:#d97d50;--accent-deep:#9a4e31;--accent-soft:#ffe0c7;--wash-a:#fff2d7eb;--wash-b:#f5dccfdb}.theme-talking{--accent:#699e89;--accent-deep:#356c59;--accent-soft:#d6f0e5;--wash-a:#e1f7edeb;--wash-b:#fdebd9db}.theme-scribble{--accent:#a56bc3;--accent-deep:#70428c;--accent-soft:#ead8f7;--wash-a:#f5e7fde6;--wash-b:#ffebd9db}.theme-arcade{--accent:#e35491;--accent-deep:#9b2f65;--accent-soft:#ffd3e7;--wash-a:#dcebffe6;--wash-b:#ffd6ebdb}.theme-farewell{--accent:#4f9da2;--accent-deep:#28666c;--accent-soft:#cfeaed;--wash-a:#dcf3f3e6;--wash-b:#ffe0cbdb}.theme-college{--accent:#2d8b88;--accent-deep:#1d5f60;--accent-soft:#cce9e4;--wash-a:#dcf1eeeb;--wash-b:#ffe7aad1}.theme-exam{--accent:#c76b4b;--accent-deep:#8c442d;--accent-soft:#f5d5c8;--wash-a:#efe3faeb;--wash-b:#ffe0cfdb}.theme-gurudwara{--accent:#c28a30;--accent-deep:#7f571e;--accent-soft:#f7e3b8;--wash-a:#fff4d6eb;--wash-b:#f0decfdb}.theme-pooja{--accent:#d27735;--accent-deep:#8b471f;--accent-soft:#f8d7b9;--wash-a:#ffedcbeb;--wash-b:#d4e7f3db}.theme-maggi{--accent:#dc7035;--accent-deep:#93461f;--accent-soft:#fbd4a9;--wash-a:#ffeabbeb;--wash-b:#deefd6db}.theme-trampoline{--accent:#347fbc;--accent-deep:#235988;--accent-soft:#cce2f8;--wash-a:#daebffeb;--wash-b:#ffeba4d6}.theme-finale{--accent:#dd607c;--accent-deep:#98364e;--accent-soft:#ffd6df;--wash-a:#ffeddbf0;--wash-b:#fad2e2e0}@keyframes pageInForward{0%{opacity:0;transform:translate(32px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pageInBackward{0%{opacity:0;transform:translate(-32px)scale(.985)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes floaty{0%,to{translate:0;rotate:none}50%{translate:0 -12px;rotate:6deg}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-8vh)rotate(0)}12%{opacity:.9}to{transform:translateY(118vh) rotate(var(--spin));opacity:.75}}@keyframes chimePulse{0%{transform:scale(.88)rotate(-8deg)}55%{transform:scale(1.22)rotate(7deg)}to{transform:scale(1)rotate(0)}}@keyframes birthdayBounce{0%{transform:translateY(1px)rotate(-5deg)}to{transform:translateY(-3px)rotate(6deg)}}@media (max-width:980px){body{overflow:auto}.story{min-height:100svh;overflow:hidden}.story-panel,.panel-cover,.panel-final{border-radius:28px;grid-template-rows:minmax(260px,43vh) auto;grid-template-columns:1fr;gap:22px;width:calc(100% - 28px);height:auto;min-height:calc(100svh - 132px);margin:62px auto 70px;padding:16px 16px 24px}.panel-note{grid-template-rows:minmax(210px,33vh) auto}.story-copy{padding:0 7px 4px}.photo-wrap{border-radius:22px;min-height:0}.polaroid{width:min(92%,520px);height:92%;padding:9px 9px 38px}.polaroid:after{inset:9px 9px 38px}.polaroid figcaption{font-size:.88rem;bottom:8px}.note-visual{min-height:0}.notebook{aspect-ratio:auto;width:min(92%,510px);height:88%;padding:46px 48px 32px 66px}.collage-wrap,.collage,.cover-visual,.cover-photo-wrap{min-height:0}.cover-photo-wrap{border-radius:22px}.cover-photo-card{height:94%;padding:7px 7px 32px}.cover-photo-card:after{inset:7px 7px 32px}.cover-photo-card figcaption{font-size:.78rem;bottom:7px}.mini-polaroid{width:37%;max-width:none;padding:6px 6px 22px}.mini-polaroid-1{left:12%}.mini-polaroid-2{right:13%}.mini-polaroid-3{left:19%}.mini-polaroid-4{right:17%}.collage-sticker{padding:9px 12px;top:43%;left:42%}h1{font-size:clamp(2.7rem,11vw,4.8rem)}.body-copy{margin-top:13px}.body-copy p{font-size:clamp(.9rem,2.3vw,1rem);line-height:1.55}blockquote{margin-top:13px;padding:10px 14px;font-size:.95rem}.emoji-row{margin-bottom:10px}.emoji-row span{border-radius:11px;width:34px;height:34px;font-size:1rem}.eyebrow{margin-bottom:6px;font-size:.64rem}.primary-cta,.secondary-cta{min-height:48px;margin-top:17px}.tap-hint{display:none}.topbar{padding:max(13px, env(safe-area-inset-top)) 22px 0}.sound-toast{top:67px}.tiny-brand b{display:none}}@media (max-width:580px){.story-panel,.panel-cover,.panel-final{border-radius:23px;grid-template-rows:minmax(225px,36svh) auto;align-content:start;gap:15px;min-height:calc(100svh - 118px);margin-top:55px;margin-bottom:63px;padding:12px 12px 19px}.panel-note{grid-template-rows:minmax(170px,26svh) auto}.panel-cover,.panel-final{grid-template-rows:minmax(185px,28svh) auto}.story-copy{padding-inline:5px}.photo-wrap{border-radius:18px}.polaroid{width:90%;height:94%}.polaroid img{max-width:100%}.tape{width:55px;height:20px;top:-8px}.notebook{padding:42px 34px 22px 58px}.notebook b{font-size:clamp(2.5rem,13vw,4.2rem)}.notebook em{font-size:.9rem}.notebook-label{top:16px;right:18px}h1{font-size:clamp(2.45rem,11.7vw,3.7rem);line-height:.93}.body-copy p{font-size:.86rem;line-height:1.48}.body-copy p+p{margin-top:6px}blockquote{margin-top:10px;padding:8px 11px;font-size:.82rem;line-height:1.38}.emoji-row{display:none}.eyebrow{font-size:.58rem}.primary-cta,.secondary-cta{min-height:44px;margin-top:12px;padding-inline:17px;font-size:.82rem}.primary-cta span{width:25px;height:25px}.story-nav{bottom:max(10px, env(safe-area-inset-bottom));gap:9px}.nav-arrow{width:39px;height:39px}.dots{gap:5px;max-width:calc(100vw - 116px);padding:10px 11px}.dot{width:6px;height:6px}.dot.active{width:17px}.mini-polaroid{width:34%}.collage-sticker{font-size:.84rem;left:35%}.progress-copy{min-width:59px;padding:7px 9px;font-size:.65rem}.top-actions{gap:6px}.sound-toggle{justify-content:center;width:39px;min-height:39px;padding:0}.sound-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sound-toast{min-width:250px;padding:9px 13px}}@media (max-width:420px){.story-panel,.panel-cover,.panel-final{width:calc(100% - 16px);margin-top:max(54px, calc(env(safe-area-inset-top) + 44px));margin-bottom:max(60px, calc(env(safe-area-inset-bottom) + 50px));gap:12px;padding:10px 10px 17px}.panel-cover{grid-template-rows:minmax(170px,25svh) auto}.panel-final{grid-template-rows:minmax(150px,22svh) auto}.cover-photo-card img{object-position:48% 31%}.theme-trampoline h1{font-size:clamp(2rem,9.4vw,2.45rem);line-height:1}.panel-final h1{font-size:clamp(2rem,9.4vw,2.5rem);line-height:.98}.panel-final .body-copy p{font-size:.83rem}.primary-cta{white-space:normal;justify-content:space-between;gap:9px;width:100%;max-width:100%;padding-inline:16px 12px}}@media (max-height:720px) and (min-width:981px){.story-panel{height:calc(100svh - 128px);min-height:500px;margin-top:62px;margin-bottom:66px;padding:18px 32px}.photo-wrap{min-height:410px}.emoji-row{margin-bottom:10px}h1{font-size:clamp(3rem,4.4vw,5.2rem)}.body-copy,blockquote{margin-top:14px}.body-copy p{font-size:.94rem}.panel-final .story-copy{padding-right:6px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}