@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=DM+Mono:wght@300;400;500&family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Caveat:wght@500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--midnight:#050510;--deep-navy:#0a0a1f;--purple-dark:#1a0a2e;--purple-mid:#2d1b4e;--purple-light:#6b3fa0;--pink-deep:#c2185b;--pink-mid:#e91e8c;--pink-light:#f8a5c2;--gold:#f4c430;--gold-light:#ffeaa0;--cream:#fef9f0;--white:#fff;--font-serif:"Playfair Display", Georgia, serif;--font-mono:"DM Mono", "Courier New", monospace;--font-elegant:"Cormorant Garamond", Georgia, serif;--font-hand:"Caveat", "Brush Script MT", cursive}html,body{background:var(--midnight);width:100%;height:100%;color:var(--white);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100dvh}.alive-dot{pointer-events:none;z-index:20;background:#ffffff8c;border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite alivePulse;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}@keyframes alivePulse{0%,to{opacity:.25;transform:translate(-50%)scale(1)}50%{opacity:.7;transform:translate(-50%)scale(1.5)}}.start-scene{background:var(--midnight);cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.start-orb{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.start-orb-1{background:radial-gradient(circle,#6b3fa073 0%,#0000 70%);width:min(72vw,480px);height:min(72vw,480px);animation:20s ease-in-out infinite alternate orb1Drift;top:-18%;left:-12%}.start-orb-2{background:radial-gradient(circle,#e91e8c4d 0%,#0000 70%);width:min(58vw,380px);height:min(58vw,380px);animation:25s ease-in-out infinite alternate orb2Drift;bottom:-10%;right:-12%}.start-orb-3{background:radial-gradient(circle,#2d1b4eb3 0%,#0000 70%);width:min(40vw,260px);height:min(40vw,260px);animation:18s ease-in-out infinite alternate orb3Drift;top:35%;left:20%}@keyframes orb1Drift{0%{transform:translate(0)scale(1)}to{transform:translate(18%,22%)scale(1.18)}}@keyframes orb2Drift{0%{transform:translate(0)scale(1)}to{transform:translate(-22%,-18%)scale(1.22)}}@keyframes orb3Drift{0%{transform:translate(0)scale(1)}to{transform:translate(-28%,12%)scale(.82)}}.start-grain{pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;animation:.4s step-end infinite grainShift;position:absolute;inset:-100px}@keyframes grainShift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(3%,2%)}80%{transform:translate(-2%,3%)}to{transform:translate(1%,-1%)}}.start-vignette{pointer-events:none;background:radial-gradient(80% 90%,#0000 40%,#050510b3 100%);position:absolute;inset:0}.start-content{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:0;padding:0 40px;display:flex;position:relative}.start-for{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;color:#f8a5c2a6;margin-bottom:26px;font-size:clamp(10px,2.6vw,12px)}.start-rule{transform-origin:50%;background:linear-gradient(90deg,#0000,#f8a5c273,#0000);width:56px;height:1px;margin-bottom:26px}.start-title{font-family:var(--font-serif);color:var(--white);letter-spacing:-.025em;text-shadow:0 0 100px #6b3fa08c,0 0 40px #e91e8c33,0 4px 30px #0009;margin-bottom:34px;font-size:clamp(42px,13vw,76px);font-style:italic;font-weight:700;line-height:1}.start-ornament{align-items:center;gap:14px;margin-bottom:18px;display:flex}.start-ornament-dash{background:#f8a5c24d;width:38px;height:1px;display:block}.start-ornament-heart{color:#e91e8cbf;font-size:11px;animation:2.8s ease-in-out infinite heartPulse}@keyframes heartPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.start-dates{font-family:var(--font-mono);letter-spacing:.14em;color:#ffffff38;margin-bottom:52px;font-size:clamp(9px,2.4vw,11px)}.start-hint{font-family:var(--font-elegant);color:#ffffff73;letter-spacing:.02em;font-size:clamp(14px,3.8vw,17px);font-style:italic}.start-loader{z-index:15;pointer-events:none;flex-direction:column;align-items:center;gap:14px;width:min(72vw,240px);display:flex;position:absolute;bottom:clamp(34px,8vw,56px);left:50%;transform:translate(-50%)}.start-loader-text{font-family:var(--font-mono);letter-spacing:.32em;text-transform:lowercase;color:#f8a5c28c;font-size:clamp(9px,2.4vw,11px);animation:2.4s ease-in-out infinite loaderTextBreathe}@keyframes loaderTextBreathe{0%,to{opacity:.55}50%{opacity:.95}}.start-loader-bar{background:#ffffff14;width:100%;height:1px;position:relative;overflow:hidden}.start-loader-fill{transform-origin:0;background:linear-gradient(90deg,#f8a5c2b3 0%,#e91e8cd9 60%,#f4c430d9 100%);position:absolute;inset:0;box-shadow:0 0 8px #e91e8c66}.terminal-scene{background:var(--midnight);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.terminal-scene:before{content:"";pointer-events:none;background:radial-gradient(70% 60%,#6b3fa01f 0%,#0000 70%);position:absolute;inset:0}.terminal-scene:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000 0 3px,#0000000f 3px 4px);position:absolute;inset:0}.terminal-window{z-index:2;background:#0a0a18;border:1px solid #6b3fa061;border-radius:14px;width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #6b3fa01f,0 24px 70px #000000d9,0 0 60px #6b3fa01f,inset 0 1px #ffffff0a}.terminal-bar{background:#12121f;border-bottom:1px solid #6b3fa02e;align-items:center;gap:8px;padding:13px 16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28c940}.terminal-title{font-family:var(--font-mono);color:#ffffff4d;letter-spacing:.05em;margin-left:auto;font-size:12px}.terminal-body{flex-direction:column;gap:11px;min-height:230px;padding:26px 22px 30px;display:flex}.terminal-line{font-family:var(--font-mono);color:#a2d2a2e0;letter-spacing:.02em;align-items:center;gap:2px;font-size:clamp(13px,3.5vw,15px);line-height:1.5;display:flex}.line-success{color:#4ade80;text-shadow:0 0 12px #4ade8059;font-weight:500}.line-loading{color:#c094ffe6;text-shadow:0 0 12px #c094ff40}.cursor{background:#a2d2a2e0;width:2px;height:1.1em;margin-left:2px;animation:.9s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chapter-scene{justify-content:flex-start;align-items:flex-end;display:flex;position:absolute;inset:0}.chapter-bg,.chapter-media-wrap{position:absolute;inset:0}.chapter-media{object-fit:cover;object-position:center top;width:100%;height:100%}.chapter-mosaic{background:#050510;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3px;display:grid;position:absolute;inset:0}.chapter-mosaic img{object-fit:cover;object-position:center;width:100%;height:100%;animation:1s ease-out both mosaicFadeIn}.chapter-mosaic img:first-child{animation-delay:0s}.chapter-mosaic img:nth-child(2){animation-delay:.12s}.chapter-mosaic img:nth-child(3){animation-delay:.24s}.chapter-mosaic img:nth-child(4){animation-delay:.36s}@keyframes mosaicFadeIn{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.chapter-media-inset{aspect-ratio:3/4;object-fit:cover;object-position:center 35%;z-index:5;border:2px solid #ffffff38;border-radius:6px;width:min(26vw,108px);position:absolute;top:38%;right:14px;transform:rotate(2.5deg);box-shadow:0 10px 36px #000000a6,0 2px 8px #0006}.chapter-placeholder{background:#050510;width:100%;height:100%;position:relative;overflow:hidden}.cph-orb{pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.cph-orb-1{background:radial-gradient(circle, color-mix(in srgb, var(--chapter-accent) 40%, transparent) 0%, transparent 70%);width:min(90vw,560px);height:min(90vw,560px);animation:22s ease-in-out infinite alternate cphOrb1;top:-25%;left:-15%}.cph-orb-2{background:radial-gradient(circle, color-mix(in srgb, var(--chapter-accent) 28%, transparent) 0%, transparent 70%);width:min(70vw,440px);height:min(70vw,440px);animation:28s ease-in-out infinite alternate cphOrb2;bottom:-20%;right:-15%}.cph-orb-3{background:radial-gradient(circle,#2d1b4e8c 0%,#0000 70%);width:min(50vw,300px);height:min(50vw,300px);animation:19s ease-in-out infinite alternate cphOrb3;top:40%;left:35%}@keyframes cphOrb1{0%{transform:translate(0)scale(1)}to{transform:translate(20%,25%)scale(1.2)}}@keyframes cphOrb2{0%{transform:translate(0)scale(1)}to{transform:translate(-25%,-20%)scale(1.15)}}@keyframes cphOrb3{0%{transform:translate(0)scale(1)}to{transform:translate(-30%,15%)scale(.8)}}.cph-grain{pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px 180px;animation:.45s step-end infinite cphGrain;position:absolute;inset:-80px}@keyframes cphGrain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(3%,2%)}to{transform:translate(0)}}.cph-year-wrap{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cph-year{font-family:var(--font-serif);letter-spacing:-.06em;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--chapter-accent) 22%, white 5%);-webkit-user-select:none;user-select:none;font-size:clamp(100px,32vw,200px);font-style:italic;font-weight:700;animation:6s ease-in-out infinite yearBreathe}@keyframes yearBreathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.75;transform:scale(1.015)}}.chapter-overlay{background:linear-gradient(#05051014 0%,#05051073 55%,#050510f7 100%);position:absolute;inset:0}.chapter-text{z-index:10;max-width:540px;padding:clamp(24px,6vw,48px) clamp(24px,6vw,48px) clamp(52px,12vw,88px);position:relative}.chapter-year{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--chapter-accent,var(--purple-light));opacity:.95;margin-bottom:10px;font-size:clamp(10px,2.8vw,12px)}.chapter-title{font-family:var(--font-serif);color:var(--white);text-shadow:0 2px 24px #0000008c;margin-bottom:10px;font-size:clamp(27px,7.5vw,44px);font-style:italic;font-weight:700;line-height:1.12}.chapter-subtitle{font-family:var(--font-mono);color:#ffffff7a;letter-spacing:.12em;margin-bottom:18px;font-size:clamp(11px,2.8vw,13px)}.chapter-message{font-family:var(--font-elegant);color:#ffffffd6;max-width:420px;font-size:clamp(16px,4.2vw,20px);font-style:italic;line-height:1.72}.chapter-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:clamp(18px,5vw,28px);right:clamp(18px,5vw,28px)}.chapter-dot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .3s}.chapter-dot.active{background:var(--chapter-accent,var(--purple-light));transform:scale(1.4)}.heartfelt-scene{justify-content:center;align-items:center;padding:24px 18px;display:flex;position:absolute;inset:0;overflow:hidden}.heartfelt-bg{background:radial-gradient(ellipse 90% 80% at 50% 50%, #c2185b33 0%, #6b3fa024 45%, var(--midnight) 82%);position:absolute;inset:0}.heartfelt-ambient{filter:blur(8px);pointer-events:none;background:radial-gradient(circle,#f4c4302e 0%,#f4c4300f 30%,#0000 65%);width:min(120vw,720px);height:min(120vw,720px);animation:6s ease-in-out infinite candleFlicker;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes candleFlicker{0%,to{opacity:.85;transform:translate(-50%,-50%)scale(1)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.03)}70%{opacity:.78;transform:translate(-50%,-50%)scale(.99)}}.heartfelt-bg:after{content:"";opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px;animation:.45s step-end infinite hfGrain;position:absolute;inset:-80px}@keyframes hfGrain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(3%,2%)}to{transform:translate(0)}}.letter-stage{perspective:1200px;z-index:10;width:100%;max-width:430px;position:relative}.letter-paper{background:radial-gradient(at 30% 0,#fff8e8 0%,#faf0d4 65%,#f3e6c0 100%);border-radius:2px;padding:48px 30px 38px;position:relative;transform:rotate(-1.1deg);box-shadow:inset 0 0 0 1px #8c5f281a,inset 0 0 70px #8c5f2814,inset 0 -2px #784b1e0d,0 2px 2px #0000002e,0 8px 18px #00000059,0 28px 60px #14001e8c}.letter-paper:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#784b1e14 20%,#784b1e1f 50%,#784b1e14 80%,#0000 100%);height:1px;position:absolute;top:50%;left:0;right:0}.paper-grain{opacity:.08;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35  0 0 0 0 0.22  0 0 0 0 0.10  0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");background-size:240px;position:absolute;inset:0}.paper-edge-top,.paper-edge-bottom{pointer-events:none;height:8px;position:absolute;left:0;right:0}.paper-edge-top{background:linear-gradient(#784b1e38,#0000);top:0}.paper-edge-bottom{background:linear-gradient(#0000,#784b1e38);bottom:0}.wax-seal{z-index:4;background:radial-gradient(circle at 35% 30%,#d04040 0%,#a01818 38%,#6a0a0a 72%,#3a0303 100%);border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;display:flex;position:absolute;top:-22px;right:20px;box-shadow:inset -4px -5px 10px #0000008c,inset 3px 4px 8px #ffb48c38,0 6px 16px #500808a6,0 1px #ffc8b42e}.wax-seal:before{content:"";pointer-events:none;border:1px dashed #ffc8b42e;border-radius:50%;position:absolute;inset:4px}.wax-shine{filter:blur(1px);pointer-events:none;background:radial-gradient(#ffdcc866 0%,#0000 70%);border-radius:50%;width:18px;height:12px;position:absolute;top:8px;left:12px;transform:rotate(-25deg)}.wax-monogram{font-family:var(--font-serif);color:#ffd7b9c7;text-shadow:0 -1px #0009,0 1px 1px #ffdcb426;z-index:1;font-size:30px;font-style:italic;font-weight:700;position:relative}.letter-content{z-index:2;position:relative}.letter-greeting{font-family:var(--font-elegant);color:#170800;letter-spacing:.005em;margin-bottom:22px;font-size:clamp(24px,6.8vw,30px);font-style:italic;font-weight:500}.letter-greeting em{font-family:var(--font-hand);color:#4a0e0e;letter-spacing:.005em;margin-left:2px;font-size:1.35em;font-style:normal;font-weight:700}.letter-body{flex-direction:column;gap:14px;margin-bottom:26px;display:flex}.letter-para{font-family:var(--font-elegant);color:#1a0a02;letter-spacing:.008em;font-size:clamp(14.5px,4.1vw,17px);font-style:italic;font-weight:500;line-height:1.72}.letter-para:first-letter{letter-spacing:.01em;font-size:1.15em}.letter-signoff{text-align:right;margin-top:16px;padding-right:8px;position:relative}.signoff-yours{font-family:var(--font-elegant);color:#2a1408;letter-spacing:.01em;margin-bottom:2px;font-size:clamp(14px,3.8vw,16px);font-style:italic}.signoff-name{font-family:var(--font-hand);color:#150700;letter-spacing:.005em;text-shadow:0 1px #00000014,0 0 2px #3c1e0a26;font-size:clamp(40px,12vw,52px);font-weight:700;line-height:.9;display:inline-block;transform:rotate(-2deg)}.signoff-heart{color:#8a1818;margin-left:6px;font-size:18px;display:inline-block;transform:translateY(-12px)rotate(8deg)}.letter-tap-hint{z-index:20;font-family:var(--font-elegant);color:#ffe6d28c;letter-spacing:.06em;pointer-events:none;white-space:nowrap;align-items:center;gap:9px;font-size:13px;font-style:italic;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.letter-tap-hint span:first-child{animation:2.8s ease-in-out infinite tapHintBreathe}.tap-hint-dot{background:#ffdcc880;border-radius:50%;width:4px;height:4px;animation:2.8s ease-in-out .4s infinite tapHintBreathe}@keyframes tapHintBreathe{0%,to{opacity:.45}50%{opacity:.9}}.final-scene{justify-content:center;align-items:center;padding:22px 20px;display:flex;position:absolute;inset:0;overflow:hidden}.final-bg{position:absolute;inset:0}.final-bg:before{content:"";background:radial-gradient(ellipse 75% 70% at 50% 50%, #f4c43024 0%, #e91e8c24 40%, var(--midnight) 78%);position:absolute;inset:0}.final-bg:after{content:"";background:radial-gradient(circle,#f4c43014 0%,#0000 70%);border-radius:50%;width:55vw;max-width:360px;height:55vw;max-height:360px;animation:3.5s ease-in-out infinite finalAura;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes finalAura{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}.final-ask{z-index:10;text-align:center;max-width:420px;position:relative}.final-eyebrow{font-family:var(--font-mono);letter-spacing:.28em;text-transform:uppercase;color:#f4c4308c;margin-bottom:18px;font-size:clamp(10px,2.8vw,12px)}.final-headline{font-family:var(--font-serif);color:var(--white);text-shadow:0 0 50px #e91e8c73,0 0 20px #f4c43033,0 4px 24px #0000008c;margin-bottom:18px;font-size:clamp(38px,11vw,68px);font-style:italic;font-weight:700;line-height:1}.final-sub{font-family:var(--font-elegant);color:#ffffffb8;margin-bottom:34px;font-size:clamp(14px,3.8vw,18px);font-style:italic;line-height:1.6}.final-btn{cursor:pointer;font-family:var(--font-serif);color:var(--white);-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#e91e8c 0%,#c2185b 100%);border:none;border-radius:60px;justify-content:center;align-items:center;gap:8px;padding:15px 42px;font-size:clamp(15px,3.8vw,18px);font-style:italic;font-weight:700;transition:box-shadow .2s,transform .15s;animation:2.2s ease-in-out infinite btnPulse;display:inline-flex;box-shadow:0 8px 36px #e91e8c80,0 0 #e91e8c00}.final-btn:active{transform:scale(.96)}@keyframes btnPulse{0%,to{box-shadow:0 8px 36px #e91e8c80,0 0 #e91e8c59}50%{box-shadow:0 8px 36px #e91e8c99,0 0 0 12px #e91e8c00}}.final-celebration{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:440px;max-height:100%;display:flex;position:relative}.final-hero-photo{aspect-ratio:3/4;border:2px solid #f4c43059;border-radius:18px;width:clamp(150px,42vw,240px);max-height:38vh;overflow:hidden;box-shadow:0 0 60px #f4c43033,0 20px 60px #0009}.final-hero-photo img{object-fit:cover;object-position:center top;width:100%;height:100%}.final-birthday{font-family:var(--font-serif);color:var(--white);font-size:clamp(24px,7vw,42px);font-style:italic;font-weight:700;line-height:1.16;animation:4.5s ease-in-out infinite birthdayGlow}@keyframes birthdayGlow{0%,to{text-shadow:0 0 40px #f4c43061,0 2px 20px #00000080}50%{text-shadow:0 0 72px #f4c4309e,0 0 32px #f8a5c252,0 2px 20px #00000080}}.final-forever{font-family:var(--font-elegant);color:#f4c430b3;letter-spacing:.05em;font-size:clamp(13px,3.4vw,16px);font-style:italic;line-height:1.4}.final-always{font-family:var(--font-hand);color:#f4c430b8;letter-spacing:.01em;text-shadow:0 0 18px #f4c43040;margin-top:4px;font-size:clamp(22px,6vw,30px);font-weight:600;animation:5s ease-in-out 11s infinite alwaysBreathe}@keyframes alwaysBreathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.985)}}.sp-track{z-index:200;pointer-events:none;background:#ffffff0f;height:2px;position:absolute;top:0;left:0;right:0}.sp-fill{transform-origin:0;background:linear-gradient(90deg, var(--purple-light) 0%, var(--pink-mid) 55%, var(--gold) 100%);border-radius:0 1px 1px 0;position:absolute;inset:0;box-shadow:0 0 8px #e91e8c80}.app{background:#050510;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.app:before{content:"";pointer-events:none;background:radial-gradient(60% 50% at 50% 35%,#2d1b4e73 0%,#0000 60%),radial-gradient(50% 40% at 50% 80%,#6b3fa02e 0%,#0000 60%);position:absolute;inset:0}.app:after{content:"";opacity:.028;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:180px;position:absolute;inset:-80px}.app-frame{background:var(--midnight);width:100%;height:100dvh;position:relative;overflow:hidden}@media (width>=540px){.app-frame{border-radius:32px;width:min(440px,46.1538vh - 18.4615px);height:min(100vh - 40px,953.333px);box-shadow:0 0 0 1px #ffffff0a,0 0 0 8px #0f081c99,0 0 0 9px #ffffff08,0 40px 100px #000000b3,0 0 140px #6b3fa02e}}