/*
 * Theme: theme-Serenity
 * Author: Serenity
 * Build: 2026-02-08 11:28:38
 * Fingerprint: 22b6d7a200f2b512
 * Copyright © 2026 Serenity. All rights reserved.
 * Unauthorized copying or distribution is prohibited.
 */
.welcome-overlay{position:fixed !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;width:100vw !important;height:100vh !important;z-index:999999 !important;background:var(--color-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:1;visibility:visible;transition:opacity 0.8s cubic-bezier(0.4,0,0.2,1),visibility 0.8s cubic-bezier(0.4,0,0.2,1);contain:none !important;overflow:hidden !important}body:has(.welcome-overlay:not(.hidden)){overflow:hidden !important}.welcome-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome-theme-toggle{position:absolute;top:30px;right:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-accent);border-radius:var(--radius-md);cursor:pointer;z-index:10;transition:all var(--duration-fast);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:welcomeTitleFade 1s ease-out 0.3s both}.welcome-theme-toggle:hover{background:rgba(255,255,255,0.08);border-color:var(--color-accent-secondary);transform:scale(1.05)}[data-theme="light"] .welcome-theme-toggle:hover{background:rgba(255,255,255,0.08)}.welcome-theme-toggle svg{width:20px;height:20px;color:var(--color-accent);transition:all var(--duration-fast)}.welcome-theme-toggle:hover svg{color:var(--color-accent-secondary)}.welcome-theme-toggle .icon-sun{display:block}.welcome-theme-toggle .icon-moon{display:none}[data-theme="light"] .welcome-theme-toggle .icon-sun{display:none}[data-theme="light"] .welcome-theme-toggle .icon-moon{display:block}@media (max-width:768px){.welcome-theme-toggle{top:20px;right:20px;width:36px;height:36px}.welcome-theme-toggle svg{width:18px;height:18px}}.welcome-overlay::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 80%,rgba(var(--color-accent-rgb,245,150,170),0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(var(--color-accent-rgb,245,150,170),0.1) 0%,transparent 50%);pointer-events:none}.welcome-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;z-index:1}.welcome-logo-wrapper{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.welcome-logo{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,0.2);box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:welcomeLogoFloat 3s ease-in-out infinite;z-index:2}@keyframes welcomeLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-logo-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--color-accent);opacity:0.3;animation:welcomeRingPulse 2s ease-out infinite}.welcome-logo-ring-2{animation-delay:1s}@keyframes welcomeRingPulse{0%{transform:scale(1);opacity:0.5}100%{transform:scale(1.8);opacity:0}}.welcome-title{font-size:clamp(2.5rem,8vw,4rem);font-weight:900;font-style:italic;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;animation:welcomeTitleFade 1s ease-out 0.3s both}@keyframes welcomeTitleFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.welcome-tagline{font-size:1.1rem;color:var(--color-text-secondary);margin:0;animation:welcomeTitleFade 1s ease-out 0.5s both}.welcome-bio{font-size:0.9rem;color:var(--color-text-muted);margin:0;max-width:400px;line-height:1.6;text-align:center;animation:welcomeTitleFade 1s ease-out 0.6s both}.welcome-particles{position:absolute;inset:-100px;pointer-events:none;overflow:hidden}.welcome-particle{position:absolute;width:4px;height:4px;background:var(--color-accent);border-radius:50%;opacity:0.3;animation:welcomeParticleFloat 8s ease-in-out infinite}@keyframes welcomeParticleFloat{0%,100%{transform:translateY(0) translateX(0);opacity:0.3}50%{transform:translateY(-100px) translateX(50px);opacity:0.6}}@media (max-width:768px){.welcome-logo-wrapper{width:160px;height:160px}.welcome-logo{width:120px;height:120px}.welcome-title{font-size:2rem}.welcome-tagline{font-size:0.95rem}.welcome-bio{font-size:0.8rem;max-width:280px}.welcome-enter{padding:var(--space-2) var(--space-4)}.welcome-enter-text{font-size:12px}.welcome-mascot-wrapper{right:10px;bottom:10px}.welcome-mascot{width:100px;height:100px}.welcome-mascot-bubble{padding:var(--space-2) var(--space-3);max-width:130px}.bubble-text{font-size:11px}}.welcome-mascot-wrapper{position:absolute;right:30px;bottom:30px;display:flex;flex-direction:column;align-items:center;z-index:10;animation:welcomeTitleFade 1s ease-out 0.8s both}.welcome-mascot{width:200px;height:200px;pointer-events:none;flex-shrink:0;position:relative}.welcome-mascot-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,0.6)) drop-shadow(0 0 15px rgba(255,255,255,0.4)) drop-shadow(0 0 30px rgba(255,255,255,0.2));transition:opacity 0.3s ease}.welcome-mascot-dark{display:block}.welcome-mascot-light{display:none;position:absolute;top:0;left:0}[data-theme="light"] .welcome-mascot-dark{display:none}[data-theme="light"] .welcome-mascot-light{display:block}.welcome-mascot-bubble{position:relative;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-secondary));padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,0.15);animation:welcomeBubblePop 0.5s ease-out 1s both,welcomeBubbleFloat 3s ease-in-out infinite 1.5s;max-width:180px;margin-bottom:var(--space-2)}.bubble-text{font-size:14px;font-weight:500;color:#fff;white-space:nowrap}.bubble-tail{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--color-accent-secondary)}@keyframes welcomeBubblePop{0%{opacity:0;transform:scale(0.5) translateY(10px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes welcomeBubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes welcomeMascotBounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-15px) rotate(2deg)}}.welcome-mascot-row{display:flex;align-items:flex-end;gap:var(--space-2)}.welcome-mascot-credit{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--duration-fast);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:20px;animation:welcomeTitleFade 1s ease-out 1.2s both}[data-theme="light"] .welcome-mascot-credit{background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);color:var(--color-text-secondary)}.welcome-mascot-credit:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;transform:scale(1.1);box-shadow:0 4px 15px rgba(var(--color-accent-rgb,245,150,170),0.4)}.welcome-mascot-credit svg{width:18px;height:18px}@media (max-width:768px){.welcome-mascot-credit{width:30px;height:30px;margin-bottom:15px}.welcome-mascot-credit svg{width:14px;height:14px}}