*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-weight:300;line-height:1.6;overflow:hidden;height:100dvh;width:100vw;user-select:none;-webkit-user-select:none;cursor:default}#root{height:100dvh;width:100vw;overflow:hidden;position:relative}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}:root,[data-theme=midnight]{--bg: #07080f;--bg-alt: #0d0e1e;--bg-surface: #12132a;--text: #ededf5;--text-muted: #8080a8;--accent: #c9a84c;--accent-light: #e8c870;--accent-glow: rgba(201, 168, 76, .18);--accent-glow-strong: rgba(201, 168, 76, .42);--particle: #c9a84c;--orb-a: #c9a84c;--orb-b: #f0d080;--photo-bg: #ffffff;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-letter: "Cormorant Garamond", Georgia, serif}[data-theme=blossom]{--bg: #0c080f;--bg-alt: #180e1a;--bg-surface: #221326;--text: #f5e8f2;--text-muted: #b080b8;--accent: #e87ab0;--accent-light: #f4a8d0;--accent-glow: rgba(232, 122, 176, .18);--accent-glow-strong: rgba(232, 122, 176, .42);--particle: #e87ab0;--orb-a: #e87ab0;--orb-b: #f8b0d8;--photo-bg: #ffffff}[data-theme=cosmos]{--bg: #07070f;--bg-alt: #0a0a1e;--bg-surface: #0f0f28;--text: #e0e0f8;--text-muted: #7878b0;--accent: #7ecde3;--accent-light: #a8e4f0;--accent-glow: rgba(126, 205, 227, .18);--accent-glow-strong: rgba(126, 205, 227, .42);--particle: #7ecde3;--orb-a: #7ecde3;--orb-b: #b8eef8;--photo-bg: #ffffff}[data-theme=golden]{--bg: #0a0800;--bg-alt: #160f00;--bg-surface: #201500;--text: #f8e8c0;--text-muted: #c0a060;--accent: #f0b929;--accent-light: #ffd860;--accent-glow: rgba(240, 185, 41, .18);--accent-glow-strong: rgba(240, 185, 41, .42);--particle: #f0b929;--orb-a: #f0b929;--orb-b: #ffe080;--photo-bg: #ffffff}.aurora-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.aurora-band{position:absolute;border-radius:50%;filter:blur(70px)}.aurora-band-1{width:70vw;height:55vh;top:-15vh;left:-15vw;background:radial-gradient(ellipse at center,var(--accent-glow-strong) 0%,transparent 65%);opacity:.55;animation:auroraDrift1 20s ease-in-out infinite}.aurora-band-2{width:55vw;height:50vh;top:25vh;right:-20vw;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 65%);opacity:.45;animation:auroraDrift2 26s ease-in-out infinite}.aurora-band-3{width:65vw;height:45vh;bottom:-15vh;left:5vw;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);opacity:.35;animation:auroraDrift3 30s ease-in-out infinite}@keyframes auroraDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(8vw,6vh) scale(1.12)}66%{transform:translate(-5vw,10vh) scale(.9)}}@keyframes auroraDrift2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-10vw,-8vh) scale(1.15)}75%{transform:translate(6vw,12vh) scale(.92)}}@keyframes auroraDrift3{0%,to{transform:translate(0) scale(1)}30%{transform:translate(7vw,-8vh) scale(1.1)}65%{transform:translate(-8vw,6vh) scale(.9)}}.scene-shell{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(24px,6vw,64px);padding-bottom:clamp(110px,20vw,150px);text-align:center}.t-display{font-family:var(--font-display, "Playfair Display", serif);font-weight:700;line-height:1.1;letter-spacing:-.02em}.t-display-italic{font-family:var(--font-display, "Playfair Display", serif);font-weight:700;font-style:italic;line-height:1.1;letter-spacing:-.02em}.t-body{font-family:var(--font-body, "Inter", sans-serif);font-weight:300;line-height:1.7}.t-letter{font-family:var(--font-letter, "Cormorant Garamond", serif);font-style:italic;font-weight:400;line-height:1.8}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--text)}.shimmer-name{background:linear-gradient(105deg,var(--accent) 0%,var(--accent-light) 30%,#ffffff 50%,var(--accent-light) 70%,var(--accent) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:nameShimmer 4s linear infinite;animation-delay:2.6s;animation-fill-mode:backwards}@keyframes nameShimmer{0%{background-position:0% center}to{background-position:200% center}}.greeting-halo{position:absolute;width:50vw;height:50vw;max-width:400px;max-height:400px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow-strong) 0%,transparent 70%);filter:blur(30px);pointer-events:none;animation:haloBreath 5s ease-in-out infinite}@keyframes haloBreath{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.progress-dots{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,24px));left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:100}.progress-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .4s,width .4s,border-radius .4s;opacity:.45}.progress-dot.active{background:var(--accent);opacity:1;width:22px;border-radius:3px;box-shadow:0 0 8px var(--accent-glow-strong)}.tap-hint{position:fixed;bottom:max(64px,calc(env(safe-area-inset-bottom,24px) + 40px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:90;pointer-events:none}.tap-hint-text{font-family:var(--font-body);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);opacity:.65}.tap-hint-arrow{width:1px;height:22px;background:linear-gradient(to bottom,var(--text-muted),transparent);animation:arrowBounce 1.8s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:.9}}.audio-toggle{position:fixed;top:max(20px,env(safe-area-inset-top,20px));right:20px;z-index:100;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07);color:var(--text-muted);transition:color .25s,background .25s,box-shadow .25s}.audio-toggle:hover,.audio-toggle:focus-visible{color:var(--accent);background:var(--accent-glow);box-shadow:0 0 12px var(--accent-glow);outline:none}.photo-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding:16px;max-width:620px;width:100%}.photo-polaroid{background:var(--photo-bg);padding:10px 10px 34px;box-shadow:0 8px 32px #0000008c,0 2px 8px #00000059;position:relative;flex:0 0 auto;transition:box-shadow .3s}.photo-polaroid:hover{box-shadow:0 12px 44px #000000a6,0 0 0 2px var(--accent-glow-strong)}.photo-polaroid img,.photo-placeholder{width:clamp(110px,28vw,160px);height:clamp(110px,28vw,160px);object-fit:cover;display:block}.photo-placeholder{background:linear-gradient(135deg,var(--bg-alt),var(--bg-surface))}.photo-caption{position:absolute;bottom:8px;left:0;right:0;text-align:center;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:11px;color:#777;letter-spacing:.04em}.orb-wrapper{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.orb{width:clamp(110px,32vw,150px);height:clamp(110px,32vw,150px);border-radius:50%;background:radial-gradient(circle at 32% 32%,var(--orb-b) 0%,var(--orb-a) 45%,transparent 72%);box-shadow:0 0 35px var(--accent-glow),0 0 70px var(--accent-glow),0 0 110px var(--accent-glow),inset 0 0 25px #ffffff1a;animation:orbPulse 3.2s ease-in-out infinite;position:relative;z-index:2}.orb-ring{position:absolute;border-radius:50%;border:1px solid var(--accent-glow-strong);animation:orbRingExpand 3.2s ease-in-out infinite}.orb-ring-1{width:calc(100% + 24px);height:calc(100% + 24px);animation-delay:0s}.orb-ring-2{width:calc(100% + 48px);height:calc(100% + 48px);animation-delay:.7s}.orb-ring-3{width:calc(100% + 72px);height:calc(100% + 72px);animation-delay:1.4s}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 35px var(--accent-glow),0 0 70px var(--accent-glow),inset 0 0 25px #ffffff1a}50%{transform:scale(1.07);box-shadow:0 0 50px var(--accent-glow-strong),0 0 100px var(--accent-glow-strong),inset 0 0 35px #ffffff2e}}@keyframes orbRingExpand{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.orb-sparkle{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent-light);box-shadow:0 0 6px var(--accent)}.orb-sparkle-1{animation:orbitSparkle1 4s linear infinite}.orb-sparkle-2{animation:orbitSparkle2 6s linear infinite;animation-delay:-2s}.orb-sparkle-3{animation:orbitSparkle3 5s linear infinite;animation-delay:-1s}@keyframes orbitSparkle1{0%{transform:rotate(0) translate(90px) scale(1);opacity:1}50%{scale:.6;opacity:.6}to{transform:rotate(360deg) translate(90px) scale(1);opacity:1}}@keyframes orbitSparkle2{0%{transform:rotate(120deg) translate(100px);opacity:.8}to{transform:rotate(480deg) translate(100px);opacity:.8}}@keyframes orbitSparkle3{0%{transform:rotate(240deg) translate(80px);opacity:.6}to{transform:rotate(600deg) translate(80px);opacity:.6}}.birthday-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--accent-glow-strong);background:var(--accent-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.notfound-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg);text-align:center;gap:16px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shimmer-name{-webkit-text-fill-color:var(--accent);color:var(--accent);background:none;animation:none}}