:root{--c1: #f06292;--c2: #9b59b6;--c3: #ffd700;--c4: #64b5f6;--c5: #7cb342;--bg-0: #0a0e27;--bg-1: #1a1f4d;--text: #ffffff;--text-muted: rgba(255, 255, 255, .72);--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .14);--border: rgba(255, 255, 255, .18);--font-display: "Playfair Display", "Cinzel Decorative", serif;--font-body: "Quicksand", "Nunito", system-ui, sans-serif}:root[data-dark=light]{--bg-0: #eef2ff;--bg-1: #ffffff;--text: #1a1a2e;--text-muted: rgba(20, 20, 40, .65);--glass: rgba(255, 255, 255, .55);--glass-strong: rgba(255, 255, 255, .75);--border: rgba(20, 20, 40, .15)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:var(--font-body);color:var(--text);scroll-behavior:smooth;background:#0a0e27}body{min-height:100vh;background:radial-gradient(1200px 800px at 20% 10%,var(--c2),transparent 60%),radial-gradient(1000px 700px at 80% 90%,var(--c1),transparent 60%),linear-gradient(135deg,var(--bg-0),var(--bg-1));background-attachment:fixed;overflow-x:hidden;transition:background .6s ease}h1,h2,h3{font-family:Playfair Display,serif}a{color:inherit}.gradient-text{background:linear-gradient(90deg,var(--c1),var(--c3),var(--c4));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(240,98,146,.45))}.divider{height:2px;width:120px;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--c1),transparent)}.display{font-family:var(--font-display);letter-spacing:.02em}.text-glow{text-shadow:0 0 12px rgba(255,255,255,.35),0 0 40px rgba(240,98,146,.3)}.home-orb-wrap{position:absolute;width:min(640px,88vw);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-56%);pointer-events:none}.dream-logo-orb{width:clamp(180px,24vw,260px);aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;font-family:Playfair Display,PingFang SC,serif;font-size:clamp(2.5rem,5vw,4.1rem);font-weight:800;color:var(--text);text-shadow:0 0 22px rgba(255,255,255,.72);background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.92),transparent 0 14%,rgba(255,255,255,.28) 15%,transparent 28%),radial-gradient(circle at 34% 30%,var(--c3),transparent 0 18%,var(--c1) 42%,var(--c2) 72%,var(--c4));border:1px solid var(--border);box-shadow:0 0 70px #fff3,0 0 90px var(--c1),inset 0 0 34px #ffffff47;animation:orbFloat 7s ease-in-out infinite}.dream-logo-orb:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:-1;border-radius:inherit;background:conic-gradient(from 120deg,transparent,var(--c1),var(--c3),var(--c4),transparent);filter:blur(26px);opacity:.54;animation:slowSpin 16s linear infinite}.floating-star{position:absolute;color:var(--text);font-size:24px;text-shadow:0 0 18px var(--c3);animation:starFloat 5s ease-in-out infinite}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.025)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes starFloat{0%,to{transform:translateY(0) rotate(0);opacity:.65}50%{transform:translateY(-14px) rotate(18deg);opacity:1}}.stars,.stars:before,.stars:after{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-repeat:repeat}.stars{background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1.5px 1.5px at 90px 40px,#fce4ec,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,215,0,.7),transparent),radial-gradient(2px 2px at 200px 50px,#fff,transparent);background-size:220px 220px;animation:twinkle 6s ease-in-out infinite alternate}.stars:before{content:"";background-image:radial-gradient(1px 1px at 50px 160px,#fff,transparent),radial-gradient(1px 1px at 100px 200px,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 180px 80px,#f8bbd0,transparent),radial-gradient(1px 1px at 250px 180px,#fff,transparent);background-size:320px 320px;animation:twinkle 9s ease-in-out infinite alternate-reverse;opacity:.7}.stars:after{content:"";background-image:radial-gradient(1.5px 1.5px at 60px 100px,#fff,transparent),radial-gradient(1px 1px at 300px 260px,rgba(255,215,0,.8),transparent),radial-gradient(2px 2px at 400px 80px,#fce4ec,transparent);background-size:500px 500px;animation:twinkle 12s ease-in-out infinite alternate;opacity:.6}@keyframes twinkle{0%{opacity:.4}to{opacity:1}}.bokeh{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bokeh span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:floaty 18s ease-in-out infinite}.bokeh span:nth-child(1){width:280px;height:280px;background:var(--c1);top:10%;left:8%}.bokeh span:nth-child(2){width:260px;height:260px;background:var(--c2);top:60%;left:80%;animation-delay:-4s}.bokeh span:nth-child(3){width:220px;height:220px;background:var(--c3);top:80%;left:20%;animation-delay:-9s}.bokeh span:nth-child(4){width:240px;height:240px;background:var(--c4);top:20%;left:70%;animation-delay:-13s}@keyframes floaty{0%,to{transform:translate(0)}50%{transform:translate(30px,-25px)}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:16px}.glass-strong{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px}.nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;color:var(--text);font-size:13px;font-weight:500;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease;cursor:pointer;white-space:nowrap;text-decoration:none}.nav-btn:hover{transform:translateY(-2px);background:#ffffff2e;box-shadow:0 8px 24px #f0629259;color:gold}.nav-btn:active{transform:scale(.95)}.nav-btn.active{background:linear-gradient(135deg,#f0629259,#9b59b659);border-color:#ffd70066}.pink-btn{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border:none;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 24px #00000040;text-decoration:none}.pink-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #f062928c}.pink-btn:active{transform:scale(.96)}.pink-btn:disabled{opacity:.5;cursor:not-allowed}.field{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--glass);color:var(--text);outline:none;font-size:14px;font-family:inherit}.field:focus{border-color:var(--c1);box-shadow:0 0 0 3px #f0629240}.field::placeholder{color:var(--text-muted)}.desktop-nav{display:flex}.mobile-nav-toggle{display:none}@media (max-width: 820px){.desktop-nav{display:none!important}.mobile-nav-toggle{display:inline-flex}}.music-fab{position:fixed;right:20px;bottom:20px;z-index:60;padding:10px 14px;display:flex;align-items:center;gap:8px}.music-fab button{background:transparent;border:none;color:var(--text);cursor:pointer;font-size:18px}.music-fab input[type=range]{width:90px}.bubble{padding:8px 12px;border-radius:12px;max-width:68%;word-break:break-word;line-height:1.5}.bubble.mine{background:linear-gradient(135deg,var(--c1),var(--c2))}.bubble.op{border:1px solid var(--c3)}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.6rem);text-align:center;margin-bottom:3rem}.card-hover{transition:all .35s ease}.card-hover:hover{transform:translateY(-6px);box-shadow:0 20px 48px #f0629259,0 0 0 1px #ffd70040}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0219a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeUp .3s ease}.fade-up{animation:fadeUp 1s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}