:root{--font-title: "Montserrat", sans-serif;--font-serif: "Playfair Display", serif;--font-sans: "Montserrat", sans-serif;--color-bg-deep: #02000a;--color-bg-space: #050616;--color-accent-gold: #f6d365;--color-accent-gold-bright: #fda085;--color-accent-purple: #7928ca;--color-accent-cyan: #00f2fe;--color-accent-pink: #ff007f;--color-accent-ruby: #a10d1a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .78);--color-text-muted: rgba(255, 255, 255, .45);--glass-bg: rgba(6, 4, 22, .55);--glass-bg-hover: rgba(20, 14, 45, .7);--glass-border: rgba(255, 255, 255, .14);--glass-border-gold: rgba(246, 211, 101, .45);--glass-shadow: 0 12px 40px 0 rgba(0, 0, 0, .65);--glow-gold: 0 0 30px rgba(246, 211, 101, .65);--glow-cyan: 0 0 30px rgba(0, 242, 254, .65)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;background-color:var(--color-bg-deep);color:var(--color-text-primary);font-family:var(--font-sans);-webkit-user-select:none;user-select:none}canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.app-container{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;background:#02000a}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ui-overlay-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:2.2rem 2.8rem}.ui-interactive{pointer-events:auto}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel-gold{border-color:var(--glass-border-gold);box-shadow:var(--glass-shadow),0 0 20px #f6d36538}.glass-panel-gold:hover{border-color:#f6d365cc;box-shadow:var(--glass-shadow),var(--glow-gold)}.cinematic-title{font-family:var(--font-title);font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#fff,#f6d365,#fda085);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cinematic-subtitles{position:absolute;bottom:9%;left:50%;transform:translate(-50%);text-align:center;max-width:860px;width:90%;pointer-events:none;z-index:20}.subtitle-text{font-family:var(--font-serif);font-size:clamp(1.2rem,2.4vw,1.95rem);font-style:italic;line-height:1.65;text-shadow:0 4px 18px rgba(0,0,0,.9),0 0 24px rgba(246,211,101,.45);color:#fff9ed;letter-spacing:.02em}.top-controls-bar{display:flex;justify-content:space-between;align-items:center;width:100%}.audio-toggle-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;padding:.65rem 1.15rem;border-radius:30px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;display:inline-flex;align-items:center;gap:.55rem;font-size:.85rem;font-weight:500;transition:all .3s ease}.audio-toggle-btn:hover{background:var(--glass-bg-hover);border-color:var(--color-accent-gold);box-shadow:0 0 16px #f6d36573;transform:translateY(-2px)}.timeline-tracker{display:flex;align-items:center;gap:.55rem;background:var(--glass-bg);padding:.45rem .95rem;border-radius:20px;border:1px solid var(--glass-border);font-size:.78rem;letter-spacing:.12em;color:var(--color-accent-gold);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.prompt-click-gift{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.2rem;cursor:pointer;z-index:30}.gift-ring-pulse{width:140px;height:140px;border-radius:50%;border:2px dashed rgba(246,211,101,.85);animation:spinRing 14s linear infinite;display:flex;align-items:center;justify-content:center;box-shadow:0 0 35px #f6d36559}.gift-pulse-inner{width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(246,211,101,.35) 0%,transparent 70%);animation:pulseScale 2s ease-in-out infinite}.skip-intro-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--color-text-secondary);padding:.5rem .95rem;border-radius:10px;font-size:.78rem;cursor:pointer;transition:all .25s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.skip-intro-btn:hover{color:#fff;border-color:var(--color-accent-gold);box-shadow:0 0 12px #f6d36559}.geo-label{display:flex;align-items:center;gap:.6rem;background:#040310d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(246,211,101,.8);box-shadow:0 0 20px #f6d36573;border-radius:24px;padding:.35rem .95rem;white-space:nowrap;pointer-events:none}.geo-label-dot{width:8px;height:8px;border-radius:50%;background:#f6d365;box-shadow:0 0 10px #f6d365}.geo-label-text{display:flex;flex-direction:column;line-height:1.25}.geo-label-text strong{color:#fff;font-size:.78rem;letter-spacing:.04em}.geo-label-text span{color:#38bdf8;font-size:.65rem;font-family:var(--font-sans)}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseScale{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.18);opacity:1}}.greeting-overlay-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:.5rem 1rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.greeting-top-bar{position:absolute;top:1rem;left:1.25rem;right:1.25rem;display:flex;justify-content:space-between;align-items:center;z-index:30;pointer-events:auto}.card-swipe-container{position:relative;width:100%;max-width:530px;display:flex;align-items:center;justify-content:center;pointer-events:auto}@media(max-width:600px){.greeting-card-luxury.compact-fit{max-width:calc(100vw - 1rem);max-height:calc(100vh - 2.2rem);padding:.55rem .75rem;border-radius:16px}.greeting-top-bar{top:.6rem;left:.6rem;right:.6rem}.greeting-top-bar .skip-intro-btn{padding:.35rem .65rem!important;font-size:.74rem!important}.card-theme-tabs-row{gap:.22rem}.card-theme-tab-pill{font-size:.64rem;padding:.16rem .45rem}.greeting-wish-box.compact{padding:.5rem .75rem;margin-bottom:.3rem}.greeting-wish-text.compact{font-size:clamp(.76rem,3.4vw,.88rem);line-height:1.45}.greeting-name.compact{font-size:clamp(1.25rem,5.2vw,1.65rem)}.greeting-photo-container.compact{width:86px;height:86px;margin:.25rem auto .4rem}}.greeting-card-luxury.compact-fit{pointer-events:auto;position:relative;width:100%;max-width:480px;max-height:calc(100vh - 2.8rem);margin:auto;padding:clamp(.65rem,1.4vh,.95rem) clamp(.9rem,2vw,1.25rem);border-radius:20px;background:linear-gradient(145deg,#0e0a1a6b,#0806127a);border:1px solid rgba(246,211,101,.55);box-shadow:0 16px 45px #0000008c,0 0 25px #f6d36529,inset 0 1px #ffffff2e;text-align:center;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-user-select:none;user-select:none;touch-action:pan-y;cursor:grab;overflow:hidden}.greeting-card-luxury.compact-fit:active{cursor:grabbing}.card-compact-header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:.15rem}.card-header-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;padding:.18rem .55rem;border-radius:12px;background:#00000073;border:1px solid}.card-swipe-hint-pill{font-size:.65rem;color:#e2e8f0;letter-spacing:.04em;background:#ffffff14;border:1px solid rgba(255,255,255,.15);padding:.16rem .5rem;border-radius:12px}.greeting-name.compact{font-family:var(--font-serif),"Playfair Display",serif;font-size:clamp(1.4rem,2.6vw,1.85rem);font-weight:700;margin-bottom:.12rem;letter-spacing:.02em;background:linear-gradient(135deg,#fff 15%,#ffeaa7 55%,#f6d365);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 14px rgba(246,211,101,.55))}.greeting-photo-container.compact{width:104px;height:104px;margin:.35rem auto .55rem;border-radius:50%;position:relative;cursor:pointer;box-shadow:0 0 22px #f6d3656b}.card-theme-tabs-row{display:flex;justify-content:center;gap:.35rem;margin-bottom:.35rem}.card-theme-tab-pill{background:#ffffff0f;border:1px solid rgba(255,255,255,.16);color:#94a3b8;font-size:.7rem;padding:.2rem .55rem;border-radius:16px;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.3rem;transition:all .3s ease}.card-theme-tab-pill.active{background:#f6d36538;border-color:#f6d365;color:#fff;font-weight:600;box-shadow:0 0 12px #f6d36559}.greeting-wish-box.compact{position:relative;background:#ffffff0a;border:1px solid rgba(246,211,101,.3);border-radius:14px;padding:.6rem .95rem;margin-bottom:.35rem;text-align:center;box-shadow:0 4px 18px #00000059,inset 0 0 12px #f6d3650a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.greeting-wish-text.compact{font-family:var(--font-serif),Georgia,serif;font-size:clamp(.82rem,1.25vw,.92rem);line-height:1.5;color:#fff;font-style:italic;letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,0,0,.95);margin:0}.card-pagination-dots{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-bottom:.35rem}.pagination-dot{width:7px;height:7px;border-radius:50%;background:#ffffff40;border:none;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;padding:0;transition:all .25s ease}.pagination-dot.active{width:20px;border-radius:10px}.greeting-actions.compact{display:flex;justify-content:center;align-items:center;gap:.55rem}.greeting-btn-gold.compact{padding:.42rem 1.35rem;font-size:.8rem;border-radius:24px}.corner-bracket{position:absolute;width:22px;height:22px;border-color:#f6d365;pointer-events:none;filter:drop-shadow(0 0 6px #f6d365)}.corner-bracket.top-left{top:-4px;left:-4px;border-top:2.5px solid #f6d365;border-left:2.5px solid #f6d365}.corner-bracket.top-right{top:-4px;right:-4px;border-top:2.5px solid #f6d365;border-right:2.5px solid #f6d365}.corner-bracket.bottom-left{bottom:-4px;left:-4px;border-bottom:2.5px solid #f6d365;border-left:2.5px solid #f6d365}.corner-bracket.bottom-right{bottom:-4px;right:-4px;border-bottom:2.5px solid #f6d365;border-right:2.5px solid #f6d365}.greeting-photo-container{width:120px;height:120px;margin:1rem auto;border-radius:50%;position:relative;cursor:pointer;box-shadow:0 0 25px #f6d36573}.greeting-photo-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px dashed rgba(246,211,101,.7);animation:spinRing 16s linear infinite}.greeting-photo-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#f6d36533,#a10d1a66);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid rgba(246,211,101,.9)}.greeting-photo-inner img{width:100%;height:100%;object-fit:cover}.greeting-name{font-family:var(--font-serif),"Playfair Display",serif;font-size:clamp(2rem,4.2vw,2.7rem);font-weight:700;margin-bottom:.4rem;letter-spacing:.02em;background:linear-gradient(135deg,#fff 15%,#ffeaa7 55%,#f6d365);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px rgba(246,211,101,.5))}.vr-hologram-wrapper{perspective:1200px;transform-style:preserve-3d;width:100%;max-width:680px;margin:auto;display:flex;justify-content:center}.vr-hologram-card{transform-style:preserve-3d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;will-change:transform}.vr-hologram-card:active{cursor:grabbing}.vr-hologram-header{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;letter-spacing:.14em;color:#f6d365e6;margin-bottom:.8rem;border-bottom:1px dashed rgba(246,211,101,.25);padding-bottom:.5rem}.vr-swipe-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;color:#38bdf8;background:#38bdf81f;padding:.2rem .6rem;border-radius:12px;border:1px solid rgba(56,189,248,.3)}.vr-status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 8px #4ade80;display:inline-block;animation:pulseScale 1.5s ease-in-out infinite}.greeting-meta-row{display:flex;justify-content:center;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1.2rem}.greeting-meta-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;color:#fef08a;background:#f6d3651f;border:1px solid rgba(246,211,101,.3);border-radius:20px;padding:.3rem .8rem}.greeting-tabs{display:flex;justify-content:center;gap:.4rem;margin-bottom:.9rem;flex-wrap:wrap}.greeting-tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);color:#ffffffb3;font-size:.76rem;padding:.35rem .75rem;border-radius:20px;cursor:pointer;transition:all .25s ease}.greeting-tab-btn.active{background:#f6d36538;border-color:#f6d365cc;color:#fff;box-shadow:0 0 12px #f6d36559;font-weight:600}.greeting-wish-box{position:relative;background:#0e0a1ad9;border:1.5px solid rgba(246,211,101,.4);border-radius:16px;padding:1.3rem 1.6rem;margin-bottom:1.4rem;text-align:center;box-shadow:0 8px 25px #000000a6,inset 0 0 15px #f6d36514}.greeting-wish-text{font-family:var(--font-serif),Georgia,serif;font-size:clamp(1.02rem,1.9vw,1.18rem);line-height:1.85;color:#fff;font-style:italic;letter-spacing:.012em;text-shadow:0 2px 8px rgba(0,0,0,.95)}.greeting-actions{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.greeting-btn-gold{background:linear-gradient(135deg,#f6d3654d,#fda08540);border:1px solid rgba(246,211,101,.8);color:#fff;padding:.55rem 1.15rem;border-radius:24px;font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .25s ease;box-shadow:0 0 18px #f6d3654d}.greeting-btn-gold:hover{background:linear-gradient(135deg,#f6d36573,#fda08566);box-shadow:0 0 24px #f6d36580;transform:translateY(-2px)}.greeting-btn-secondary{background:#ffffff12;border:1px solid rgba(255,255,255,.2);color:#ffffffe0;padding:.55rem 1rem;border-radius:24px;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;transition:all .25s ease}.greeting-btn-secondary:hover{background:#ffffff24;border-color:#f6d36580;transform:translateY(-2px)}.greeting-reopen-pill{position:fixed;bottom:1.8rem;left:50%;transform:translate(-50%);z-index:30;pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:30px;background:#120e24bf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(246,211,101,.8);color:#f6d365;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #00000080,0 0 20px #f6d36559;transition:all .25s ease}.greeting-reopen-pill:hover{background:#1e163cd9;box-shadow:0 8px 30px #0009,0 0 28px #f6d3658c;transform:translate(-50%) translateY(-2px)}