html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{--aqua-space: 0;--aqua-space-edge: 0;background:radial-gradient(ellipse at 51% 46%,rgba(39,219,216,var(--aqua-space)) 0%,rgba(22,132,191,calc(var(--aqua-space) * .42)) 30%,transparent 68%),radial-gradient(ellipse at 18% 70%,rgba(28,177,201,var(--aqua-space-edge)) 0%,transparent 58%),radial-gradient(ellipse at 82% 28%,rgba(19,203,198,calc(var(--aqua-space-edge) * .72)) 0%,transparent 54%),radial-gradient(ellipse at 50% 43%,#1f2a4cad,#0e12277a 30%,#04060f2e 62%,#01020700),radial-gradient(ellipse at 15% 18%,rgba(22,42,78,.34) 0%,rgba(8,13,29,.08) 42%,transparent 72%),radial-gradient(ellipse at 86% 79%,rgba(39,22,64,.28) 0%,rgba(9,7,21,.08) 40%,transparent 70%),linear-gradient(145deg,#02030a,#060816 48%,#010207)}main{width:100%;height:100%}.three-scene-background{position:relative;isolation:isolate;overflow:hidden;background-color:#020716;--fairy-color-reveal: 0}.three-scene-background:after{position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse at 27% 36%,rgba(48,255,222,.3) 0%,transparent 58%),radial-gradient(ellipse at 73% 36%,rgba(255,48,172,.28) 0%,transparent 58%),linear-gradient(90deg,rgba(33,234,213,.08) 0%,transparent 46%,rgba(243,45,163,.08) 100%);content:"";mix-blend-mode:screen;opacity:var(--fairy-color-reveal);pointer-events:none}.three-scene-starfield{position:absolute;z-index:0;inset:-16%;background-position:center;background-repeat:no-repeat;background-size:cover;transform:translateZ(0) scale(1);transform-origin:center;will-change:transform;pointer-events:none}canvas{position:relative;z-index:1;display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.birthday-note-accessible-trigger{position:fixed;z-index:15;top:12px;left:12px;width:1px;height:1px;overflow:hidden;padding:0;border:0;background:#0b1c25;color:#bafff5;clip-path:inset(50%);font:600 14px/1.2 system-ui,sans-serif;white-space:nowrap}.birthday-note-accessible-trigger:focus-visible{width:auto;height:auto;overflow:visible;padding:10px 14px;border:1px solid rgba(119,246,233,.82);border-radius:999px;outline:2px solid #a8fff2;outline-offset:3px;box-shadow:0 0 28px #2ddede59;clip-path:none}.photo-modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:24px;background:#02030aa3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:photo-backdrop-in .32s ease-out both;touch-action:auto}.photo-modal{position:relative;width:min(86vw,430px);animation:photo-frame-in .42s cubic-bezier(.2,.8,.2,1) both}.photo-modal-close{position:absolute;z-index:4;top:-14px;right:-14px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(119,246,233,.76);border-radius:50%;background:#0b1c25;color:#9afbef;box-shadow:0 8px 24px #00000073;cursor:pointer;font:500 28px/1 system-ui,sans-serif;transition:background .18s ease,color .18s ease,transform .18s ease}.photo-modal-close:hover,.photo-modal-close:focus-visible{background:#9afbef;color:#07151c;outline:2px solid rgba(154,251,239,.56);outline-offset:2px;transform:rotate(90deg)}.photo-frame{position:relative;padding:18px;border:1px solid rgba(97,235,224,.82);background:linear-gradient(135deg,rgba(154,251,239,.12),transparent 28%),linear-gradient(315deg,rgba(40,209,202,.1),transparent 34%),#101827;box-shadow:0 0 0 7px #61ebe014,0 26px 80px #00000094,0 0 40px #28d1ca1f}.photo-frame:before,.photo-frame:after{position:absolute;content:"";pointer-events:none}.photo-frame:before{inset:8px;border:1px solid rgba(154,251,239,.34)}.photo-frame:after{inset:13px;border:1px solid rgba(40,209,202,.18)}.photo-frame-inner{position:relative;z-index:1;display:grid;min-height:min(64vh,540px);place-items:center;overflow:hidden;border:7px solid #3d2c2e;background:radial-gradient(circle at 50% 34%,rgba(40,209,202,.16),transparent 48%),#0a0b16;box-shadow:inset 0 0 0 1px #9afbef47,inset 0 0 34px #000000a3}.photo-frame-inner>img,.photo-placeholder img{display:block;width:100%;height:100%;object-fit:contain}.photo-placeholder{position:relative;display:grid;width:100%;height:100%;min-height:min(64vh,540px);place-items:center}.photo-placeholder img{width:78%;height:78%;opacity:.86;filter:saturate(.92) drop-shadow(0 12px 20px rgba(0,0,0,.48))}.photo-placeholder span{position:absolute;right:14px;bottom:12px;left:14px;color:#9afbefb8;font:500 11px/1.2 system-ui,sans-serif;letter-spacing:.2em;text-align:center;text-transform:uppercase}.birthday-message-backdrop{position:fixed;z-index:12;inset:0;display:grid;place-items:center;padding:24px;background:#02050db8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:photo-backdrop-in .26s ease-out both;touch-action:auto}.birthday-message-dialog{position:relative;width:min(90vw,560px);max-height:min(82vh,760px);overflow-y:auto;padding:clamp(28px,4vw,42px);border:1px solid rgba(119,246,233,.58);border-radius:22px;background:radial-gradient(ellipse at 50% 0%,rgba(43,201,207,.16),transparent 58%),linear-gradient(155deg,#111c30fa,#050a17fa);box-shadow:0 0 0 6px #41ddda14,0 28px 88px #000000ad,0 0 54px #2ddede24;color:#e8fcfa;animation:photo-frame-in .38s cubic-bezier(.2,.8,.2,1) both}.birthday-message-eyebrow{margin:0 38px 10px 0;color:#80f2e6;font:600 10px/1.4 system-ui,sans-serif;letter-spacing:.22em}.birthday-message-dialog h2{margin:0 36px 22px 0;color:#d4fff8;font:600 clamp(25px,5vw,34px)/1.15 Georgia,serif;text-shadow:0 0 22px rgba(68,226,218,.2)}.birthday-message-copy{color:#ebf8faeb;font:400 clamp(15px,2vw,17px)/1.7 system-ui,sans-serif}.birthday-message-copy p{margin:0 0 16px}.birthday-message-copy p:last-child{margin-bottom:0;color:#bffaf3}.photo-flower{position:absolute;z-index:3;width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 5px 7px rgba(0,0,0,.35));animation:photo-flower-breathe 2.8s ease-in-out infinite}.photo-flower--top{top:-17px;left:50%;transform:translate(-50%)}.photo-flower--left{top:50%;left:-17px;animation-delay:-.8s;transform:translateY(-50%) rotate(-12deg)}.photo-flower--right{top:50%;right:-17px;animation-delay:-1.6s;transform:translateY(-50%) rotate(12deg)}.photo-flower--bottom{bottom:-17px;left:50%;animation-delay:-2.2s;transform:translate(-50%)}@keyframes photo-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes photo-frame-in{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes photo-flower-breathe{0%,to{filter:drop-shadow(0 5px 7px rgba(0,0,0,.35))}50%{filter:drop-shadow(0 5px 12px rgba(46,214,232,.42))}}@media(max-width:600px){.photo-modal-backdrop{padding:20px}.birthday-message-backdrop{padding:16px}.birthday-message-dialog{box-sizing:border-box;width:min(88vw,440px);max-height:min(68vh,560px);padding:14px 18px;border-radius:18px}.birthday-message-dialog h2{margin-bottom:12px;font-size:22px}.birthday-message-copy{font-size:14px;line-height:1.35}.birthday-message-copy p{margin-bottom:8px}.photo-frame{padding:13px}.photo-frame-inner,.photo-placeholder{min-height:min(68vh,500px)}}@media(prefers-reduced-motion:reduce){.birthday-message-backdrop,.birthday-message-dialog{animation:none}.photo-modal-close{transition:none}}