.user-avatar-skeleton{width:44px;height:44px}.skeleton-circle{background:linear-gradient(90deg,var(--dreamy-purple)0%,var(--dreamy-pink)50%,var(--dreamy-purple)100%);background-size:200% 100%;border-radius:50%;width:100%;height:100%;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.login-button{background:linear-gradient(135deg,var(--dreamy-purple-deep)0%,var(--dreamy-pink-deep)100%);color:#fff;font-family:var(--font-zcool-kuaile),system-ui,sans-serif;cursor:pointer;border:3px solid #fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:all .2s ease-out;display:inline-flex;box-shadow:0 4px 15px #c084fc4d,inset 0 2px #fff3}.login-button:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #c084fc66,inset 0 2px #fff3}.login-button:active{transform:translateY(0)scale(.98)}.user-avatar-btn{cursor:pointer;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s ease-out;display:flex;box-shadow:0 4px 15px #c084fc40,inset 0 2px #ffffff4d}.user-avatar-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #c084fc59,inset 0 2px #ffffff4d}.user-avatar-btn:active{transform:scale(.95)}.avatar-initial{font-family:var(--font-zcool-kuaile),system-ui,sans-serif;color:#fff;text-shadow:0 1px 2px #00000026;font-size:1.25rem;font-weight:600;line-height:1}.avatar-initial-lg{font-family:var(--font-zcool-kuaile),system-ui,sans-serif;color:#fff;text-shadow:0 1px 3px #00000026;font-size:1.5rem;font-weight:600;line-height:1}.user-info-popover{background:linear-gradient(135deg,white 0%,var(--dreamy-purple)100%)!important;border:3px solid #fff!important;border-radius:1.25rem!important;min-width:240px!important;padding:1rem!important;box-shadow:0 10px 40px #c084fc40,0 4px 15px #00000014!important}.card-header{align-items:center;gap:.875rem;display:flex}.card-avatar{border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 12px #0000001a}.card-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.card-nickname{font-family:var(--font-zcool-kuaile),system-ui,sans-serif;color:var(--dreamy-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.125rem;font-weight:500;overflow:hidden}.card-stats{color:var(--dreamy-text-muted);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.card-stats svg{color:var(--dreamy-yellow-deep)}.card-divider{background:linear-gradient(90deg,transparent,var(--dreamy-pink),var(--dreamy-purple),transparent);border-radius:1px;height:2px;margin:.875rem 0}.card-actions{flex-direction:column;gap:.375rem;display:flex}.card-action-btn{width:100%;color:var(--dreamy-text);cursor:pointer;background:#fff9;border:2px solid #0000;border-radius:.75rem;align-items:center;gap:.625rem;padding:.625rem .75rem;font-size:.9375rem;transition:all .2s ease-out;display:flex}.card-action-btn:hover{border-color:var(--dreamy-purple);background:#ffffffe6}.card-action-btn .action-arrow{opacity:0;color:var(--dreamy-purple-deep);margin-left:auto;transition:all .2s ease-out;transform:translate(-4px)}.card-action-btn:hover .action-arrow{opacity:1;transform:translate(0)}.card-action-btn.logout{color:var(--dreamy-text-muted)}.card-action-btn.logout:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}@media (hover:none){.user-avatar-btn:hover,.login-button:hover{transform:none}}@media screen and (max-width:640px){.user-info-popover{min-width:220px!important}.login-button{padding:.5rem 1rem;font-size:.875rem}.login-button span{display:none}.login-button{border-radius:50%;padding:.625rem}}
.auth-dialog-content{max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,#fff 0%,var(--dreamy-purple)50%,var(--dreamy-pink)100%)!important;border:3px solid #fff!important;border-radius:1.5rem!important;max-width:400px!important;padding:1.5rem!important;box-shadow:0 20px 60px #c084fc4d,0 8px 25px #0000001a!important}.auth-dialog-header{text-align:center;margin-bottom:1rem}.auth-title-icon{background:linear-gradient(135deg,var(--dreamy-purple-deep)0%,var(--dreamy-pink-deep)100%);color:#fff;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.75rem;display:inline-flex;box-shadow:0 6px 20px #c084fc66,inset 0 2px #ffffff4d}.auth-dialog-title{text-align:center;background:linear-gradient(135deg,var(--dreamy-purple-deep)0%,var(--dreamy-pink-deep)50%,var(--dreamy-purple-deep)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:var(--font-zcool-kuaile),system-ui,sans-serif!important;color:var(--dreamy-text)!important;font-size:1.5rem!important}.auth-tabs{flex-direction:column;gap:1rem;display:flex}.auth-tabs-list{width:100%;display:flex;background:#ffffff80!important;border-radius:9999px!important;height:auto!important;padding:4px!important}.auth-tab-trigger{font-family:var(--font-zcool-kuaile),system-ui,sans-serif;flex:1;justify-content:center;align-items:center;gap:.375rem;font-weight:500;transition:all .2s ease-out;color:var(--dreamy-text-muted)!important;background:0 0!important;border:none!important;border-radius:9999px!important;padding:.625rem 1rem!important;font-size:.9375rem!important;display:flex!important}.auth-tab-trigger:hover{color:var(--dreamy-text)!important}.auth-tab-trigger[data-state=active]{box-shadow:0 4px 15px #c084fc4d;background:linear-gradient(135deg,var(--dreamy-purple-deep)0%,var(--dreamy-pink-deep)100%)!important;color:#fff!important}.auth-tab-content{outline:none}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-preview{justify-content:center;margin-bottom:.5rem;display:flex}.auth-preview-avatar{border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;transition:background .3s ease-out;display:flex;box-shadow:0 6px 20px #00000026,inset 0 2px #ffffff4d}.auth-preview-initial{font-family:var(--font-zcool-kuaile),system-ui,sans-serif;color:#fff;text-shadow:0 2px 4px #00000026;font-size:2rem;font-weight:600;line-height:1}.auth-section{margin-bottom:.25rem}.auth-label{color:var(--dreamy-text);margin-bottom:.5rem;font-size:.9375rem;font-weight:500;display:block}.avatar-grid{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.avatar-option{aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .2s ease-out;display:flex;position:relative;box-shadow:0 2px 8px #0000001a}.avatar-option:hover{border-color:#fffc;transform:scale(1.1)}.avatar-option.selected{box-shadow:0 4px 15px #c084fc66,0 0 0 3px var(--dreamy-purple-deep);border-color:#fff;transform:scale(1.1)}.avatar-check{background:var(--dreamy-purple-deep);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-4px}.auth-input{width:100%;color:var(--dreamy-text);background:#fffc;border:2px solid #0000;border-radius:.875rem;outline:none;padding:.75rem 1rem;font-size:1rem;transition:all .2s ease-out}.auth-input::placeholder{color:var(--dreamy-text-muted)}.auth-input:focus{border-color:var(--dreamy-purple-deep);background:#fff;box-shadow:0 0 0 3px #c084fc33}.auth-password-wrapper{align-items:center;display:flex;position:relative}.auth-input-password{padding-right:3rem}.auth-password-toggle{width:2rem;height:2rem;color:var(--dreamy-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s ease-out;display:flex;position:absolute;right:.75rem}.auth-password-toggle:hover{color:var(--dreamy-purple-deep)}.auth-error{color:#dc2626;text-align:center;background:#fef2f2;border:2px solid #fecaca;border-radius:.75rem;padding:.625rem .875rem;font-size:.875rem}.auth-submit-btn{background:linear-gradient(135deg,var(--dreamy-purple-deep)0%,var(--dreamy-pink-deep)100%);color:#fff;width:100%;font-family:var(--font-zcool-kuaile),system-ui,sans-serif;cursor:pointer;border:3px solid #fff;border-radius:9999px;justify-content:center;align-items:center;gap:.625rem;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1.125rem;font-weight:500;transition:all .2s ease-out;display:flex;box-shadow:0 6px 20px #c084fc59,inset 0 2px #fff3}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #c084fc73,inset 0 2px #fff3}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spinnerRotate}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.auth-hint{text-align:center;color:var(--dreamy-text-muted);margin-top:.5rem;font-size:.875rem}.auth-link{color:var(--dreamy-purple-deep);cursor:pointer;background:0 0;border:none;margin-left:.25rem;padding:0;font-weight:500;transition:color .2s ease-out}.auth-link:hover{color:var(--dreamy-pink-deep);text-decoration:underline}@media screen and (max-width:400px){.auth-dialog-content{padding:1.25rem!important}.avatar-grid{grid-template-columns:repeat(4,1fr);gap:.375rem}.auth-dialog-title{font-size:1.375rem!important}.auth-tab-trigger{padding:.5rem .75rem!important;font-size:.875rem!important}}
.cloud{opacity:.6;filter:blur(1px);background:#fff;border-radius:9999px;position:absolute}.cloud:before,.cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.cloud-1{width:120px;height:40px;animation:25s linear infinite cloudFloat;top:8%;left:-5%}.cloud-1:before{width:50px;height:50px;top:-25px;left:20px}.cloud-1:after{width:35px;height:35px;top:-15px;left:55px}.cloud-2{opacity:.4;width:100px;height:35px;animation:30s linear -10s infinite cloudFloat;top:15%;left:-10%}.cloud-2:before{width:40px;height:40px;top:-20px;left:15px}.cloud-2:after{width:30px;height:30px;top:-10px;left:45px}.cloud-3{opacity:.5;width:80px;height:30px;animation:35s linear -20s infinite cloudFloat;top:5%;left:-8%}.cloud-3:before{width:35px;height:35px;top:-18px;left:10px}.cloud-3:after{width:25px;height:25px;top:-8px;left:35px}.bubble{opacity:0;border-radius:50%;animation:ease-in-out infinite bubbleFloat;position:absolute}.bubble-1{background:linear-gradient(135deg,var(--dreamy-pink)0%,var(--dreamy-purple)100%);width:20px;height:20px;animation-duration:8s;animation-delay:0s;bottom:-20px;left:10%}.bubble-2{background:linear-gradient(135deg,var(--dreamy-yellow)0%,var(--dreamy-pink)100%);width:15px;height:15px;animation-duration:10s;animation-delay:2s;bottom:-15px;left:25%}.bubble-3{background:linear-gradient(135deg,var(--dreamy-blue)0%,var(--dreamy-mint)100%);width:25px;height:25px;animation-duration:9s;animation-delay:4s;bottom:-25px;left:45%}.bubble-4{background:linear-gradient(135deg,var(--dreamy-purple)0%,var(--dreamy-blue)100%);width:18px;height:18px;animation-duration:11s;animation-delay:1s;bottom:-18px;left:65%}.bubble-5{background:linear-gradient(135deg,var(--dreamy-mint)0%,var(--dreamy-yellow)100%);width:22px;height:22px;animation-duration:7s;animation-delay:3s;bottom:-22px;left:80%}.orb{filter:blur(40px);border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.orb-1{background:radial-gradient(circle,#e9d5ff99 0%,#0000 70%);width:300px;height:300px;animation-delay:0s;top:-50px;right:-50px}.orb-2{background:radial-gradient(circle,#bfdbfe80 0%,#0000 70%);width:250px;height:250px;animation-delay:-7s;bottom:20%;left:-80px}.orb-3{background:radial-gradient(circle,#fbcfe880 0%,#0000 70%);width:200px;height:200px;animation-delay:-14s;bottom:-30px;right:20%}