:root{color:#fff7e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#10090f;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#10090f}body{background:#10090f;min-width:320px;min-height:100svh;margin:0;overflow-x:hidden}button,a{font:inherit}img,video{max-width:100%}#root{min-height:100svh}.birthday-experience{--bg:#0f0a12;--ink:#fff7e8;--muted:#fff7e8b8;--soft:#fff7e81f;--line:#fff7e838;--rose:#e45d86;--gold:#e9bd70;--teal:#6fcfc4;--violet:#7760bd;--plum:#251123;--navy:#09111f;--console:#081116;height:400svh;min-height:400vh;color:var(--ink);background:var(--bg);position:relative;overflow:clip}.birthday-stage{isolation:isolate;background:radial-gradient(90% 62% at 50% -16%, #e9bd7033, transparent 58%), radial-gradient(82% 68% at 17% 22%, #5f203d57, transparent 64%), radial-gradient(70% 58% at 88% 72%, #233a5857, transparent 68%), linear-gradient(160deg, var(--plum) 0%, var(--navy) 58%, #170c16 100%);width:100%;height:100svh;min-height:620px;transition:background .42s;position:relative;overflow:hidden}.birthday-stage:before{z-index:0;pointer-events:none;content:"";background:linear-gradient(#fff7e80a,#0000 28%,#0000003d),radial-gradient(90% 72%,#0000 38%,#0000006b 100%);position:absolute;inset:0}.birthday-stage--scene-2{background:radial-gradient(90% 62% at 50% -12%,#e9bd702e,#0000 60%),radial-gradient(78% 64% at 12% 18%,#6f234a52,#0000 66%),radial-gradient(80% 72% at 88% 76%,#27455e61,#0000 70%),linear-gradient(160deg,#1b1024 0%,#0a1220 58%,#160d17 100%)}.birthday-stage--scene-3{background:radial-gradient(76% 62% at 80% 8%,#7760bd33,#0000 62%),radial-gradient(82% 70% at 14% 80%,#285c5838,#0000 68%),linear-gradient(160deg,#071018 0%,#0f111b 62%,#180d17 100%)}.birthday-stage--scene-4{background:radial-gradient(92% 64% at 50% -12%,#e9bd7038,#0000 60%),radial-gradient(74% 64% at 13% 18%,#65233f57,#0000 65%),radial-gradient(82% 74% at 82% 82%,#2c395761,#0000 70%),linear-gradient(160deg,#21101e 0%,#0b1320 58%,#170c14 100%)}.ambient-layer,.particle-field,.intro-bursts,.iridescent-bg,.photo-composition{pointer-events:none;position:absolute;inset:0}.ambient-layer{z-index:0;overflow:hidden}.orb{filter:blur(30px);opacity:.28;mix-blend-mode:screen;border-radius:50%;display:block;position:absolute}.orb--rose{aspect-ratio:1;background:radial-gradient(circle,#e45d8694,#0000 68%);width:260px;top:8%;left:-18%}.orb--gold{aspect-ratio:1;background:radial-gradient(circle,#e9bd706b,#0000 70%);width:310px;bottom:4%;right:-22%}.orb--teal{aspect-ratio:1;background:radial-gradient(circle,#6fcfc447,#0000 72%);width:150px;top:44%;right:10%}.particle{--x:calc((var(--i) * 47px) % 100vw);--y:calc((var(--i) * 83px) % 100vh);left:var(--x);top:var(--y);opacity:.42;background:#fff7e87a;border-radius:999px;width:4px;height:4px;position:absolute;box-shadow:0 0 14px #fff7e85c}.particle:nth-child(3n){background:#e9bd7085;width:8px;height:2px}.particle:nth-child(4n){background:#e45d867a}.particle:nth-child(5n){background:#6fcfc46b}.birthday-scene{z-index:2;box-sizing:border-box;min-width:0;height:100svh;min-height:620px;padding:max(22px, env(safe-area-inset-top)) 22px max(70px, env(safe-area-inset-bottom));visibility:hidden;display:grid;position:absolute;inset:0}.intro-slide,.photos-slide{text-align:center;place-items:center}.intro-copy,.video-message,.final-copy{z-index:5;position:relative}.intro-title,.final-copy h2{max-width:11ch;color:var(--ink);letter-spacing:0;text-wrap:balance;text-shadow:0 0 22px #ff5d935c,0 12px 50px #00000075;margin:0 auto;font-size:clamp(54px,15vw,86px);font-weight:900;line-height:.92}.intro-subtitle,.final-copy p,.final-copy span{color:var(--muted);text-wrap:balance;margin:22px auto 0;font-size:clamp(22px,6vw,36px);font-weight:800;line-height:1.14;display:block}.intro-burst{--angle:calc(var(--i) * 20deg);background:linear-gradient(to bottom, var(--gold), #ff5d9300);width:5px;height:clamp(34px,9vw,58px);transform:rotate(var(--angle)) translateY(clamp(-190px, -38vw, -130px));transform-origin:50% clamp(190px,38vw,130px);filter:drop-shadow(0 0 14px #ffc75fb8);border-radius:999px;position:absolute;top:50%;left:50%}.intro-burst:nth-child(3n){background:linear-gradient(to bottom, var(--teal), #46ead400)}.videos-slide{place-items:center;overflow:hidden}.iridescent-bg{z-index:1;opacity:.72;filter:blur(1px)saturate(1.04);background:radial-gradient(80% 58% at 18% 24%,#e45d8633,#0000 64%),radial-gradient(74% 64% at 86% 78%,#6fcfc429,#0000 68%),linear-gradient(120deg,#e9bd7014,#7760bd1a,#0a122000);animation:12s ease-in-out infinite alternate shimmer-bg}.video-grid{z-index:2;position:absolute;inset:0}.video-card{aspect-ratio:.76;filter:drop-shadow(0 18px 34px #00000057)drop-shadow(0 0 22px #e9bd7024);width:min(36vw,158px);margin:0;position:absolute}.video-card video{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block}.video-card--top-left{left:15px;top:max(26px, env(safe-area-inset-top));transform:rotate(-5deg)}.video-card--top-right{right:15px;top:max(26px, env(safe-area-inset-top));transform:rotate(5deg)}.video-card--bottom-left{left:15px;bottom:max(76px, env(safe-area-inset-bottom));transform:rotate(4deg)}.video-card--bottom-right{right:15px;bottom:max(76px, env(safe-area-inset-bottom));transform:rotate(-4deg)}.video-message{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;background:#0e0812a8;border:1px solid #fff7e83d;border-radius:8px;width:min(72vw,420px);padding:18px 18px 20px;box-shadow:0 22px 70px #0000006b,0 0 40px #46ead424}.video-message p{color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(29px,8.2vw,48px);font-weight:900;line-height:.98}.video-message span{color:var(--gold);margin-top:12px;font-size:clamp(20px,5.5vw,28px);font-weight:900;display:block}.code-slide{align-content:center;gap:12px;padding-inline:14px}.ide-window,.console-window{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081116c7;border:1px solid #46ead43d;border-radius:8px;min-width:0;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000006b,0 0 36px #46ead421,inset 0 1px #ffffff14}.window-bar{color:#fff7e8b8;background:#fff7e80f;border-bottom:1px solid #fff7e81f;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:12px;font-weight:800;display:flex}.window-bar span{background:var(--rose);border-radius:50%;width:8px;height:8px}.window-bar span:nth-child(2){background:var(--gold)}.window-bar span:nth-child(3){background:var(--teal);margin-right:4px}.window-bar--console{color:var(--teal)}.code-panel{color:#dffcf8;text-align:left;white-space:pre;scrollbar-width:thin;max-height:48svh;margin:0;padding:13px 12px 15px;font:700 clamp(10.5px,2.65vw,13px)/1.55 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:auto}.code-panel code,.code-line{display:block}.code-line:nth-child(4n),.output-line:nth-child(3n){color:#ffe3a1}.code-line:nth-child(5n),.output-line:nth-child(4n){color:#91fff1}.console-output{color:#dffcf8;text-align:left;min-height:130px;padding:13px 14px 16px;font:800 clamp(12px,3.1vw,14px)/1.46 ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.output-line{margin:0}.cursor{background:var(--teal);width:8px;height:15px;margin-top:6px;animation:1s steps(2,start) infinite blink;display:inline-block;box-shadow:0 0 15px #46ead4cc}.photos-slide{overflow:hidden}.photo-card{--base-rotate:0deg;filter:drop-shadow(0 22px 42px #0000006b)drop-shadow(0 0 24px #e9bd7021);transform-origin:50%;width:min(40vw,170px);transform:translate3d(var(--fly-x,0px), var(--fly-y,0px), 0) rotate(calc(var(--base-rotate) + var(--fly-rotate,0deg))) scale(var(--fly-scale,1));will-change:transform;border-radius:13px;margin:0;position:absolute}.photo-card img{aspect-ratio:.8;object-fit:cover;border-radius:13px;width:100%;display:block}.photo-card--top-left{top:max(32px, env(safe-area-inset-top));--base-rotate:-9deg;left:14px}.photo-card--top-right{top:max(44px, env(safe-area-inset-top));--base-rotate:8deg;right:12px}.photo-card--bottom-left{left:18px;bottom:max(78px, env(safe-area-inset-bottom));--base-rotate:7deg}.photo-card--bottom-right{right:16px;bottom:max(90px, env(safe-area-inset-bottom));--base-rotate:-7deg}.final-copy{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10090f9e;border:1px solid #fff7e838;border-radius:8px;width:min(78vw,520px);padding:18px 16px 20px;box-shadow:0 24px 76px #00000070,0 0 42px #ff5d9321}.final-copy h2{font-size:clamp(42px,11vw,72px)}.final-copy p{color:var(--gold)}.final-copy span{margin-top:10px;font-size:clamp(17px,4.7vw,25px)}@keyframes shimmer-bg{0%{transform:scale(1.04)translate(-1.5%,-1%)}to{transform:scale(1.08)translate(1.5%,1%)}}@keyframes blink{50%{opacity:0}}@media (width>=560px){.birthday-scene{padding-inline:40px}.video-card,.photo-card{width:min(28vw,210px)}.code-slide{grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);align-items:center;gap:18px;padding-inline:32px}.code-panel{max-height:66svh}}@media (width>=900px){.birthday-stage{min-height:720px}.birthday-scene{min-height:720px;padding:58px 8vw 72px}.intro-title{max-width:14ch;font-size:clamp(78px,8vw,126px)}.intro-subtitle{font-size:34px}.video-card{width:min(19vw,240px)}.video-card--top-left,.photo-card--top-left{left:6vw}.video-card--top-right,.photo-card--top-right{right:6vw}.video-card--bottom-left,.photo-card--bottom-left{left:8vw}.video-card--bottom-right,.photo-card--bottom-right{right:8vw}.photo-card{width:min(19vw,250px)}.final-copy{width:min(560px,50vw)}}@media (width<=390px){.birthday-scene{padding-inline:16px}.intro-title{font-size:49px}.video-card{width:34vw}.video-message{width:68vw;padding-inline:12px}.video-message p{font-size:27px}.photo-card{width:37vw}.final-copy{width:74vw}.final-copy h2{font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.orb,.particle,.intro-burst{opacity:.35}}