:root{--bg-top: #f7eee7;--bg-mid: #f2dfd3;--bg-bottom: #e4c7b3;--ink: #251814;--ink-soft: #5f4a41;--panel: rgba(255, 248, 240, .72);--panel-border: rgba(119, 82, 63, .22);--accent: #bd6f4d;--accent-2: #7a3c2e;--shadow: 0 20px 45px rgba(74, 35, 18, .14)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%}body{font-family:Manrope,sans-serif;color:var(--ink);background:linear-gradient(165deg,var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-bottom) 100%);min-height:100dvh;overflow:hidden;overflow-x:hidden;perspective:1200px;-webkit-tap-highlight-color:transparent}h1,h2,p{margin:0}.ambient-layer{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.ambient-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#fff1e459,#56301d3d);mix-blend-mode:soft-light}.blob{position:absolute;border-radius:50%;filter:blur(6px);opacity:.35}.blob-a{width:42vw;height:42vw;min-width:300px;min-height:300px;left:-10vw;top:-12vw;background:radial-gradient(circle,#f6c9a4,#e8a078 65%,#e8a07800)}.blob-b{width:34vw;height:34vw;min-width:240px;min-height:240px;right:-8vw;bottom:-6vw;background:radial-gradient(circle,#f5dbc5,#c98963 60%,#c9896300)}.blob-c{width:28vw;height:28vw;min-width:200px;min-height:200px;right:15vw;top:8vh;background:radial-gradient(circle,#ffe8d4,#d89f7a 65%,#d89f7a00)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(78,39,22,.08) .75px,transparent .75px);background-size:3px 3px;opacity:.24}.sparkle{position:absolute;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle,#fff0e4,#fff0e400 70%);filter:blur(.4px)}.mobile-atmosphere,.swipe-hint{display:none}.mobile-orb,.mobile-wave{position:absolute;border-radius:999px}@keyframes mobileBgFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mobileBtnFlow{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes swipePulse{0%,to{opacity:.62;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.story-shell{position:relative;z-index:1;width:100%;min-height:100dvh;transition:filter .2s ease}.page{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:calc(3.5rem + env(safe-area-inset-top)) 1.25rem calc(1.25rem + env(safe-area-inset-bottom))}.page.active{display:grid}.card{width:min(980px,100%);display:grid;grid-template-columns:1fr .92fr;gap:clamp(1rem,4vw,2rem);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow);padding:clamp(1rem,3.8vw,2rem);transform-style:preserve-3d;will-change:transform,opacity}.media-wrap{margin:0;border-radius:18px;overflow:hidden;min-height:360px;box-shadow:0 16px 32px #34180c2e;transform:translateZ(26px)}.media-wrap img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04);will-change:transform}.copy-wrap{display:grid;align-content:center;gap:1rem;transform:translateZ(10px)}.copy-wrap h1,.copy-wrap h2,.final-title{font-family:Cormorant Garamond,serif;line-height:1;letter-spacing:.02em}.copy-wrap h1{font-size:clamp(2.2rem,7vw,4.2rem)}.copy-wrap h2{font-size:clamp(1.9rem,6vw,3.6rem)}.copy-wrap p{color:var(--ink-soft);font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6}.next-btn,.love-btn{justify-self:start;border:0;border-radius:999px;padding:.82rem 1.35rem;font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;color:#fff8f4;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);box-shadow:0 12px 18px #67301f38;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation}.next-btn:hover,.love-btn:hover{transform:translateY(-2px);box-shadow:0 16px 24px #67301f47}.final-page{overflow-y:auto}.final-card{width:min(1080px,100%);display:grid;gap:1.15rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow);padding:clamp(1rem,3vw,2rem);transform-style:preserve-3d;will-change:transform,opacity}.final-title{text-align:center;font-size:clamp(2rem,5vw,3.1rem)}.collage{min-height:360px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:88px;gap:.7rem}.collage-item{border-radius:14px;overflow:hidden;box-shadow:0 12px 20px #391a0e33;will-change:transform,opacity}.collage-item:nth-child(1){grid-column:1 / span 2;grid-row:1 / span 3}.collage-item:nth-child(2){grid-column:3 / span 2;grid-row:1 / span 2}.collage-item:nth-child(3){grid-column:5 / span 2;grid-row:1 / span 3}.collage-item:nth-child(4){grid-column:2 / span 2;grid-row:3 / span 2}.collage-item:nth-child(5){grid-column:4 / span 2;grid-row:3 / span 2}.collage-item img{width:100%;height:100%;object-fit:cover;display:block}.poem{border-top:1px solid rgba(104,64,46,.2);padding-top:1rem;display:grid;gap:.3rem}.poem-line{text-align:center;font-family:Cormorant Garamond,serif;font-size:clamp(1.12rem,3.2vw,1.45rem);letter-spacing:.01em}.poem-emphasis{font-size:clamp(1.3rem,3.5vw,1.8rem);color:var(--accent-2);font-weight:700}.love-btn{justify-self:center;margin-top:.25rem;padding:.9rem 1.8rem}.popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#26120a6b;display:grid;place-items:center;opacity:0;visibility:hidden;z-index:10;padding:calc(1rem + env(safe-area-inset-top)) 1rem calc(1rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-card{width:min(430px,100%);border-radius:18px;padding:1.5rem 1rem 1.35rem;background:#fff2e8;border:1px solid rgba(109,66,46,.24);box-shadow:0 15px 34px #3f180a3d;position:relative;text-align:center;display:grid;gap:.5rem;transform-style:preserve-3d}.popup-card p{font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,6vw,1.85rem)}.popup-close{position:absolute;top:8px;right:10px;border:0;background:transparent;color:var(--ink-soft);font-size:1.3rem;cursor:pointer}.progress-hud{position:fixed;left:50%;top:calc(12px + env(safe-area-inset-top));transform:translate(-50%);z-index:4;width:min(560px,calc(100vw - 28px));padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(112,78,59,.24);background:#fff5ec99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 24px #4923141f;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem}.progress-label,.progress-step{font-size:.75rem;color:#503224db;letter-spacing:.08em;text-transform:uppercase}.progress-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem}.progress-dot{height:8px;border-radius:999px;background:#7c524038;transform:scaleX(.92);transform-origin:left center;transition:background-color .3s ease,transform .3s ease}.progress-dot.done{background:#a86040a8}.progress-dot.active{background:linear-gradient(90deg,#cc7f58,#8c4633);transform:scaleX(1)}@media (max-width: 900px){body{overflow:auto;perspective:none;background:linear-gradient(140deg,#ffe9db,#f7d7c3 34%,#efd0ca,#ffdcb8);background-size:180% 180%}.ambient-layer:after{background:radial-gradient(circle at 20% 20%,#ffffff80,#a85d4033);mix-blend-mode:screen}.sparkle,.blob{display:none}.grain{opacity:.12}.mobile-atmosphere{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.mobile-orb{filter:blur(16px);opacity:.7}.orb-1{width:56vw;height:56vw;left:-14vw;top:3vh;background:radial-gradient(circle,#ffb288bf,#ffb28800)}.orb-2{width:44vw;height:44vw;right:-10vw;top:18vh;background:radial-gradient(circle,#df8c76b8,#df8c7600)}.orb-3{width:62vw;height:62vw;right:-20vw;bottom:-10vh;background:radial-gradient(circle,#ffd0aab8,#ffd0aa00)}.mobile-wave{filter:blur(5px);border:1px solid rgba(255,245,237,.55)}.wave-1{width:64vw;height:64vw;left:-14vw;bottom:22vh}.wave-2{width:70vw;height:70vw;right:-22vw;top:44vh}.story-shell{min-height:100dvh}.page{position:static;display:none;min-height:100dvh;align-content:start;padding:calc(72px + env(safe-area-inset-top)) .85rem calc(5.4rem + env(safe-area-inset-bottom))}.page.active{display:grid}.card,.final-card{width:min(680px,100%);border-radius:30px;border:1px solid rgba(143,83,58,.22);background:linear-gradient(160deg,#fff7f0c7,#ffeaddb3);box-shadow:0 20px 42px #562a1833,0 2px #fff6 inset;-webkit-backdrop-filter:none;backdrop-filter:none;transform:none!important}.card{grid-template-columns:1fr;overflow:hidden;gap:.9rem;padding:.8rem .8rem 1rem}.media-wrap{min-height:0;aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;box-shadow:0 14px 30px #4f231233}.media-wrap img{transform:scale(1.08)}.copy-wrap{gap:.74rem;padding:.1rem .5rem .25rem;text-align:center;justify-items:center}.copy-wrap h1{font-size:clamp(2.1rem,11vw,3rem);letter-spacing:.01em}.copy-wrap h2{font-size:clamp(1.7rem,8.4vw,2.5rem);line-height:1.02}.copy-wrap p{font-size:clamp(1rem,4.3vw,1.14rem);line-height:1.52;max-width:36ch}.next-btn,.love-btn{justify-self:stretch;width:100%;min-height:52px;padding:.86rem 1rem;border-radius:16px;text-align:center;font-size:1rem;background:linear-gradient(100deg,#cd7c56,#974830,#cd7c56);background-size:100% 100%;box-shadow:0 14px 20px #73342147}.next-btn:hover,.love-btn:hover{transform:none}.swipe-hint{display:block;position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:4;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#5f3425d1;animation:swipePulse 1.8s ease-in-out infinite}.final-page{overflow-y:auto}.final-card{gap:1rem;padding:.95rem .85rem 1rem}.final-title{font-size:clamp(1.9rem,8.2vw,2.5rem);line-height:.98}.collage{display:flex;gap:.62rem;overflow-x:auto;padding:.22rem .1rem .3rem;scroll-snap-type:x mandatory;min-height:0}.collage::-webkit-scrollbar{display:none}.collage-item{flex:0 0 72%;min-height:clamp(200px,46vw,280px);border-radius:18px;border:1px solid rgba(146,88,63,.24);box-shadow:0 14px 24px #491f1038;scroll-snap-align:center}.collage-item:nth-child(1),.collage-item:nth-child(2),.collage-item:nth-child(3),.collage-item:nth-child(4),.collage-item:nth-child(5){grid-column:auto;grid-row:auto;transform:none}.poem{gap:.26rem;border-top-color:#78483533}.poem-line{font-size:clamp(1.04rem,4.6vw,1.34rem);line-height:1.3}.popup{place-items:center;background:linear-gradient(180deg,#21100933,#21100985)}.popup-card{width:min(560px,100%);border-radius:26px;padding:1.25rem 1rem 1rem;background:linear-gradient(180deg,#fff3ea,#ffe3d2);border:1px solid rgba(148,88,63,.24);box-shadow:0 14px 36px #3a170a47}}@media (max-width: 520px){.swipe-hint{bottom:calc(12px + env(safe-area-inset-bottom));font-size:.66rem}.collage-item{flex-basis:80%;min-height:clamp(186px,50vw,230px)}}