@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600..800&family=Quicksand:wght@500;700&display=swap";:root{color-scheme:light;font-family:Quicksand,sans-serif;background:#fff;color:#4a1525;--surface: #FFFFFF;--surface-low: color-mix(in srgb, #FFC2D1 42%, #FFFFFF);--surface-high: #FFFFFF;--ink: #4A1525;--muted: color-mix(in srgb, #4A1525 70%, #FFFFFF);--primary: #FF85A2;--primary-strong: #4A1525;--secondary-pink: #FFC2D1;--rose: #FF85A2;--peach: #FFC2D1;--honey: color-mix(in srgb, #FFC2D1 64%, #FFFFFF);--plum: #4A1525;--ring: color-mix(in srgb, #FF85A2 50%, transparent);--shadow: 0 18px 44px color-mix(in srgb, #4A1525 11%, transparent);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--radius-card: 8px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--surface)}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;width:100%}.app{position:relative;min-height:100vh;overflow-x:hidden}.background-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 18% 12%,color-mix(in srgb,var(--secondary-pink) 42%,transparent),transparent 30%),radial-gradient(ellipse at 78% 8%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 26%),linear-gradient(180deg,var(--surface) 0%,color-mix(in srgb,var(--secondary-pink) 20%,var(--surface)) 58%,var(--surface) 100%)}.background-canvas:before,.background-canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.background-canvas:before{opacity:.58;background-image:radial-gradient(circle,color-mix(in srgb,var(--primary) 42%,transparent) 0 2px,transparent 2.7px),radial-gradient(circle,color-mix(in srgb,var(--primary-strong) 22%,transparent) 0 1.2px,transparent 1.8px),linear-gradient(32deg,transparent 0 18px,color-mix(in srgb,var(--secondary-pink) 58%,transparent) 18px 24px,transparent 24px 64px),linear-gradient(126deg,transparent 0 34px,color-mix(in srgb,var(--primary) 28%,transparent) 34px 40px,transparent 40px 92px);background-position:18px 36px,56px 20px,0 0,42px 70px;background-size:116px 116px,148px 148px,210px 210px,260px 260px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 86%,transparent 100%)}.background-canvas:after{opacity:.82;background:linear-gradient(108deg,transparent 0 17%,color-mix(in srgb,var(--secondary-pink) 28%,transparent) 17% 19%,transparent 19% 54%,color-mix(in srgb,var(--primary) 14%,transparent) 54% 56%,transparent 56%),linear-gradient(72deg,transparent 0 36%,color-mix(in srgb,var(--secondary-pink) 20%,transparent) 36% 38%,transparent 38%);background-size:620px 620px,780px 780px;background-position:-120px 80px,120px 360px}.paper-wash{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,color-mix(in srgb,var(--primary-strong) 6%,transparent) 0 .8px,transparent 1.2px),radial-gradient(circle,color-mix(in srgb,var(--primary) 18%,transparent) 0 1.7px,transparent 2.3px),linear-gradient(90deg,color-mix(in srgb,var(--secondary-pink) 24%,transparent) 7px,transparent 7px 34px),linear-gradient(140deg,color-mix(in srgb,var(--primary) 14%,transparent) 8px,transparent 8px 42px);background-position:0 0,12px 18px,0 0,20px 10px;background-size:22px 22px,86px 86px,126px 126px,150px 150px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 5%,black 88%,transparent);mask-image:linear-gradient(to bottom,transparent,black 5%,black 88%,transparent)}.paper-wash:before,.paper-wash:after{content:"";position:absolute;width:188px;height:248px;border:2px solid color-mix(in srgb,var(--secondary-pink) 78%,transparent);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 78%,transparent),color-mix(in srgb,var(--secondary-pink) 28%,transparent)),repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,var(--primary) 14%,transparent) 22px 28px,transparent 28px 56px);box-shadow:0 20px 54px color-mix(in srgb,var(--primary) 14%,transparent);opacity:0;pointer-events:none}.paper-wash:before{left:-140px;top:24vh;rotate:-10deg}.paper-wash:after{right:-146px;top:54vh;rotate:11deg}.film-strip{position:absolute;width:168px;height:680px;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 24px,color-mix(in srgb,var(--primary) 34%,transparent) 24px 34px,transparent 34px 58px),repeating-linear-gradient(45deg,transparent 0 36px,color-mix(in srgb,var(--secondary-pink) 58%,transparent) 36px 50px,transparent 50px 84px);border-radius:999px}.film-strip-a{right:-68px;top:-110px;rotate:15deg}.film-strip-b{left:-115px;bottom:-260px;rotate:-14deg}.top-nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);width:min(100%,980px);margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-mark,.nav-links{display:inline-flex;align-items:center;gap:var(--space-sm)}.brand-mark{color:var(--primary-strong);font-weight:700;letter-spacing:0}.brand-mark svg{color:var(--primary);filter:drop-shadow(0 7px 14px color-mix(in srgb,var(--primary) 30%,transparent))}.brand-mark span{display:none}.nav-links{border:1px solid color-mix(in srgb,var(--secondary-pink) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 12%,transparent);padding:4px}.nav-links button{border-radius:999px;border:0;background:transparent;padding:9px 12px;color:var(--primary-strong);font-size:.78rem;font-weight:700;cursor:pointer}.nav-links button:hover,.nav-links button:focus-visible{background:var(--secondary-pink);color:var(--primary-strong);outline:0}.home-stories,.home-celebrate,.home-gift-stage{scroll-margin-top:76px}.route-frame{position:relative;z-index:1;width:min(100%,980px);margin:0 auto;padding:var(--space-md) var(--space-lg) var(--space-4xl)}.story-mode{min-height:100svh;overflow:hidden;background:color-mix(in srgb,var(--primary-strong) 92%,#16070d)}.story-route-frame{width:100%;max-width:none;min-height:100svh;padding:0}.unlock-app{display:grid;min-height:100svh}.unlock-screen{position:relative;z-index:1;display:grid;place-items:center;min-height:100svh;padding:var(--space-xl)}.unlock-card{display:grid;gap:var(--space-lg);width:min(100%,430px);border:2px solid color-mix(in srgb,var(--secondary-pink) 68%,var(--surface));border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 78%,var(--secondary-pink));box-shadow:var(--shadow);padding:var(--space-2xl);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.unlock-mark{display:grid;place-items:center;width:56px;height:56px;border-radius:999px;background:var(--primary);color:var(--primary-strong)}.unlock-card h1{margin:0;max-width:9ch;color:var(--ink);font-size:clamp(2.5rem,11vw,4.4rem);line-height:.94}.unlock-card label{color:var(--muted);font-weight:700;line-height:1.45}.unlock-card input{width:100%;border:1px solid color-mix(in srgb,var(--secondary-pink) 90%,var(--primary-strong));border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 82%,var(--secondary-pink));color:var(--ink);padding:15px 16px;font:inherit;font-size:1.08rem}.unlock-card input:focus{outline:3px solid var(--ring);border-color:var(--primary)}.unlock-message{margin:0;color:var(--primary-strong);font-weight:700;line-height:1.45}.home-screen,.screen-section,.wish-screen,.gift-screen,.validate-screen,.detail-screen{min-height:calc(100svh - 82px)}.home-screen{display:grid;align-content:start;gap:clamp(52px,8vw,96px);padding-top:clamp(30px,7svh,72px)}.home-hero{position:relative;display:grid;justify-items:center;gap:var(--space-lg);min-height:min(76svh,680px);align-content:center;text-align:center;animation:homeFloat 6s ease-in-out infinite}.home-hero:before,.home-hero:after{content:"";position:absolute;z-index:-1;width:82px;height:22px;border-radius:999px;background:var(--secondary-pink);opacity:.78;rotate:-12deg}.home-hero:before{top:18%;left:max(0px,calc(50% - 205px))}.home-hero:after{right:max(0px,calc(50% - 210px));bottom:24%;width:58px;height:16px;background:var(--primary);opacity:.72;rotate:18deg}.eyebrow{margin:0;color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3{font-family:Bricolage Grotesque,sans-serif;letter-spacing:0}.home-hero h1,.section-header h1,.detail-screen h1,.validate-card h1{margin:0;color:var(--ink);font-size:clamp(3rem,14vw,6.7rem);line-height:.91;max-width:9ch}.home-hero h1 span{display:block;color:var(--primary)}.hero-note,.section-header>p:last-child,.detail-summary,.validate-card p,.success-panel p,.qr-panel p,.blocked-state p{margin:0;max-width:62ch;color:var(--muted);font-size:1.02rem;line-height:1.62}.home-hero .hero-note{max-width:31rem}.home-stories,.home-celebrate{position:relative;isolation:isolate;display:grid;gap:var(--space-xl)}.home-stories:before,.home-celebrate:before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:999px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--surface) 74%,transparent) 0 22px,transparent 22px 34px),color-mix(in srgb,var(--secondary-pink) 36%,transparent);filter:blur(.2px)}.home-stories:before{top:32px;right:-118px;width:min(74vw,390px);height:112px;rotate:-8deg}.home-celebrate:before{left:-128px;bottom:68px;width:min(82vw,430px);height:132px;rotate:7deg;opacity:.86}.home-section-title{display:grid;justify-items:center;gap:var(--space-md);text-align:center}.home-section-title h2{margin:0;color:var(--ink);font-size:clamp(2.25rem,10vw,3.15rem);line-height:1}.home-section-title>span{width:68px;height:10px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--primary) 0 12px,var(--secondary-pink) 12px 24px)}.home-section-title p{margin:0;color:var(--muted)}.home-memory-list{display:grid;gap:var(--space-xl)}.home-memory-card{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;min-height:194px;overflow:hidden;border-radius:var(--radius-card);border:2px solid color-mix(in srgb,var(--surface) 88%,var(--secondary-pink));box-shadow:0 18px 38px color-mix(in srgb,var(--primary) 18%,transparent);color:var(--ink);isolation:isolate;transform:translateZ(0);transition:transform .26s ease,box-shadow .26s ease}.home-memory-card:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 22px 48px color-mix(in srgb,var(--primary) 24%,transparent)}.home-memory-card picture,.home-memory-card img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%}.home-memory-card picture img,.home-memory-card img{object-fit:cover}.home-memory-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,color-mix(in srgb,var(--surface) 96%,var(--secondary-pink)) 0%,color-mix(in srgb,var(--surface) 46%,transparent) 54%,transparent);transition:background .26s ease}.home-memory-card:hover:after{background:linear-gradient(to top,color-mix(in srgb,var(--surface) 92%,var(--secondary-pink)) 0%,color-mix(in srgb,var(--surface) 54%,transparent) 58%,transparent)}.home-memory-card>div{padding:var(--space-xl)}.home-memory-card span{display:block;margin-bottom:var(--space-xs);color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.home-memory-card h3{margin:0;color:var(--ink);font-size:1.6rem;line-height:1.05}.home-memory-card>svg{margin:0 var(--space-xl) var(--space-xl) 0;border-radius:999px;background:var(--secondary-pink);color:var(--primary-strong);padding:8px;box-sizing:content-box}.home-memory-actions{display:flex;justify-content:center}.memory-library-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);min-height:48px;border:1px solid color-mix(in srgb,var(--secondary-pink) 92%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface) 74%,var(--secondary-pink));color:var(--primary-strong);padding:12px 18px;font-weight:700;box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 16%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s ease,background .22s ease,box-shadow .22s ease}.memory-library-link:hover{transform:translateY(-2px);background:var(--secondary-pink);box-shadow:0 18px 36px color-mix(in srgb,var(--primary) 22%,transparent)}.memory-library-link:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.home-celebrate{justify-items:center;padding-bottom:var(--space-3xl)}.home-wish-panel{display:grid;gap:var(--space-lg);width:100%;padding:var(--space-xl);border:2px solid color-mix(in srgb,var(--secondary-pink) 78%,var(--surface));border-radius:var(--radius-card);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 82%,var(--secondary-pink)),var(--surface) 72%),var(--surface);box-shadow:0 18px 44px color-mix(in srgb,var(--primary) 16%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .36s ease,background .36s ease}.home-wish-panel.sealed{background:var(--secondary-pink);transform:scale(.985)}.home-wish-panel label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.home-wish-panel textarea{min-height:122px;resize:none;border:0;border-bottom:2px dashed color-mix(in srgb,var(--primary) 54%,transparent);border-radius:0;background:transparent;color:var(--ink);padding:var(--space-lg) 0;font-size:1.15rem;line-height:1.55}.home-wish-panel textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 2px color-mix(in srgb,var(--primary) 48%,transparent)}.home-wish-panel textarea:disabled{cursor:not-allowed;opacity:.68}.home-gift-stage{position:relative;display:grid;place-items:center;width:min(100%,360px);min-height:224px;margin-top:var(--space-md)}.home-gift-button{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:152px;height:152px;border:3px solid var(--surface);border-radius:999px;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--surface) 28%,transparent),transparent 34%),linear-gradient(145deg,var(--primary),color-mix(in srgb,var(--secondary-pink) 72%,var(--primary)));color:var(--primary-strong);box-shadow:0 0 0 10px color-mix(in srgb,var(--secondary-pink) 38%,transparent),0 18px 34px color-mix(in srgb,var(--primary) 28%,transparent);animation:giftPulse 3s ease-in-out infinite;transition:transform .32s ease,box-shadow .32s ease}.home-gift-button:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:inherit;border:2px solid color-mix(in srgb,var(--surface) 76%,transparent);background:transparent;pointer-events:none;transition:inset .26s ease,border-color .26s ease}.home-gift-button:hover{transform:translateY(-2px) scale(1.035);box-shadow:0 0 0 12px color-mix(in srgb,var(--secondary-pink) 48%,transparent),0 22px 42px color-mix(in srgb,var(--primary) 34%,transparent)}.home-gift-button:hover:after{top:8px;right:8px;bottom:8px;left:8px;border-color:color-mix(in srgb,var(--surface) 88%,transparent)}.home-gift-button svg,.home-gift-button span{position:relative;z-index:1}.home-gift-button span{font-size:.74rem;font-weight:700;letter-spacing:.13em;line-height:1;text-transform:uppercase}.home-gift-button svg{width:46px;height:46px;stroke-width:2.4}.home-sparkle{position:absolute;color:var(--primary-strong);animation:sparkleFloat 4s ease-in-out infinite}.sparkle-a{left:18%;top:16%}.sparkle-b{right:21%;top:20%;color:var(--primary);animation-delay:1.4s}.sparkle-c{left:23%;bottom:17%;animation-delay:2s}.sparkle-d{right:18%;bottom:24%;color:var(--primary);animation-delay:.5s}.hero-stack{position:relative;height:330px;margin-top:var(--space-md)}.stack-photo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;min-height:285px;overflow:hidden;border:9px solid var(--surface-high);border-radius:var(--radius-card);box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 18%,transparent);transform:translateY(var(--lift)) rotate(var(--tilt));transition:transform .26s ease,box-shadow .26s ease}.stack-photo:nth-child(2){top:24px;right:10px;bottom:0;left:10px;z-index:2}.stack-photo:nth-child(3){top:48px;right:20px;bottom:0;left:20px;z-index:1}.stack-photo:nth-child(1){z-index:3}.stack-photo:hover{transform:translateY(calc(var(--lift) - 6px)) rotate(var(--tilt))}.stack-photo img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover}.stack-photo:after,.memory-card:after,.detail-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,color-mix(in srgb,var(--primary-strong) 82%,transparent),transparent 58%)}.stack-photo span,.stack-photo strong{position:relative;z-index:1;margin-left:var(--space-xl)}.stack-photo span{color:var(--rose);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.stack-photo strong{max-width:12ch;margin-bottom:var(--space-xl);color:var(--surface);font-family:Bricolage Grotesque,sans-serif;font-size:2rem;line-height:1}.entry-grid,.memory-list,.category-list{display:grid;gap:var(--space-md)}.home-entry,.category-card,.memory-card,.wish-panel,.qr-panel,.success-panel,.validate-card,.story-card,.blocked-state{border:1px solid color-mix(in srgb,var(--secondary-pink) 82%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 78%,var(--secondary-pink));box-shadow:0 16px 34px color-mix(in srgb,var(--primary) 14%,transparent)}.home-entry{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md);padding:var(--space-lg)}.home-entry span{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--secondary-pink);color:var(--primary-strong)}.home-entry small{color:var(--primary-strong);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.home-entry strong{color:var(--ink)}.home-entry>svg{grid-row:span 2;color:var(--primary-strong)}.section-header{display:grid;gap:var(--space-md);margin-bottom:var(--space-2xl)}.section-header h1,.detail-screen h1{max-width:10ch;font-size:clamp(2.8rem,11vw,5.8rem)}.category-card{display:flex;align-items:flex-end;justify-content:space-between;padding:var(--space-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 74%,var(--secondary-pink)),var(--surface)),var(--surface-low)}.category-card p,.memory-card p{margin:0 0 var(--space-xs);color:var(--primary);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.category-card h2,.memory-card h2,.success-panel h2{margin:0;color:var(--ink);font-size:1.45rem;line-height:1.05}.category-card>span{color:color-mix(in srgb,var(--primary) 36%,transparent);font-family:Bricolage Grotesque,sans-serif;font-size:3.4rem;font-weight:800;line-height:.8}.memory-list{margin-top:var(--space-xl)}.memory-card{position:relative;display:grid;grid-template-columns:118px 1fr auto;align-items:end;gap:var(--space-md);min-height:164px;overflow:hidden;padding:var(--space-lg);color:var(--surface);box-shadow:0 16px 34px color-mix(in srgb,var(--primary-strong) 12%,transparent)}.memory-card picture,.memory-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.memory-card picture img,.memory-card img{object-fit:cover}.memory-card>div,.memory-card>svg{position:relative;z-index:1}.memory-card span{display:block;max-width:36ch;color:color-mix(in srgb,var(--surface) 84%,transparent);font-size:.9rem;line-height:1.42}.memory-card h2,.memory-card p,.memory-card>svg{color:var(--surface)}.detail-screen{display:grid;gap:var(--space-lg);padding-bottom:var(--space-4xl)}.back-link{display:inline-flex;align-items:center;gap:var(--space-sm);width:fit-content;color:var(--primary);font-weight:700}.detail-photo{position:relative;overflow:hidden;border:9px solid var(--surface-high);border-radius:var(--radius-card);box-shadow:0 18px 42px color-mix(in srgb,var(--primary) 16%,transparent)}.detail-photo img{aspect-ratio:4 / 3;object-fit:cover}.story-card,.wish-panel,.qr-panel,.success-panel,.validate-card,.blocked-state{padding:var(--space-xl)}.story-card{display:grid;gap:var(--space-lg)}.story-card p{margin:0;color:var(--ink);font-size:1.04rem;line-height:1.7}.detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.detail-meta span{border-radius:999px;background:var(--secondary-pink);color:var(--primary-strong);padding:8px 12px;font-size:.78rem;font-weight:700}.memory-story-screen{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:color-mix(in srgb,var(--primary-strong) 92%,#16070d);color:var(--surface);isolation:isolate}.story-image-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:color-mix(in srgb,var(--primary-strong) 92%,#16070d)}.story-image-canvas picture,.story-image-canvas img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story-image-canvas picture img,.story-image-canvas img{object-fit:cover}.story-scrim{position:absolute;left:0;z-index:1;width:100%;pointer-events:none}.story-scrim-top{top:0;height:148px;background:linear-gradient(to bottom,color-mix(in srgb,var(--primary-strong) 66%,transparent),transparent)}.story-scrim-bottom{bottom:0;height:68%;background:linear-gradient(to top,color-mix(in srgb,var(--primary-strong) 82%,transparent),transparent)}.story-header{position:absolute;inset:0 0 auto;z-index:30;display:grid;gap:var(--space-lg);padding:max(16px,env(safe-area-inset-top)) var(--space-lg) 0}.story-progress{display:flex;gap:var(--space-sm);width:100%;height:4px}.story-progress-track{flex:1;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--surface) 36%,transparent);box-shadow:0 1px 2px color-mix(in srgb,var(--primary-strong) 24%,transparent)}.story-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:var(--primary);transition:width .3s ease}.story-progress-fill.active{width:100%}.story-controls{display:flex;align-items:center;justify-content:space-between}.story-close-button{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:color-mix(in srgb,var(--primary-strong) 42%,transparent);color:var(--surface);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,background .18s ease}.story-close-button:active{transform:scale(.94)}.story-close-button:hover{background:color-mix(in srgb,var(--primary-strong) 58%,transparent)}.story-top-sparkle{color:var(--secondary-pink);animation:storyPulse 2.4s ease-in-out infinite}.story-hit-zone{position:absolute;top:0;bottom:0;z-index:20;width:50%;border:0;background:transparent;cursor:pointer}.story-hit-zone-left{left:0}.story-hit-zone-right{right:0}.story-hit-zone:focus-visible{outline:3px solid var(--primary);outline-offset:-8px}.story-caption-area{position:absolute;right:0;bottom:0;left:0;z-index:25;display:grid;gap:var(--space-md);padding:0 var(--space-lg) max(48px,calc(28px + env(safe-area-inset-bottom)));pointer-events:none;transition:opacity .3s ease,transform .3s ease}.story-caption-area.is-hidden{opacity:0;transform:translateY(12px)}.story-caption-card{position:relative;overflow:hidden;border:2px solid color-mix(in srgb,var(--secondary-pink) 80%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 88%,var(--secondary-pink));box-shadow:0 22px 60px color-mix(in srgb,var(--primary-strong) 34%,transparent);padding:var(--space-xl);color:var(--ink);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.story-caption-card:before,.story-caption-card:after{content:"";position:absolute;border-radius:999px;filter:blur(22px);pointer-events:none}.story-caption-card:before{top:-28px;right:-28px;width:96px;height:96px;background:color-mix(in srgb,var(--primary) 28%,transparent)}.story-caption-card:after{bottom:-28px;left:-28px;width:78px;height:78px;background:color-mix(in srgb,var(--secondary-pink) 42%,transparent)}.story-caption-heading{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.story-caption-heading>span{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;border-radius:999px;background:var(--primary);color:var(--primary-strong);box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 24%,transparent)}.story-caption-heading p{margin:0 0 2px;color:var(--primary);font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.story-caption-heading h1{margin:0;color:var(--ink);font-size:clamp(1.55rem,7vw,2.3rem);line-height:1.05}.story-caption-card>p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:clamp(1rem,4.2vw,1.18rem);line-height:1.58}.story-floating-heart{position:absolute;z-index:-1;color:var(--primary);opacity:.75;animation:storyFloat 3.2s ease-in-out infinite}.heart-a{right:36px;bottom:210px}.heart-b{left:42px;bottom:260px;opacity:.58;animation-delay:1s}.story-next-dot{justify-self:end;width:12px;height:12px;margin-right:var(--space-xl);border-radius:999px;background:var(--primary);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-strong) 24%,transparent);opacity:.66;animation:storyPulse 1.35s ease-in-out infinite}.story-complete{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:var(--space-lg);background:color-mix(in srgb,var(--surface) 82%,var(--secondary-pink));opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .42s ease}.story-complete.is-visible{opacity:1;pointer-events:auto}.story-complete-card{display:grid;justify-items:center;gap:var(--space-md);width:min(100%,360px);border:2px solid color-mix(in srgb,var(--secondary-pink) 82%,transparent);border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 88%,var(--secondary-pink));padding:var(--space-2xl);text-align:center;color:var(--ink);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.story-complete-card>svg{color:var(--primary-strong)}.story-complete-card h2{margin:0;color:var(--ink);font-size:2rem;line-height:1.05}.story-complete-card p{margin:0 0 var(--space-md);color:var(--muted)}.wish-screen,.gift-screen,.validate-screen,.screen-section{display:grid;align-content:start;gap:var(--space-xl);padding-top:var(--space-xl)}.wish-panel{display:grid;gap:var(--space-lg);transition:transform .42s ease,background .42s ease}.wish-panel.sealed{background:var(--secondary-pink);transform:scale(.985)}.wish-panel label{color:var(--primary);font-weight:700}.wish-panel textarea{width:100%;min-height:210px;resize:vertical;border:1px solid color-mix(in srgb,var(--secondary-pink) 88%,var(--primary-strong));border-radius:var(--radius-card);background:color-mix(in srgb,var(--surface) 78%,var(--secondary-pink));color:var(--ink);padding:var(--space-lg);font-size:1.05rem;line-height:1.6}.wish-panel textarea:focus{outline:3px solid var(--ring);border-color:var(--primary)}.primary-button,.claim-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;border:0;border-radius:999px;background:var(--primary);color:var(--primary-strong);padding:15px 22px;font-weight:700;cursor:pointer;box-shadow:0 14px 28px color-mix(in srgb,var(--primary) 26%,transparent);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-button:hover,.claim-button:hover{background:color-mix(in srgb,var(--primary) 86%,var(--secondary-pink));box-shadow:0 18px 34px color-mix(in srgb,var(--primary) 32%,transparent);transform:translateY(-1px)}.primary-button:disabled,.claim-button:disabled{cursor:not-allowed;opacity:.66}.status-copy{margin:0;color:var(--primary);font-weight:700}.gift-screen{justify-items:center;text-align:center}.gift-screen .section-header{justify-items:center}.gift-screen .section-header h1{max-width:12ch}.gift-orb{position:relative;display:grid;place-items:center;width:176px;height:176px;border:7px solid var(--surface-high);border-radius:999px;background:linear-gradient(145deg,var(--primary),var(--secondary-pink));color:var(--primary-strong);box-shadow:0 0 0 14px color-mix(in srgb,var(--secondary-pink) 44%,transparent),0 26px 62px color-mix(in srgb,var(--primary) 24%,transparent)}.gift-orb.claimed{animation:giftPulse 2.4s ease-in-out infinite}.gift-orb.validated{background:linear-gradient(145deg,var(--secondary-pink),var(--primary))}.claim-button{max-width:250px;min-height:58px}.qr-panel{display:grid;justify-items:center;gap:var(--space-lg);width:min(100%,420px)}.qr-panel img,.qr-loading{width:min(100%,300px);aspect-ratio:1;border:8px solid var(--surface-high);border-radius:var(--radius-card)}.qr-loading{display:grid;place-items:center;background:var(--surface-low);color:var(--muted)}.success-panel,.blocked-state,.validate-card{display:grid;justify-items:center;gap:var(--space-md);width:min(100%,470px);text-align:center}.success-panel>svg,.blocked-state>svg,.validate-card>svg{color:var(--primary)}.validate-screen{justify-items:center;align-content:center;text-align:center}.validate-card h1{max-width:12ch;font-size:clamp(2.4rem,10vw,5rem)}@keyframes giftPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes homeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.84;transform:translateY(-15px) scale(1.2)}}@keyframes storyFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(5deg)}}@keyframes storyPulse{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@media(min-width:700px){.brand-mark span{display:inline}.nav-links a{padding-inline:16px;font-size:.86rem}.route-frame{padding-inline:var(--space-2xl)}.home-screen{gap:clamp(64px,7vw,104px)}.home-hero{min-height:min(78svh,720px)}.home-memory-list{grid-template-columns:1fr}.home-memory-card{min-height:220px}.category-list{grid-template-columns:repeat(3,1fr)}.memory-card{min-height:220px;grid-template-columns:1fr auto}.primary-button{justify-self:start;width:auto}.detail-screen{grid-template-columns:.8fr 1fr;align-items:start}.detail-screen .back-link,.detail-screen .detail-photo{grid-column:1}.detail-screen>.eyebrow,.detail-screen>h1,.detail-summary,.story-card,.detail-meta{grid-column:2}.detail-screen .detail-photo{position:sticky;top:88px}.story-header{width:min(100%,760px);left:50%;transform:translate(-50%);padding-inline:var(--space-xl)}.story-caption-area{left:50%;width:min(100%,760px);transform:translate(-50%);padding-inline:var(--space-xl)}.story-caption-area.is-hidden{transform:translate(-50%) translateY(12px)}.story-hit-zone-left{left:calc(50% - 380px);width:380px}.story-hit-zone-right{right:calc(50% - 380px);width:380px}}@media(min-width:980px){.background-canvas{background:radial-gradient(ellipse at 18% 12%,color-mix(in srgb,var(--secondary-pink) 42%,transparent),transparent 30%),radial-gradient(ellipse at 78% 8%,color-mix(in srgb,var(--primary) 24%,transparent),transparent 26%),linear-gradient(90deg,color-mix(in srgb,var(--secondary-pink) 20%,transparent) 0 11%,transparent 11% 89%,color-mix(in srgb,var(--secondary-pink) 20%,transparent) 89%),linear-gradient(180deg,var(--surface) 0%,color-mix(in srgb,var(--secondary-pink) 18%,var(--surface)) 58%,var(--surface) 100%)}.background-canvas:before{opacity:.42;background-size:128px 128px,170px 170px,230px 230px,300px 300px}.background-canvas:after{opacity:.68;background:linear-gradient(108deg,transparent 0 14%,color-mix(in srgb,var(--secondary-pink) 36%,transparent) 14% 16%,transparent 16% 52%,color-mix(in srgb,var(--primary) 18%,transparent) 52% 54%,transparent 54%),linear-gradient(72deg,transparent 0 32%,color-mix(in srgb,var(--secondary-pink) 26%,transparent) 32% 34%,transparent 34%),repeating-linear-gradient(0deg,transparent 0 66px,color-mix(in srgb,var(--primary) 10%,transparent) 66px 68px,transparent 68px 136px);background-size:780px 780px,920px 920px,100% 136px;background-position:-210px 80px,calc(100% - 120px) 360px,0 0;-webkit-mask-image:linear-gradient(90deg,black 0%,black 24%,transparent 42%,transparent 58%,black 76%,black 100%);mask-image:linear-gradient(90deg,black 0%,black 24%,transparent 42%,transparent 58%,black 76%,black 100%)}.paper-wash{opacity:.62}.paper-wash:before,.paper-wash:after{opacity:.42}.paper-wash:before{left:max(24px,calc(50% - 690px));top:21vh}.paper-wash:after{right:max(20px,calc(50% - 700px));top:49vh}.film-strip{width:210px;height:820px;opacity:.24}.film-strip-a{right:max(-28px,calc(50% - 760px));top:5vh;rotate:9deg}.film-strip-b{left:max(-36px,calc(50% - 780px));bottom:-120px;rotate:-9deg}.home-stories:before{right:-220px;width:520px;height:142px;opacity:.9}.home-celebrate:before{left:-240px;width:560px;height:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}