:root{color:#f4eadc;background:#070b16;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-height:100%;background:#070b16;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#070b16;color:#f4eadc}button,input{font:inherit}button{color:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(118,96,165,.26),transparent 28%),radial-gradient(circle at 86% 12%,rgba(226,178,120,.18),transparent 26%),radial-gradient(circle at 70% 88%,rgba(177,82,117,.12),transparent 32%),linear-gradient(180deg,#080c19f2,#04070ffa);animation:atmosphere-breathe 60s ease-in-out infinite}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at var(--mood-x, 68%) var(--mood-y, 30%),var(--mood-glow, rgba(217, 178, 122, .18)),transparent 32%),linear-gradient(180deg,transparent,rgba(4,7,15,.48));transition:background .45s ease;pointer-events:none}.mood-surprise{--mood-x: 72%;--mood-y: 26%;--mood-glow: rgba(236, 185, 101, .22)}.mood-memory{--mood-x: 28%;--mood-y: 38%;--mood-glow: rgba(91, 148, 184, .2)}.mood-touch{--mood-x: 62%;--mood-y: 42%;--mood-glow: rgba(205, 113, 139, .22)}.mood-think{--mood-x: 44%;--mood-y: 30%;--mood-glow: rgba(121, 100, 181, .22)}.mood-love{--mood-x: 76%;--mood-y: 58%;--mood-glow: rgba(235, 154, 127, .24)}.star-bg-image{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-image:linear-gradient(180deg,#080c192e,#080c19c7),url(/starry-bg.png);background-position:center;background-repeat:no-repeat;background-size:cover;transform:scale(1.01)}.star-bg-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(7,11,22,.66),transparent 44%,rgba(7,11,22,.52)),radial-gradient(circle at 50% 55%,transparent 0%,rgba(3,6,14,.44) 72%)}.star-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.firework-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}.meteor{position:fixed;z-index:1;width:9rem;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(247,238,227,.86),transparent);opacity:0;pointer-events:none;transform:rotate(-24deg)}.meteor-one{left:72%;top:18%;animation:meteor-cross 17s ease-in-out infinite 4s}.meteor-two{left:24%;top:36%;animation:meteor-cross 23s ease-in-out infinite 11s}.balloon-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden}.floating-balloon{--balloon-color: rgba(224, 181, 121, .78);position:absolute;left:-1%;bottom:-9rem;width:4.4rem;height:5.5rem;border:1px solid rgba(255,255,255,.22);border-radius:52% 52% 48% 48%;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.54),transparent 12%),linear-gradient(160deg,var(--balloon-color),rgba(205,113,139,.56));box-shadow:0 18px 44px #e0b5792e,inset -12px -18px 28px #070b162e;cursor:pointer;pointer-events:auto;animation:balloon-float calc(18s + var(--balloon-index) * 1.8s) ease-in-out infinite;animation-delay:calc(var(--balloon-index) * -2.6s)}.floating-balloon:nth-child(2){left:4%}.floating-balloon:nth-child(3){left:94%}.floating-balloon:nth-child(4){left:101%}.floating-balloon:nth-child(5){left:-3%}.floating-balloon:nth-child(6){left:97%}.floating-balloon:before{content:"";position:absolute;left:50%;bottom:-.55rem;width:.85rem;height:.75rem;background:#e0b579b8;clip-path:polygon(50% 0,100% 100%,0 100%);transform:translate(-50%)}.floating-balloon:after{content:"";position:absolute;left:50%;bottom:-5.1rem;width:1px;height:4.8rem;background:linear-gradient(180deg,rgba(247,238,227,.5),transparent)}.floating-balloon span{position:absolute;left:50%;top:44%;width:6.8rem;color:#070b16;font-size:.76rem;font-weight:800;line-height:1.25;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .18s ease,transform .18s ease}.floating-balloon.opened{transform:translateY(-12rem) scale(1.08);box-shadow:0 20px 70px #e0b57947,inset -12px -18px 28px #070b1624}.floating-balloon.opened span{opacity:1;transform:translate(-50%,-50%) scale(1)}.content-layer{position:relative;z-index:2;min-height:100vh}.kicker,.eyebrow{color:#e0b579;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase}.gate-screen{min-height:100vh;display:grid;grid-template-rows:auto 1fr;gap:4rem;padding:2rem clamp(1.25rem,4vw,4rem) 3.5rem}.gate-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);align-items:start;gap:2rem}.gate-header h1,.gift-hero h1{margin:.7rem 0 0;color:#f7eee3;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.1rem,8vw,7rem);line-height:.92;font-weight:800;letter-spacing:0;text-shadow:0 18px 48px rgba(0,0,0,.45)}.gate-header p,.gift-hero p{max-width:38rem;margin:1rem 0 0;color:#f4eadcbd;line-height:1.85;overflow-wrap:anywhere}.typewriter-text{display:inline}.typewriter-text:after{content:"";display:inline-block;width:1px;height:1.08em;margin-left:.18rem;background:#e0b579d6;vertical-align:-.12em;animation:caret-breathe 1.05s steps(2,start) infinite}.gate-title-line{display:inline}.gate-header blockquote{margin:.85rem 0 0;color:#e0b579;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,1.8vw,1.26rem);font-style:italic;line-height:1.75;text-align:right}[data-slot=card]{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(180deg,#161c32cc,#0b101fb8),#12182ca8;box-shadow:0 30px 80px #00000057,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-slot=card-title]{margin:.35rem 0 0;color:#f7eee3;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3.8vw,2.8rem);line-height:1.08;letter-spacing:0}[data-slot=card-description]{margin:.8rem 0 0;color:#aab0c3;line-height:1.72;overflow-wrap:anywhere}[data-slot=card-content]{color:#f4eadcc7;line-height:1.76;overflow-wrap:anywhere}.gate-panel,.status-screen [data-slot=card]{width:min(100%,33rem);max-width:100%;align-self:end;justify-self:end}.gate-panel{padding:clamp(1.35rem,3vw,2rem)}form{display:grid;gap:.8rem;margin-top:1.6rem}[data-slot=label]{display:grid;gap:.5rem;color:#f4eadcdb;font-size:.92rem}[data-slot=input]{width:100%;height:3rem;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#080c19bd;color:#f7eee3;padding:0 .9rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}[data-slot=input]::placeholder{color:#aab0c3b8}[data-slot=input]:focus{border-color:#e0b579b8;background:#080c19e0;box-shadow:0 0 0 3px #e0b5791f}[data-slot=button]{width:fit-content;min-height:2.75rem;border:0;border-radius:8px;background:#e0b579e6;color:#070b16;padding:0 1.35rem;font-weight:760;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,opacity .15s ease}[data-slot=button]:hover:not(:disabled){background:#e0b579fa;box-shadow:0 0 22px #e0b57947;transform:translateY(-1px)}[data-slot=button]:active:not(:disabled){transform:translateY(0)}[data-slot=button]:disabled{cursor:wait;opacity:.62}[data-slot=button][data-variant=ghost]{border:1px solid rgba(224,181,121,.24);background:#e0b57914;color:#e0b579}[data-slot=button][data-variant=ghost]:hover{background:#e0b57924}.hint,.feedback{margin:1rem 0 0;color:#f4eadcb3;font-size:.9rem;line-height:1.65}.feedback{color:#ffd0d6}.status-screen{position:absolute;left:50%;top:50%;width:auto;transform:translate(-50%,-50%)}.status-screen [data-slot=card]{width:auto;min-width:14rem;padding:1.15rem 1.3rem;color:#f4eadcc2;text-align:center}.loading-ritual{display:grid;justify-items:center;gap:1.1rem;color:#f4eadcc2}.loading-stars{position:relative;width:12rem;height:4rem}.loading-stars:after{content:"";position:absolute;left:50%;top:50%;width:4.4rem;height:4.4rem;border-radius:999px;background:radial-gradient(circle,rgba(224,181,121,.24),transparent 68%);opacity:0;transform:translate(-50%,-50%) scale(.3);animation:star-meet-glow 2.4s ease-in-out infinite}.loading-stars span{position:absolute;top:50%;width:.7rem;height:.7rem;border-radius:999px;background:#f7eee3;box-shadow:0 0 16px #f7eee3b8,0 0 36px #e0b5795c}.loading-stars span:first-child{left:0;animation:star-left-meet 2.4s ease-in-out infinite}.loading-stars span:last-child{right:0;animation:star-right-meet 2.4s ease-in-out infinite}.loading-ritual p{margin:0;font-size:.95rem}.gift-screen{width:min(100%,1180px);margin:0 auto;padding:1rem clamp(1rem,3vw,2rem) 5rem}.top-nav{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.5rem;padding:.65rem 0;color:#f4eadcc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-nav>span{color:#e0b579;font-size:.78rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.top-nav>div{display:flex;justify-content:center;gap:.35rem;min-width:0}.top-nav button:not([data-slot]){min-height:2.35rem;border:1px solid transparent;border-radius:8px;background:transparent;color:#f4eadcad;padding:0 .85rem;cursor:pointer}.top-nav button:not([data-slot]).active,.top-nav button:not([data-slot]):hover{border-color:#e0b5793d;background:#e0b5791a;color:#f7eee3}.gift-hero{min-height:clamp(32rem,72vh,48rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:end;gap:2rem;padding:clamp(3rem,7vw,6rem) 0 3rem}.birthday-card{padding:1.3rem}.birthday-card [data-slot=card-content]{padding-top:.9rem}.kinetic-text{display:block;width:100%;height:9.5rem;border-radius:8px;background:radial-gradient(circle at 50% 50%,rgba(224,181,121,.12),transparent 58%),#070b1638;cursor:crosshair}.entrance-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:-1rem 0 4rem}.entrance-card{min-height:10.5rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#1016299e;color:#f7eee3;padding:1rem;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffff0f;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.entrance-card:hover,.entrance-card.selected{border-color:#e0b5795c;background:#1f2237c7;transform:translateY(-2px)}.entrance-card span{display:block;color:#e0b579;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:760}.entrance-card p{margin:.8rem 0 0;color:#f4eadcad;font-size:.92rem;line-height:1.65}.section-block,.section-split,.ai-section{margin-top:4rem}.reveal-section{scroll-margin-top:6rem}.section-heading{display:grid;gap:.6rem;max-width:46rem;margin-bottom:1.3rem}.section-heading h2{margin:0;color:#f7eee3;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4.6vw,4rem);line-height:1.02;letter-spacing:0}.section-heading.compact h2{font-size:clamp(1.8rem,3.6vw,3rem)}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.reveal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;perspective:1200px}.reveal-card{min-height:12rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(180deg,#161c32d1,#0b101fc7),#12182ca8;color:#f7eee3;padding:1rem;text-align:left;cursor:pointer;transform-style:preserve-3d;transition:transform .52s cubic-bezier(.2,.8,.2,1),border-color .18s ease,box-shadow .18s ease}.reveal-card:hover,.reveal-card.open{border-color:#e0b5796b;box-shadow:0 16px 46px #e0b5791f}.reveal-card.open{transform:rotateY(180deg)}.reveal-card>*{display:block;transform:rotateY(0)}.reveal-card.open>*{transform:rotateY(180deg)}.reveal-card span{color:#e0b579db;font-size:.76rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.reveal-card strong{margin-top:.85rem;color:#f7eee3;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,1.9vw,1.45rem);line-height:1.15}.reveal-card p{margin:.75rem 0 0;color:#f4eadcad;font-size:.88rem;line-height:1.62}.memory-card{min-height:24rem;display:grid;align-content:space-between;padding:1.1rem;overflow:hidden}.memory-card:before{content:"";display:block;height:7rem;border-radius:8px;margin-bottom:1.1rem;background:radial-gradient(circle at 34% 32%,rgba(255,255,255,.48),transparent 8%),radial-gradient(circle at 66% 54%,rgba(255,255,255,.3),transparent 6%),linear-gradient(135deg,var(--card-a),var(--card-b))}.memory-card-gold{--card-a: rgba(225, 180, 100, .72);--card-b: rgba(83, 70, 137, .52)}.memory-card-rose{--card-a: rgba(205, 113, 139, .72);--card-b: rgba(224, 181, 121, .5)}.memory-card-blue{--card-a: rgba(76, 135, 181, .72);--card-b: rgba(24, 31, 62, .66)}.memory-card-violet{--card-a: rgba(126, 100, 184, .72);--card-b: rgba(207, 125, 150, .5)}.memory-card-meta{display:flex;flex-wrap:wrap;gap:.45rem;color:#e0b579db;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.memory-card [data-slot=card-title]{font-size:clamp(1.45rem,2.4vw,2rem)}.memory-card p{margin:0}.commemorative-tool{padding:1.2rem}.commemorative-layout{display:grid;grid-template-columns:minmax(16rem,.85fr) minmax(0,1.15fr);gap:1rem;align-items:stretch}.commemorative-preview{position:relative;min-height:27rem;display:grid;align-content:space-between;gap:1rem;overflow:hidden;border:1px solid rgba(247,238,227,.16);border-radius:8px;background:radial-gradient(circle at 74% 18%,var(--card-light),transparent 22%),radial-gradient(circle at 16% 82%,rgba(205,113,139,.18),transparent 24%),linear-gradient(160deg,#090e1dfa,#141c36eb 58%,#060913fa);padding:clamp(1.1rem,3vw,2rem);box-shadow:inset 0 1px #ffffff14}.commemorative-preview:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 18% 20%,rgba(247,238,227,.5) 0 1px,transparent 1.8px),radial-gradient(circle at 70% 42%,rgba(247,238,227,.36) 0 1px,transparent 2px),radial-gradient(circle at 40% 72%,rgba(224,181,121,.48) 0 1px,transparent 2px);background-size:7rem 7rem,9rem 9rem,11rem 11rem;opacity:.48;pointer-events:none}.commemorative-preview>*{position:relative;z-index:1}.commemorative-preview span,.commemorative-preview small{color:var(--card-accent);font-size:.78rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.commemorative-preview strong{max-width:13ch;color:#f7eee3;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.15rem,4.8vw,4.2rem);line-height:.98;letter-spacing:0}.commemorative-preview p{max-width:28rem;margin:0;color:#f4eadcb8;line-height:1.72}.tone-gold{--card-accent: #e0b579;--card-light: rgba(224, 181, 121, .26)}.tone-rose{--card-accent: #ef9aac;--card-light: rgba(205, 113, 139, .26)}.tone-blue{--card-accent: #8fbfe0;--card-light: rgba(143, 191, 224, .23)}.tone-violet{--card-accent: #b6a0ee;--card-light: rgba(157, 131, 215, .25)}.memory-picker{display:grid;align-content:start;gap:.7rem}.memory-picker button:not([data-slot]){min-height:4.8rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#080c196b;color:#f4eadcc7;padding:.8rem .95rem;text-align:left;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.memory-picker button:not([data-slot]):hover,.memory-picker button:not([data-slot]).selected{border-color:#e0b57961;background:#e0b5791a;color:#f7eee3;transform:translateY(-1px)}.memory-picker button span{display:block;margin-bottom:.32rem;color:#e0b579;font-size:.72rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.memory-picker [data-slot=button]{margin-top:.4rem}.section-split{display:grid;grid-template-columns:minmax(0,.95fr) minmax(20rem,1.05fr);gap:1rem;align-items:start}.timeline{position:relative;display:grid;gap:1rem;list-style:none;margin:0;padding:0 0 0 1.1rem}.timeline:before{content:"";position:absolute;left:.22rem;top:.5rem;bottom:.5rem;width:1px;background:linear-gradient(180deg,#e0b579b8,#cd718b3d)}.timeline-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem}.timeline-dot{width:.5rem;height:.5rem;margin-top:.4rem;border-radius:999px;background:#e0b579;box-shadow:0 0 18px #e0b57975}.timeline-date{color:#e0b579c7;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.timeline h3{margin:.35rem 0 0;color:#f7eee3;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;letter-spacing:0}.timeline p{margin:.45rem 0 0;color:#f4eadca8;line-height:1.7}.letter-panel{padding:1.2rem}.letter-panel [data-slot=card-content]{display:grid;gap:1rem}.letter-panel p{margin:0}.ai-section{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:1rem}.wish-prompt,.ai-result{min-height:21rem;padding:1.2rem}.wish-form{margin-top:0}.ai-result p{margin:0}.ai-memory{margin:1rem 0;border-left:2px solid rgba(224,181,121,.58);padding-left:1rem;color:#f7eee3;line-height:1.75}.ai-question{color:#e0b579}.ai-result-error [data-slot=card-title]{color:#ffd0d6}@media (max-width: 980px){.app-shell{overflow-y:auto}.top-nav{grid-template-columns:1fr auto}.top-nav>div{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}.gift-hero,.section-split,.ai-section,.commemorative-layout{grid-template-columns:1fr}.entrance-grid,.memory-grid,.reveal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.gate-screen{gap:2.3rem;padding:1.35rem 1rem 2rem}.gate-header{grid-template-columns:1fr}.gate-header h1,.gift-hero h1{font-size:clamp(2.5rem,12vw,3.35rem);line-height:1.02}.gate-title-line{display:block}.gate-header blockquote{max-width:22rem;margin-top:0;text-align:left}.gate-panel{width:min(22rem,calc(100vw - 3rem));max-width:calc(100vw - 3rem);justify-self:start}.gift-screen{padding:.6rem 1rem 3rem}.gift-hero{min-height:auto;padding:2.6rem 0 2rem}.gift-hero>div{min-width:0}.gift-hero h1{overflow-wrap:anywhere}.entrance-grid,.memory-grid,.reveal-grid{grid-template-columns:1fr}.entrance-grid{margin-bottom:2.5rem}.entrance-card{min-height:8rem}.memory-card{min-height:21rem}.commemorative-preview{min-height:24rem}.section-block,.section-split,.ai-section{margin-top:3rem}.kinetic-text{height:7rem}.floating-balloon{width:3.5rem;height:4.5rem}.floating-balloon:nth-child(2),.floating-balloon:nth-child(4),.floating-balloon:nth-child(6){left:91%}.floating-balloon:nth-child(1),.floating-balloon:nth-child(3),.floating-balloon:nth-child(5){left:-5%}}@keyframes atmosphere-breathe{0%,to{filter:saturate(1) brightness(1)}50%{filter:saturate(1.08) brightness(1.05)}}@keyframes meteor-cross{0%,72%{opacity:0;transform:translateZ(0) rotate(-24deg)}76%{opacity:.72}82%,to{opacity:0;transform:translate3d(-22rem,11rem,0) rotate(-24deg)}}@keyframes caret-breathe{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes star-left-meet{0%,to{transform:translateY(-50%) scale(.92)}52%{transform:translate(5.5rem,-50%) scale(1.1)}}@keyframes star-right-meet{0%,to{transform:translateY(-50%) scale(.92)}52%{transform:translate(-5.5rem,-50%) scale(1.1)}}@keyframes star-meet-glow{0%,36%,to{opacity:0;transform:translate(-50%,-50%) scale(.3)}54%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes balloon-float{0%{transform:translateZ(0) rotate(-2deg);opacity:0}8%,78%{opacity:.92}46%{transform:translate3d(1.2rem,-50vh,0) rotate(3deg)}to{transform:translate3d(-.8rem,-108vh,0) rotate(-4deg);opacity:0}}@media (prefers-reduced-motion: reduce){.app-shell,.floating-balloon,.meteor,.reveal-card,.loading-stars,.loading-stars:after,.loading-stars span,.typewriter-text:after{animation:none!important;transition-duration:.01ms!important}.firework-canvas,.balloon-layer,.meteor{display:none}}