:root{--font-serif-title: "Playfair Display", Georgia, serif;--font-serif-sub: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--sky-top: HSL(270, 45%, 15%);--sky-middle: HSL(340, 60%, 32%);--sky-bottom: HSL(25, 90%, 55%);--sun-glow: HSL(40, 100%, 70%);--sun-core: HSL(48, 100%, 88%);--glass-bg: rgba(255, 255, 255, .15);--glass-bg-hover: rgba(255, 255, 255, .22);--glass-border: rgba(255, 255, 255, .28);--glass-shadow: 0 16px 40px -10px rgba(0, 0, 0, .5);--glass-blur: blur(20px);--app-height: 100dvh;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100vh;height:var(--app-height);overflow:hidden;font-family:var(--font-sans);background-color:#1a0817;color:#fff;-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid rgba(255,182,193,.95);outline-offset:3px}#root{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.app-container{position:relative;width:100%;height:100%;height:var(--app-height);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:var(--safe-left);padding-right:var(--safe-right)}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.app-header{width:100%;max-width:1100px;padding:clamp(.75rem,2vh,1.5rem) clamp(1rem,4vw,2rem);z-index:20;display:flex;align-items:center;justify-content:center;text-align:center}.glass-button{background:#ffffff29;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.35);color:#fff;font-family:var(--font-sans);font-size:clamp(.8rem,2.5vw,.95rem);font-weight:600;min-height:44px;min-width:44px;padding:.65rem 1.25rem;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 20px #0000004d}.glass-button:hover,.glass-button:focus-visible{background:#ffffff47;transform:translateY(-2px);box-shadow:0 12px 30px #ffb47859;outline:none}.glass-button:active{transform:translateY(0)}.title-romantic{font-family:var(--font-serif-title);font-size:clamp(1.4rem,5.5vw,2.6rem);letter-spacing:-.01em;line-height:1.2;color:#fff5eb;text-shadow:0 1px 3px rgba(0,0,0,.7),0 4px 12px rgba(0,0,0,.5),0 8px 28px rgba(0,0,0,.35)}.subtitle-romantic{font-family:var(--font-serif-sub);font-style:italic;font-size:clamp(.85rem,3.2vw,1.15rem);line-height:1.4;color:#fff0e0;text-shadow:0 1px 2px rgba(0,0,0,.7),0 3px 10px rgba(0,0,0,.5),0 6px 20px rgba(0,0,0,.3)}.main-stage{width:100%;flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;padding:.5rem 1rem;container-type:inline-size;container-name:stage;max-height:calc(100dvh - 120px)}.responsive-vector-wrapper{width:100%;max-width:min(85vw,520px);max-height:min(52vh,460px);display:flex;align-items:center;justify-content:center}.responsive-vector-wrapper svg{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}.fixed-audio-toggle{position:fixed;bottom:max(1.25rem,calc(1rem + var(--safe-bottom)));right:max(1.25rem,calc(1rem + var(--safe-right)));z-index:50}@media(max-width:480px){.app-header{padding-top:.4rem;padding-bottom:.2rem}.responsive-vector-wrapper{max-width:min(94vw,380px);max-height:min(46vh,340px)}.fixed-audio-toggle{bottom:max(1rem,calc(.75rem + var(--safe-bottom)));right:max(1rem,calc(.75rem + var(--safe-right)))}}@media(max-width:360px){.responsive-vector-wrapper{max-width:min(96vw,320px);max-height:min(42vh,300px)}.card-modal{padding:1rem!important}}.card-modal{border-radius:1.5rem;box-shadow:0 20px 50px #0009,0 0 40px #ff69b440;border:1px solid rgba(255,255,255,.35)}.card-close-btn{position:absolute;top:.9rem;right:.9rem;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.card-close-btn:hover{background:#ffffff4d;transform:scale(1.08)}.card-audio-btn{position:absolute;top:.9rem;left:.9rem;height:44px;min-height:44px;min-width:44px;padding:0 .85rem;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);color:#fff;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .2s ease;z-index:20}.card-audio-btn:hover{background:#ffffff52}.card-textarea{width:100%;min-height:90px;padding:.85rem;border-radius:.85rem;background:#00000059;border:1px solid rgba(255,182,193,.5);color:#fff;font-family:Montserrat,sans-serif;font-size:.92rem;line-height:1.45;outline:none;resize:none;box-shadow:inset 0 2px 8px #0006}.card-textarea:focus{border-color:#ff69b4d9;box-shadow:inset 0 2px 8px #0006,0 0 15px #ff69b459}