:root{--color-bg-dark: #020817;--color-bg-mid: #0c4a6e;--color-celeste-light: #bae6fd;--color-celeste-mid: #7dd3fc;--color-celeste-bright: #38bdf8;--color-white-glow: #e0f2fe;--font-serif: "Cormorant Garamond", "Playfair Display", serif;--font-sans: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--color-bg-dark);font-family:var(--font-sans);color:var(--color-white-glow)}body{background:radial-gradient(circle at 50% 30%,#0c4a6e,#020817 80%)}.welcome-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;background:radial-gradient(circle at 50% 40%,#0c4a6e,#020817 90%)}.welcome-3d-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.welcome-ui{position:relative;z-index:10;width:100%;max-width:480px;padding:2rem 1.5rem calc(2rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-card{background:#020817a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(125,211,252,.25);border-radius:24px;padding:2.25rem 1.75rem;box-shadow:0 20px 50px #0009,0 0 30px #38bdf826;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.welcome-title{font-family:var(--font-serif);font-size:3rem;font-weight:300;letter-spacing:.05em;color:#fff;text-shadow:0 0 20px rgba(186,230,253,.6)}.welcome-subtitle{font-size:1.05rem;font-weight:300;color:var(--color-celeste-light);line-height:1.6;max-width:340px}.welcome-btn{min-height:52px;padding:.9rem 2.2rem;background:linear-gradient(135deg,#38bdf84d,#7dd3fc26);border:1px solid rgba(186,230,253,.45);border-radius:9999px;color:#fff;font-family:var(--font-sans);font-size:1rem;font-weight:500;letter-spacing:.04em;cursor:pointer;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 25px #38bdf840;transition:all .3s ease}.welcome-btn:active{transform:scale(.96);background:#38bdf866}.btn-sparkle{color:var(--color-celeste-mid);font-size:.9rem}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#020817bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:1.5rem;padding-top:max(1.5rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.overlay-card{width:100%;max-width:440px;max-height:85vh;overflow-y:auto;background:#0c4a6e73;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(186,230,253,.3);border-radius:24px;padding:1.75rem;box-shadow:0 25px 60px #000000b3,0 0 40px #38bdf833;display:flex;flex-direction:column;gap:1.25rem}.overlay-card.special-card{background:#0c4a6ea6;border-color:#e0f2fe99;box-shadow:0 30px 70px #000c,0 0 50px #bae6fd59}.card-header{display:flex;justify-content:space-between;align-items:center}.badge{display:flex;align-items:center;gap:.4rem;background:#38bdf826;border:1px solid rgba(125,211,252,.3);padding:.35rem .85rem;border-radius:9999px;font-size:.82rem;font-weight:500;color:var(--color-celeste-light);letter-spacing:.03em}.badge-icon{color:var(--color-celeste-bright)}.close-btn{width:44px;height:44px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.close-btn:active{background:#fff3}.card-body{margin:.5rem 0;min-height:110px;display:flex;flex-direction:column;justify-content:center}.special-subtitle{font-family:var(--font-serif);font-size:1.3rem;color:var(--color-celeste-light);margin-bottom:.75rem;font-weight:400}.phrase-text{font-family:var(--font-serif);font-size:1.45rem;line-height:1.6;font-weight:300;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.cursor-blink{animation:blink .9s infinite;color:var(--color-celeste-bright);margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.card-footer{display:flex;justify-content:flex-end}.back-btn{min-height:44px;padding:.7rem 1.4rem;background:#38bdf833;border:1px solid rgba(125,211,252,.35);border-radius:12px;color:#fff;font-size:.92rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-btn:active{background:#38bdf859}.sound-toggle-btn{position:fixed;top:max(1.25rem,env(safe-area-inset-top));right:1.25rem;z-index:40;width:48px;height:48px;border-radius:50%;background:#02081799;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(125,211,252,.3);color:var(--color-celeste-light);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #0006}.sound-toggle-btn:active{transform:scale(.95);background:#38bdf84d}.loader-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.loader-heart{font-size:4rem;filter:drop-shadow(0 0 25px #38bdf8)}.loader-text{font-size:1.05rem;font-weight:300;color:var(--color-celeste-light);letter-spacing:.04em}