: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)}: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}body{min-height:100vh;color:var(--text);font-family:Quicksand,PingFang SC,Microsoft YaHei,sans-serif;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}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}.divider{height:2px;width:120px;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--c1),transparent)}.starfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.bokeh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;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 12px;border-radius:10px;text-decoration:none;color:var(--text);background:transparent;border:1px solid transparent;cursor:pointer;font-size:14px;transition:all .18s}.nav-btn:hover,.nav-btn.active{background:var(--glass);border-color:var(--border)}.pink-btn{background:linear-gradient(135deg,var(--c1),var(--c2));color:#fff;border:none;padding:10px 18px;border-radius:12px;cursor:pointer;font-weight:600;box-shadow:0 8px 24px #00000040}.pink-btn:disabled{opacity:.5;cursor:not-allowed}.field{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--glass);color:var(--text);outline:none;font-size:14px}.field:focus{border-color:var(--c1)}.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)}