:root{--cream: #fffbf4;--sky: #eaf3ff;--lilac: #f4edff;--mist: #e9fbf5;--ink: #2b2a3d;--ink-70: rgba(43, 42, 61, .72);--ink-45: rgba(43, 42, 61, .48);--mint: #4fcfae;--azure: #6fb0ff;--violet: #a486f7;--peach: #ffb178;--lemon: #ffd464;--teal: #34c6cd;--glass: rgba(255, 255, 255, .55);--glass-strong: rgba(255, 255, 255, .78);--glass-line: rgba(255, 255, 255, .85);--shadow-soft: 0 18px 50px -22px rgba(64, 60, 110, .38);--shadow-lift: 0 30px 70px -28px rgba(64, 60, 110, .5);--display: "Fraunces", "Iowan Old Style", Georgia, "Times New Roman", serif;--body: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--gutter: clamp(1.25rem, 5vw, 5rem);--measure: min(64rem, 100%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body,#root{min-height:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:var(--cream);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(58vw 58vw at 12% 8%,rgba(111,176,255,.28),transparent 62%),radial-gradient(52vw 52vw at 88% 18%,rgba(164,134,247,.26),transparent 60%),radial-gradient(56vw 56vw at 78% 88%,rgba(79,207,174,.24),transparent 62%),radial-gradient(50vw 50vw at 18% 82%,rgba(255,212,100,.24),transparent 60%),linear-gradient(170deg,var(--cream),var(--sky) 42%,var(--lilac) 72%,var(--mist));background-attachment:fixed;transition:filter 1.2s ease}.backdrop--dusk{background:radial-gradient(60vw 60vw at 82% 12%,rgba(255,177,120,.3),transparent 62%),radial-gradient(55vw 55vw at 14% 70%,rgba(164,134,247,.32),transparent 62%),radial-gradient(50vw 50vw at 60% 96%,rgba(52,198,205,.26),transparent 60%),linear-gradient(200deg,#fffbf400,#f4edffb3);opacity:0}.grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;pointer-events:none;opacity:.28;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.canvas-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;animation:canvas-in 1.4s ease both}@keyframes canvas-in{0%{opacity:0}to{opacity:1}}.content{position:relative;z-index:3}.section{position:relative;padding:clamp(6rem,16vh,11rem) var(--gutter);display:flex;flex-direction:column;align-items:center;justify-content:center}.section--tall{min-height:100svh}.stack{width:var(--measure);margin-inline:auto}.center{text-align:center}@media (max-height: 34rem) and (orientation: landscape){.section{padding-block:clamp(2.5rem,12vh,4rem)}.display{font-size:clamp(2.2rem,7vw,3.8rem)}.display--sm{font-size:clamp(1.8rem,5vw,2.6rem)}.lede{margin-top:1rem}}.eyebrow{font-size:clamp(.72rem,1.6vw,.78rem);letter-spacing:.34em;text-transform:uppercase;color:var(--ink-45);font-weight:500;margin:0 0 1.4rem}@media (max-width: 30rem){.eyebrow{letter-spacing:.22em}}.display{font-family:var(--display);font-weight:600;line-height:1.02;letter-spacing:-.025em;margin:0;font-size:clamp(2.9rem,11vw,7.5rem)}.display--sm{font-size:clamp(2.1rem,6.4vw,4.2rem);line-height:1.08}.lede{font-size:clamp(1.05rem,2.4vw,1.45rem);line-height:1.6;color:var(--ink-70);font-weight:300;margin:1.6rem 0 0}.gradient-text{background:linear-gradient(105deg,var(--violet),var(--azure) 38%,var(--teal) 68%,var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}.glass{background:var(--glass);border:1px solid var(--glass-line);border-radius:26px;box-shadow:var(--shadow-soft);backdrop-filter:blur(18px) saturate(1.35);-webkit-backdrop-filter:blur(18px) saturate(1.35)}:where(a,button,[tabindex]):focus-visible{outline:2px solid var(--violet);outline-offset:4px;border-radius:14px}::selection{background:#a486f747}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.hero{padding-top:clamp(7rem,18vh,12rem)}.hero__inner{perspective:900px}.hero__title{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:0 .22em;transform-style:preserve-3d}.hero__greeting{display:inline-block}.hero__name{display:inline-flex;transform-style:preserve-3d}.hero__letter{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}.hero__wave{border:0;background:none;padding:.1em .15em .1em .12em;min-width:44px;min-height:44px;cursor:pointer;font-size:.78em;line-height:1;transform-origin:70% 80%;filter:drop-shadow(0 8px 16px rgba(64,60,110,.22))}.hero__lede{max-width:32ch;margin-inline:auto}.hero__whisper{margin:1rem 0 0;font-size:.95rem;color:var(--ink-45);font-style:italic}@media (max-height: 34rem) and (orientation: landscape){.hero{padding-top:clamp(2.5rem,12vh,4rem)}}.scroll-hint{position:absolute;bottom:clamp(1.75rem,5vh,3rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-decoration:none;color:var(--ink-45)}.scroll-hint__label{font-size:.72rem;letter-spacing:.3em;text-transform:uppercase}.scroll-hint__rail{width:26px;height:44px;border-radius:999px;border:1.5px solid rgba(43,42,61,.2);background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;justify-items:center;padding-top:8px}.scroll-hint__dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(180deg,var(--violet),var(--azure))}.scroll-hint:hover .scroll-hint__rail{border-color:#a486f799}@media (max-height: 34rem) and (orientation: landscape){.scroll-hint{bottom:.6rem;gap:0}.scroll-hint__label{display:none}.scroll-hint__rail{width:22px;height:34px;padding-top:6px}}.appreciation__title{margin:0 auto;max-width:18ch}.trait-grid{list-style:none;margin:clamp(3rem,8vh,5rem) 0 0;padding:0;display:grid;gap:clamp(1rem,2.4vw,1.6rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,15.5rem),1fr));perspective:1100px}.trait{position:relative;overflow:hidden;padding:clamp(1.5rem,3vw,2rem);min-height:11.5rem;display:flex;flex-direction:column;gap:.55rem;transform-style:preserve-3d;cursor:default;transition:box-shadow .4s ease,border-color .4s ease;will-change:transform}.trait:hover,.trait:focus-within{box-shadow:var(--shadow-lift);border-color:#fff}.trait__glow{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease;pointer-events:none}.trait:hover .trait__glow{opacity:1}.trait__glyph{width:30px;height:30px;margin-bottom:auto;opacity:.9}.trait__word{font-family:var(--display);font-weight:600;font-size:clamp(1.45rem,3.4vw,1.9rem);line-height:1.1;letter-spacing:-.02em;margin:0}.trait__aside{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink-70);opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}.trait:hover .trait__aside,.trait:focus-within .trait__aside{opacity:1;transform:translateY(0)}.trait__underline{position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);opacity:.85}.trait:hover .trait__underline{transform:scaleX(1)}@media (max-width: 48rem){.trait{min-height:0;gap:.7rem}.trait__glyph{margin-bottom:.2rem}}@media (hover: none){.trait__aside{opacity:1;transform:none}}@media (min-width: 60rem){.trait:nth-child(3n+2){margin-top:2.4rem}.trait:nth-child(3n){margin-top:1.1rem}}.play{justify-content:space-between;gap:3rem}.play__surface{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;cursor:grab}.play__surface:active{cursor:grabbing}.play__head,.play__foot{position:relative;z-index:1;pointer-events:none}.play__head{padding-top:clamp(0rem,4vh,2rem)}.play__foot{display:flex;flex-direction:column;align-items:center;gap:1rem}.play__hint{display:inline-flex;align-items:center;gap:.85rem;margin:0;padding:.7rem 1.25rem;border-radius:999px;font-size:.85rem;color:var(--ink-70);letter-spacing:.01em}.play__dot{width:5px;height:5px;border-radius:50%;background:var(--violet);opacity:.6}@media (hover: none){.play__hint-hover{display:none}}.play__line-slot{min-height:1.6rem;display:grid;place-items:center}.play__line{font-family:var(--display);font-size:clamp(1rem,2.6vw,1.25rem);font-style:italic;color:var(--ink-70)}.message{min-height:92svh}.message__stack{max-width:46rem}.message__panel{position:relative;margin-top:1.5rem;padding:clamp(1.75rem,5vw,3.5rem) clamp(1.5rem,5vw,3.5rem);border-radius:32px;background:#ffffff57;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 24px 70px -40px #403c6e8c}.message__mark{position:absolute;top:clamp(-.4rem,1vw,.4rem);left:clamp(.9rem,3vw,2rem);font-family:var(--display);font-size:clamp(4rem,10vw,7rem);line-height:1;color:#a486f747;transform:rotate(180deg);-webkit-user-select:none;user-select:none}.message__text{font-family:var(--display);font-weight:400;font-size:clamp(1.22rem,3.6vw,2.4rem);line-height:1.42;letter-spacing:-.015em;margin:0 auto;max-width:24ch;color:var(--ink)}.message__word{display:inline-block;margin-right:.26em;will-change:opacity,transform,filter}.reminder{min-height:88svh}.reminder__inner{display:flex;flex-direction:column;align-items:center}.reminder__button{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.9);border-radius:999px;padding:clamp(.95rem,2.4vw,1.25rem) clamp(1.6rem,5vw,2.6rem);font-family:var(--body);font-size:clamp(1rem,2.4vw,1.15rem);font-weight:500;color:var(--ink);cursor:pointer;background:linear-gradient(#fffc,#ffffff8c),linear-gradient(105deg,var(--violet),var(--azure) 40%,var(--mint));box-shadow:0 20px 45px -22px #7864c8bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.reminder__label{position:relative;z-index:1}.reminder__shine{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(100deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);transform:translate(-60%);animation:sweep 4.5s ease-in-out infinite;pointer-events:none}@keyframes sweep{0%,55%{transform:translate(-70%)}85%,to{transform:translate(70%)}}.reminder__slot{min-height:clamp(7rem,18vh,9rem);display:grid;place-items:center;margin-top:clamp(2rem,6vh,3.25rem);width:100%}.reminder__message{font-family:var(--display);font-weight:600;font-size:clamp(1.7rem,5.4vw,3.1rem);line-height:1.18;letter-spacing:-.02em;margin:0}.reminder__again{margin:.9rem 0 0;font-size:.85rem;color:var(--ink-45);font-style:italic}.closing{justify-content:center;padding-bottom:clamp(7rem,18vh,11rem)}.closing__title{max-width:16ch;margin:0 auto}.closing__line{font-size:clamp(1.1rem,2.8vw,1.6rem);color:var(--ink-70);font-weight:300;margin:clamp(1.25rem,4vh,2rem) 0 0}.closing__sign{margin:clamp(2.5rem,8vh,4.5rem) 0 0}.closing__name{display:inline-block;font-family:var(--display);font-style:italic;font-size:clamp(1.05rem,2.6vw,1.35rem);color:var(--ink-45);cursor:pointer;-webkit-user-select:none;user-select:none}.closing__name:hover{color:var(--ink-70)}.closing__top{position:absolute;bottom:clamp(1.75rem,5vh,3rem);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-45);text-decoration:none;padding:.85rem 1.15rem;border-radius:999px;transition:color .3s ease,background .3s ease}.closing__top:hover{color:var(--ink);background:#ffffff8c}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.cursor-glow,.cursor-ring{position:fixed;top:0;left:0;z-index:20;pointer-events:none;display:none}.cursor-glow{width:26rem;height:26rem;margin:-13rem 0 0 -13rem;border-radius:50%;background:radial-gradient(circle,rgba(164,134,247,.18),rgba(111,176,255,.1) 45%,transparent 70%);filter:blur(6px)}.cursor-ring{width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:1.5px solid rgba(164,134,247,.5);background:#ffffff1f}@media (hover: hover) and (pointer: fine){.cursor-glow,.cursor-ring{display:block}}.scroll-rail{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;transform-origin:0 50%;background:linear-gradient(90deg,var(--violet),var(--azure) 40%,var(--teal) 70%,var(--mint));border-radius:0 3px 3px 0}.sound-toggle{position:fixed;top:clamp(1rem,3vw,1.75rem);right:clamp(1rem,3vw,1.75rem);z-index:31;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;min-height:44px;border-radius:999px;font-family:var(--body);font-size:.78rem;letter-spacing:.06em;color:var(--ink-70);cursor:pointer}.sound-toggle__icon svg{width:17px;height:17px;display:block}@media (max-width: 30rem){.sound-toggle__label{display:none}.sound-toggle{min-width:44px;padding:.6rem;justify-content:center}}.bloop{position:fixed;left:clamp(.9rem,3vw,1.75rem);bottom:clamp(.9rem,3vw,1.75rem);z-index:31;display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}.bloop__body{border:0;background:none;padding:0;width:clamp(44px,8vw,58px);height:clamp(44px,8vw,58px);cursor:pointer;filter:drop-shadow(0 12px 20px rgba(64,60,110,.28))}.bloop__body svg{width:100%;height:100%;display:block}@media (max-width: 48rem){.bloop{left:auto;right:clamp(.7rem,3vw,1.25rem);align-items:flex-end}.bloop__bubble{border-radius:16px 16px 4px}}.bloop__bubble{margin:0;padding:.6rem .9rem;border-radius:16px 16px 16px 4px;font-size:.82rem;line-height:1.35;color:var(--ink-70);max-width:15rem}