.inbox-panel{position:absolute;top:85px;right:15px;max-height:100vh;background:var(--bg-color);border:2px solid var(--accent);border-radius:var(--border-radius);box-shadow:var(--shadow-deep);z-index:9999;overflow:hidden;animation:.4s cubic-bezier(.68,-.55,.265,1.55) cuteSlideIn}@keyframes cuteSlideIn{from{opacity:0;transform:translateX(30px) scale(.8) rotate(2deg)}to{opacity:1;transform:translateX(0) scale(1) rotate(0)}}.inbox-panel.hidden{display:none}.panel-inner{padding:0;height:100%;display:flex;flex-direction:column;background:var(--bg-color);border-radius:var(--border-radius)}.parchment-border{background:var(--bg-color);border-radius:var(--border-radius);position:relative;overflow:hidden}.parchment-border::before{content:'✨';position:absolute;top:10px;right:15px;font-size:1.2rem;opacity:.6;animation:3s ease-in-out infinite cuteBounce;color:var(--accent)}.inbox-tabs{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg-secondary);border-bottom:3px solid var(--accent);border-radius:var(--border-radius) var(--border-radius) 0 0;padding:15px;gap:10px}.inbox-tab-button{background:var(--highlight);border:2px solid var(--accent);border-radius:12px;font-family:var(--font-family);font-weight:600;font-size:.9rem;padding:15px 10px;cursor:pointer;text-align:center;color:var(--header-text);transition:var(--transition-speed);position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;max-height:70px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.inbox-tab-button .tab-icon{font-size:1.8rem;display:block;line-height:1}.inbox-tab-button .tab-text{font-size:.85rem;font-weight:600;line-height:1.2}.inbox-tab-button .tab-description{font-size:.7rem;opacity:.8;font-weight:400;line-height:1.1;color:var(--footer-text)}.inbox-tab-button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent);border-radius:10px;opacity:0;transition:.4s cubic-bezier(.68, -.55, .265, 1.55);transform:scale(.8)}.inbox-tab-button:hover{background:var(--bg-color);color:var(--body-text);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15);border-color:var(--header-text)}.inbox-tab-button:hover::before{opacity:.1;transform:scale(1)}.inbox-tab-button:hover .tab-icon{animation:.6s ease-in-out cuteBounce}.inbox-tab-button.active{background:var(--accent);color:var(--bg-color);font-weight:700;transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.2);border-color:var(--header-text)}.inbox-tab-button.active::before{opacity:.2;transform:scale(1.05)}.inbox-tab-button.active .tab-description{color:rgba(255,255,255,.9)}.inbox-tab-button[data-tab=social]{border-color:#ff6b9d}.inbox-tab-button[data-tab=social].active,.inbox-tab-button[data-tab=social]:hover{border-color:#e55a8a}.inbox-tab-button[data-tab=social].active{background:#ff6b9d}.inbox-tab-button[data-tab=messages]{border-color:#6db3f2}.inbox-tab-button[data-tab=messages].active,.inbox-tab-button[data-tab=messages]:hover{border-color:#4a9eff}.inbox-tab-button[data-tab=messages].active{background:#6db3f2}.inbox-tab-button[data-tab=notifications]{border-color:#6bcf7f}.inbox-tab-button[data-tab=notifications].active,.inbox-tab-button[data-tab=notifications]:hover{border-color:#52b86a}.inbox-tab-button[data-tab=notifications].active{background:#6bcf7f}.tab-badge{position:absolute;top:-8px;right:-8px;background:#ff69b4;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;font-family:var(--font-family);box-shadow:0 3px 8px rgba(255,105,180,.5);animation:2s ease-in-out infinite cuteBadgePulse;border:2px solid var(--bg-color)}.tab-badge.friend-badge{background:#ff69b4;box-shadow:0 3px 8px rgba(255,105,180,.5)}.tab-badge.message-badge{background:#00bfff;box-shadow:0 3px 8px rgba(0,191,255,.5)}.tab-badge.notification-badge{background:#32ff32;box-shadow:0 3px 8px rgba(50,255,50,.5)}.tab-badge.chat-badge{background:orange;box-shadow:0 3px 8px rgba(255,165,0,.5)}.tab-status{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-color)}.online-indicator{background:#6bcf7f;animation:2s ease-in-out infinite cuteOnlinePulse;box-shadow:0 0 8px rgba(107,207,127,.6)}@keyframes cuteBadgePulse{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.15) rotate(5deg)}}@keyframes cuteOnlinePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.inbox-content{flex:1;padding:20px;background:var(--bg-color);overflow-y:auto;min-height:450px;max-height:calc(85vh - 120px);position:relative}.inbox-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.05) 0,transparent 50%);pointer-events:none;border-radius:var(--border-radius)}.inbox-content::-webkit-scrollbar{width:8px}.inbox-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius)}.inbox-content::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--border-radius);border:2px solid var(--bg-color)}.inbox-content::-webkit-scrollbar-thumb:hover{background:var(--header-text)}.mail-list-panel::-webkit-scrollbar,.notification-subtab-content::-webkit-scrollbar,.notifications-list::-webkit-scrollbar,.recent-messages-list::-webkit-scrollbar{width:8px}.mail-list-panel::-webkit-scrollbar-track,.notification-subtab-content::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track,.recent-messages-list::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius)}.mail-list-panel::-webkit-scrollbar-thumb,.notification-subtab-content::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb,.recent-messages-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--border-radius);border:2px solid var(--bg-color)}.mail-list-panel::-webkit-scrollbar-thumb:hover,.notification-subtab-content::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover,.recent-messages-list::-webkit-scrollbar-thumb:hover{background:var(--header-text)}.inbox-content .inbox-tab-content{display:none;animation:.4s cubic-bezier(.25,.46,.45,.94) cuteContentFadeIn}.inbox-content .inbox-tab-content.active{display:block!important;animation:.4s cubic-bezier(.25,.46,.45,.94) cuteContentFadeIn;opacity:1;visibility:visible}.inbox-content .inbox-tab-content.hidden{display:none!important}.inbox-content #social-tab{display:block}.mail-subtab-content{display:none}.mail-subtab-content.active{display:block!important;padding:24px}.mail-subtab-content.hidden{display:none!important}.notification-subtab-content.active{display:block!important}.notification-subtab-content.hidden{display:none!important}@keyframes cuteContentFadeIn{from{opacity:0;transform:translateY(15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.content-section{margin-bottom:20px;background:var(--highlight);border:2px solid var(--accent);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);position:relative}.content-section::before{content:'🌟';position:absolute;top:8px;right:10px;font-size:1rem;opacity:.6;animation:4s ease-in-out infinite cuteBounce}.section-header{background:var(--inventory-bg);color:var(--bg-color);padding:15px 20px;border-bottom:2px solid var(--header-text);display:flex;justify-content:space-between;align-items:center}.section-content{padding:20px;max-width:500px;background:var(--bg-color)}.section-actions{display:flex;gap:8px}.section-title{margin:0;font-family:var(--font-family);font-size:1.1rem;font-weight:700;color:var(--header-text);display:flex;align-items:center;gap:8px;position:relative}.section-icon{font-size:1.1rem}.section-count{color:var(--footer-text);font-size:.9rem;font-weight:400;background:var(--bg-color);padding:2px 8px;border-radius:12px;border:1px solid var(--accent)}.friend-list,.inbox-list,.mail-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.friend-list li,.inbox-list li,.mail-item{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:var(--border-radius);padding:15px;transition:var(--transition-speed);position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.friend-list li::before,.inbox-list li::before,.mail-item::before{content:'✨';position:absolute;top:8px;right:10px;font-size:.8rem;opacity:0;transition:.4s cubic-bezier(.68, -.55, .265, 1.55);transform:rotate(-10deg)}.friend-list li:hover,.inbox-list li:hover,.mail-item:hover{background:var(--highlight);border-color:var(--header-text);transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.friend-list li:hover::before,.inbox-list li:hover::before,.mail-item:hover::before{opacity:1;transform:rotate(0) scale(1.2)}.friend-avatar,.mail-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b6914 0,#b8860b 100%);display:flex;align-items:center;justify-content:center;color:#2d1f1a;font-weight:700;font-size:1.1rem;text-shadow:none;border:2px solid rgba(139,105,20,.5);flex-shrink:0}.close-friend-avatar{background:linear-gradient(135deg,gold 0,orange 100%);border-color:gold;box-shadow:0 0 12px rgba(255,215,0,.4)}.sent-avatar{background:linear-gradient(135deg,#6c757d 0,#495057 100%);border-color:#6c757d;color:#fff}.friend-info{flex:1;display:flex;flex-direction:column;gap:4px}.friend-details{display:flex;flex-direction:column;gap:4px}.friend-name{font-family:Cinzel,serif;font-weight:600;font-size:1.1rem;color:#f4e4bc;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:flex;align-items:center;gap:8px}.friend-status{font-size:.85rem;color:rgba(244,228,188,.7);display:flex;align-items:center;gap:6px}.status-indicator{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.status-indicator.online{background:#28a745;box-shadow:0 0 6px rgba(40,167,69,.6)}.status-indicator.offline{background:#6c757d}.close-friend-badge{color:gold;font-size:1.2rem;text-shadow:0 0 8px rgba(255,215,0,.6);animation:2s ease-in-out infinite alternate starGlow}@keyframes starGlow{from{text-shadow:0 0 8px rgba(255,215,0,.6)}to{text-shadow:0 0 16px rgba(255,215,0,.9)}}.friend-actions{display:flex;gap:8px;flex-wrap:wrap}.small-btn{padding:8px 16px;background:var(--accent);border:2px solid var(--header-text);border-radius:20px;color:var(--body-text);font-family:var(--font-family);font-weight:600;font-size:var(--font-size);cursor:pointer;transition:var(--transition-speed);text-shadow:none;margin:4px;position:relative;overflow:hidden;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.small-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .5s}.small-btn:hover{background:var(--header-text);border-color:var(--body-text);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);animation:.6s ease-in-out cuteBounce}.small-btn:hover::before{left:100%}.small-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.4)}.accept-btn{background:#6bcf7f;border-color:#52b86a;color:var(--bg-color)}.accept-btn:hover{background:#52b86a;border-color:#429954;animation:.4s ease-in-out cuteBounce}.decline-btn,.remove-btn{background:#ff6b9d;border-color:#e55a8a;color:var(--bg-color)}.decline-btn:hover,.remove-btn:hover{background:#e55a8a;border-color:#cc4977;animation:.4s ease-in-out cuteBounce}.star-btn{background:#ffd93d;border-color:#e6c200;color:var(--body-text)}.star-btn:hover{background:#e6c200;border-color:#ccac00;animation:.4s ease-in-out cuteBounce}.message-btn{background:#6db3f2;border-color:#4a9eff;color:var(--bg-color)}.message-btn:hover{background:#4a9eff;border-color:#2980e6;animation:.4s ease-in-out cuteBounce}.button-icon{font-size:.9rem}.thread-message{background:var(--bg-color);border:2px solid var(--accent);padding:16px;margin-bottom:12px}.add-friend-form,.send-mail-form{margin-top:0;display:flex;flex-direction:column;gap:16px;background:var(--highlight);padding:20px;border-radius:var(--border-radius);border:2px solid var(--accent);box-shadow:var(--shadow);position:relative}.add-friend-form::before,.send-mail-form::before{content:'📝';position:absolute;top:-8px;right:15px;background:var(--highlight);padding:4px 8px;border-radius:50%;font-size:1rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-family:var(--font-family);font-weight:600;color:var(--header-text);font-size:var(--font-size);display:flex;align-items:center;gap:6px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.input-field,.select-field,.textarea-field{padding:12px 16px;border:2px solid var(--accent);border-radius:var(--border-radius);background:var(--bg-color);color:var(--body-text);font-family:var(--font-family);font-size:var(--font-size);transition:var(--transition-speed);box-shadow:0 2px 4px rgba(0,0,0,.1)}.input-field::placeholder,.select-field::placeholder,.textarea-field::placeholder{color:var(--footer-text);font-style:italic;opacity:.7}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--header-text);box-shadow:0 2px 4px rgba(0,0,0,.1),0 0 0 3px rgba(139,111,71,.2);outline:0;background:var(--highlight);transform:translateY(-1px)}.textarea-field{min-height:80px;resize:vertical;font-family:Cinzel,serif}.modern-mail-interface{background:var(--bg-color);border-radius:var(--border-radius);box-shadow:var(--shadow-deep);overflow:hidden;max-height:80vh;display:flex;flex-direction:column;border:2px solid var(--accent)}.mail-interface-header{background:linear-gradient(135deg,var(--accent) 0,var(--header-text) 100%);color:var(--bg-color);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--header-text)}.mail-header-left{display:flex;align-items:center;gap:16px}.back-to-messages-btn{background:0 0;border:2px solid var(--bg-color);color:var(--body-text);padding:8px 16px;border-radius:20px;font-family:var(--font-family);font-size:.9rem;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;gap:8px}.back-to-messages-btn:hover{background:var(--bg-color);color:var(--body-text);transform:translateX(-3px);animation:.6s ease-in-out cuteBounce}.mail-interface-title{margin:0;font-family:var(--font-family);font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:10px}.mail-header-actions{display:flex;gap:12px;margin-left:16px}.modern-btn{background:var(--bg-color);border:2px solid var(--bg-color);color:var(--body-text);padding:10px 20px;border-radius:25px;font-family:var(--font-family);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;gap:8px;text-decoration:none}.modern-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2);animation:.6s ease-in-out cuteBounce}.modern-btn.primary{background:var(--header-text);color:var(--body-text);border-color:var(--header-text)}.modern-btn.secondary{background:0 0;color:var(--body-text);border-color:var(--bg-color)}.modern-btn.danger{background:#ff6b9d;color:var(--body-text);border-color:#ff6b9d}.modern-mail-tabs{background:var(--bg-secondary);display:flex;border-bottom:2px solid var(--accent);padding:0 24px}.modern-mail-tab{background:0 0;border:none;padding:16px 24px;cursor:pointer;font-family:var(--font-family);font-size:.95rem;color:var(--footer-text);border-bottom:3px solid transparent;transition:all var(--transition-speed);position:relative}.modern-mail-tab:hover{background:var(--highlight);color:var(--header-text);animation:.4s ease-in-out cuteBounce}.modern-mail-tab.active{background:var(--bg-color);color:var(--header-text);border-bottom-color:var(--header-text);font-weight:600}.modern-mail-tab .tab-content{display:flex;align-items:center;gap:8px;position:relative}.modern-tab-badge{background:#ff6b9d;color:#fff;font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:600;min-width:18px;text-align:center;animation:2s ease-in-out infinite cuteBadgePulse}.modern-mail-content{flex:1;overflow-y:auto;max-height:calc(80vh - 200px)}.modern-mail-header{margin-bottom:24px;text-align:center}.modern-mail-header h3{margin:0 0 8px;font-family:var(--font-family);font-size:1.3rem;color:var(--header-text);display:flex;align-items:center;justify-content:center;gap:10px}.mail-section-desc{margin:0;color:var(--footer-text);font-size:.9rem}.modern-mail-list{display:grid;gap:12px}.modern-mail-item{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:var(--border-radius);padding:16px 20px;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.modern-mail-item::before{content:'✨';position:absolute;top:12px;right:16px;font-size:.8rem;opacity:0;transition:.4s cubic-bezier(.68, -.55, .265, 1.55);transform:rotate(-15deg)}.modern-mail-item:hover{background:var(--highlight);border-color:var(--header-text);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.modern-mail-item:hover::before{opacity:1;transform:rotate(0) scale(1.2)}.modern-mail-item.unread{background:linear-gradient(135deg,var(--highlight) 0,#ffd93d22 100%);border-color:#ffd93d;box-shadow:0 0 0 1px #ffd93d44}.mail-item-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.modern-mail-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,var(--header-text) 100%);display:flex;align-items:center;justify-content:center;color:var(--bg-color);font-weight:700;font-size:1.2rem;flex-shrink:0;border:3px solid var(--bg-color);box-shadow:0 2px 8px rgba(0,0,0,.1)}.modern-mail-avatar.sent{background:linear-gradient(135deg,#6bcf7f 0,#4a9e5e 100%)}.mail-item-info{flex:1;min-width:0}.mail-sender-name{font-family:var(--font-family);font-weight:600;color:var(--header-text);font-size:1rem;margin-bottom:4px}.mail-subject-text{font-family:var(--font-family);font-weight:500;color:var(--body-text);font-size:.95rem;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-preview{color:var(--footer-text);font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.mail-timestamp{color:var(--footer-text);font-size:.8rem;font-weight:500;text-align:right;min-width:80px}.modern-unread-dot{width:12px;height:12px;background:#ff6b9d;border-radius:50%;animation:2s ease-in-out infinite cuteOnlinePulse;box-shadow:0 0 0 2px #ff6b9d44}.mail-item-actions{display:flex;gap:8px;opacity:0;transition:opacity var(--transition-speed)}.modern-mail-item:hover .mail-item-actions{opacity:1}.modern-action-btn{background:var(--bg-color);border:2px solid var(--accent);color:var(--header-text);width:36px;height:36px;border-radius:50%;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;justify-content:center;font-size:.9rem}.modern-action-btn:hover{background:var(--header-text);color:var(--bg-color);transform:scale(1.1);animation:.4s ease-in-out cuteBounce}.modern-action-btn.delete:hover{background:#ff6b9d;border-color:#ff6b9d}.modern-empty-state{text-align:center;padding:60px 20px;color:var(--footer-text)}.modern-empty-state .empty-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.modern-empty-state h4{margin:0 0 8px;font-family:var(--font-family);color:var(--header-text);font-size:1.2rem}.modern-empty-state p{margin:0 auto;font-size:.9rem;max-width:300px;line-height:1.5}.modern-compose-form{max-width:600px;margin:0 auto}.compose-form-group{margin-bottom:20px}.compose-form-group label{display:block;margin-bottom:8px;font-family:var(--font-family);font-weight:600;color:var(--header-text);display:flex;align-items:center;gap:8px}.modern-input-field,.modern-textarea-field{width:100%;padding:12px 16px;border:2px solid var(--accent);border-radius:var(--border-radius);background:var(--bg-secondary);color:var(--body-text);font-family:var(--font-family);font-size:.95rem;transition:all var(--transition-speed);box-sizing:border-box}.modern-input-field:focus,.modern-textarea-field:focus{outline:0;border-color:var(--header-text);background:var(--highlight);box-shadow:0 0 0 3px rgba(139,111,71,.1)}.modern-textarea-field{resize:vertical;min-height:90px;max-height:90px;line-height:1.5}.compose-actions,.reply-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.mail-detail-view{background:var(--bg-color);overflow:hidden;max-height:80vh;display:flex;flex-direction:column}.mail-detail-header{background:var(--accent);color:var(--bg-color);padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--header-text)}.back-to-list-btn{background:0 0;border:2px solid var(--bg-color);color:var(--body-text);padding:8px 16px;border-radius:20px;font-family:var(--font-family);font-size:.9rem;cursor:pointer;transition:all var(--transition-speed);display:flex;align-items:center;gap:8px}.back-to-list-btn:hover{background:var(--bg-color);color:var(--body-text);transform:translateX(-3px)}.detail-actions{display:flex;gap:8px}.modern-mail-detail-content{flex:1;overflow-y:auto;max-height:30vh;background:var(--bg-secondary);color:var(--body-text);font-family:var(--font-family);line-height:1.6}.modern-reply-form{padding:20px 24px;background:var(--bg-color);border-top:2px solid var(--accent)}.reply-form-header{margin-bottom:16px}.reply-form-header h4{margin:0;font-family:var(--font-family);color:var(--header-text);display:flex;align-items:center;gap:8px}.detail-placeholder{text-align:center;color:var(--footer-text);padding:60px 20px}.detail-placeholder .placeholder-icon{font-size:4rem;margin-bottom:16px;opacity:.6}.detail-placeholder h4{margin:0 0 8px;font-family:var(--font-family);color:var(--header-text);font-size:1.2rem}.detail-placeholder p{margin:0 auto;font-size:.9rem;max-width:300px;line-height:1.5}.notification-subtabs{display:flex;border-radius:var(--border-radius);overflow-x:auto;gap:5px;padding:8px;margin-bottom:15px;flex-direction:column}.notification-subtab-button{padding:10px 15px;background:var(--bg-color);border:2px solid var(--accent);border-radius:20px;cursor:pointer;font-size:.85rem;transition:var(--transition-speed);white-space:nowrap;display:flex;align-items:center;gap:8px;font-family:var(--font-family);color:var(--body-text);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1)}.notification-subtab-button:hover{background:var(--highlight);border-color:var(--header-text);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.notification-subtab-button.active{background:var(--accent);color:var(--body-text);border-color:var(--header-text);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.subtab-icon{font-size:1.1rem;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .1))}.subtab-count{background:var(--highlight);color:var(--header-text);padding:2px 6px;border-radius:10px;font-size:.7rem;font-weight:700;border:1px solid var(--accent)}.notification-subtab-button.active .subtab-count{background:var(--bg-color);color:var(--body-text)}.notification-subtab-content-container{max-height:500px;overflow-y:auto;background:var(--bg-color);border-radius:var(--border-radius);padding:10px}.notification-subtab-content{display:none}.notification-subtab-content.active{animation:.3s ease-in-out cuteContentFadeIn}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-card{background:linear-gradient(135deg,#fff8e1 0,#fffbf0 100%);border:2px solid #32ff32;border-radius:var(--border-radius);padding:15px;margin-bottom:12px;transition:var(--transition-speed);display:flex;align-items:flex-start;gap:12px;cursor:pointer;box-shadow:0 3px 8px rgba(50,255,50,.2);position:relative;overflow:hidden}.notification-card::before{content:'✨';position:absolute;top:8px;right:10px;font-size:.9rem;opacity:.6}.notification-card:hover{background:linear-gradient(135deg,#e8f5e8 0,#f0fff0 100%);border-color:#0f0;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,255,0,.3)}.notification-card.unread{background:linear-gradient(135deg,#fff3e0 0,#ffe0b2 100%);border-color:orange;box-shadow:0 3px 8px rgba(255,165,0,.3)}.notification-card.unread::before{content:'🔔';color:orange}.notification-card.read{background:linear-gradient(135deg,#f3f9ff 0,#e3f2fd 100%);border-color:#00bfff;box-shadow:0 2px 6px rgba(0,191,255,.2)}.notification-card.read::before{content:'✅';color:#00bfff}.notification-icon{font-size:1.5rem;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1))}.notification-content{flex:1;display:flex;flex-direction:column;gap:8px}.notification-message{color:var(--body-text);font-family:var(--font-family);font-size:var(--font-size);line-height:1.4;font-weight:500}.notification-meta{display:flex;justify-content:space-between;align-items:center}.notification-time{font-size:.8rem;color:var(--footer-text);background:var(--highlight);padding:2px 8px;border-radius:12px;border:1px solid var(--accent);font-weight:500}.quick-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.quick-action-btn{background:var(--highlight);border:2px solid var(--accent);border-radius:var(--border-radius);padding:15px 12px;cursor:pointer;transition:var(--transition-speed);display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;font-family:var(--font-family);text-align:center}.quick-action-btn:hover{background:var(--bg-color);border-color:var(--header-text);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.action-icon{font-size:1.5rem;line-height:1}.action-text{font-size:.85rem;font-weight:600;color:var(--body-text)}.action-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:#fff}.recent-messages-list{list-style:none;padding:0;margin:0}.recent-message-item{background:var(--highlight);border:2px solid var(--accent);border-radius:var(--border-radius);padding:12px;margin-bottom:8px;cursor:pointer;transition:var(--transition-speed);display:flex;align-items:center;gap:12px;position:relative}.recent-message-item:hover{background:var(--bg-color);border-color:var(--header-text);transform:translateX(3px)}.recent-message-item.unread{border-color:#00bfff;background:linear-gradient(135deg,#f0f9ff 0,#e0f2fe 100%)}.message-avatar{background:var(--accent);color:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-info{flex:1;min-width:0}.message-header{display:flex;justify-content:space-between;align-items:center}.message-sender{font-weight:600;color:var(--header-text);font-size:.9rem}.message-time{font-size:.75rem;color:var(--footer-text)}.message-preview{font-size:.85rem;color:var(--body-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-message-item .unread-indicator{width:8px;height:8px;background:#00bfff;border-radius:50%;flex-shrink:0;box-shadow:0 0 4px rgba(0,191,255,.5)}.empty-note{font-style:italic;text-align:center;color:var(--footer-text);font-family:var(--font-family);font-size:var(--font-size);padding:30px 20px;background:var(--highlight);border-radius:var(--border-radius);border:2px dashed var(--accent);margin:20px 0;box-shadow:var(--shadow);position:relative}.empty-note::before{content:'🌸';display:block;font-size:2rem;margin-bottom:12px;opacity:.8;animation:3s ease-in-out infinite cuteBounce}@media (max-width:768px){.inbox-panel{width:95vw;max-width:480px;right:2.5vw;max-height:90vh}.inbox-tabs{padding:4px}.inbox-tab-button{font-size:.75rem;padding:8px 4px}.inbox-content{padding:12px;min-height:300px}.friend-list li,.inbox-list li,.mail-item{padding:12px;flex-direction:column;align-items:flex-start;gap:12px}.friend-actions{width:100%;justify-content:space-between}.mail-layout{flex-direction:column;gap:16px}.content-section{margin-bottom:20px}}@media (max-width:480px){.inbox-panel{width:100vw;right:0;border-radius:0;top:70px;max-height:calc(100vh - 70px)}.inbox-tab-button{font-size:.7rem;padding:6px 2px}.friend-avatar,.mail-avatar{width:32px;height:32px;font-size:.9rem}.section-header{padding:12px 16px}.section-content{padding:16px}}.chat-settings{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;padding:15px;background:var(--highlight);border:2px solid var(--accent);border-radius:var(--border-radius);position:relative}.chat-settings::before{content:'💬';position:absolute;top:-5px;right:10px;font-size:1.2rem;background:var(--bg-color);padding:2px 6px;border-radius:50%}.chat-setting{display:flex;align-items:center;gap:8px;font-family:var(--font-family);font-size:var(--font-size);color:var(--body-text)}.chat-setting input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;border-radius:4px}.chat-setting label{cursor:pointer;user-select:none;font-weight:500}.chat-panel{background:var(--bg-secondary);border:2px solid var(--accent);border-radius:var(--border-radius);overflow:hidden;margin-top:15px;box-shadow:var(--shadow);animation:.4s ease-out cuteSlideIn}.chat-header{background:var(--header-text);color:var(--bg-color);padding:12px 15px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family);font-weight:700;position:relative}.chat-header::after{content:'✨';position:absolute;right:50px;animation:2s ease-in-out infinite cuteBounce}.chat-title{display:flex;align-items:center;gap:8px}.chat-users-count{display:flex;align-items:center;gap:5px;font-size:.9em;opacity:.9;background:rgba(255,255,255,.1);padding:4px 8px;border-radius:12px}.chat-tabs{display:flex;background:var(--bg-secondary);border-bottom:2px solid var(--accent)}.chat-tab-button{flex:1;background:var(--highlight);color:var(--header-text);border:none;border-right:1px solid var(--accent);padding:10px 8px;cursor:pointer;text-align:center;font-family:var(--font-family);font-weight:600;font-size:var(--font-size);transition:var(--transition-speed);display:flex;align-items:center;justify-content:center;gap:5px;position:relative}.chat-tab-button:last-child{border-right:none}.chat-tab-button::before{content:'';position:absolute;bottom:0;left:0;right:0;height:0;background:var(--accent);transition:height .3s}.chat-tab-button:hover{background:var(--bg-secondary);color:var(--body-text);transform:translateY(-1px)}.chat-tab-button:hover::before{height:3px}.chat-tab-button.active{background:var(--accent);color:var(--bg-color);font-weight:700}.chat-tab-button.active::before{height:3px}.chat-messages-container{position:relative;height:280px;background:var(--bg-color)}.chat-messages{height:100%;overflow-y:auto;padding:5px;background:var(--bg-color);font-family:var(--font-family);font-size:var(--font-size);color:var(--body-text);line-height:1.4}#mailDetailBox::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.modern-mail-content::-webkit-scrollbar,.notification-subtab-content-container::-webkit-scrollbar{width:9px}#mailDetailBox::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track,.modern-mail-content::-webkit-scrollbar-track,.notification-subtab-content-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius)}#mailDetailBox::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb,.modern-mail-content::-webkit-scrollbar-thumb,.notification-subtab-content-container::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--border-radius);border:1px solid var(--bg-color)}#mailDetailBox::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover,.modern-mail-content::-webkit-scrollbar-thumb:hover,.notification-subtab-content-container::-webkit-scrollbar-thumb:hover{background:var(--header-text)}.chat-message{margin-bottom:12px;padding:8px 12px;background:var(--highlight);border:2px solid var(--accent);border-radius:var(--border-radius);position:relative;animation:.3s ease-out messageSlideIn;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chat-message.own-message{background:linear-gradient(135deg,var(--accent) 0,var(--header-text) 100%);color:var(--bg-color);border-color:var(--header-text);margin-left:20%}.chat-message.admin-message{background:linear-gradient(135deg,#ffd93d 0,#e6c200 100%);border-color:#e6c200;color:var(--body-text)}.chat-message.clan-message{background:linear-gradient(135deg,#6bcf7f 0,#52b86a 100%);border-color:#52b86a;color:var(--body-text)}.chat-message::before{content:'✨';position:absolute;top:8px;right:10px;font-size:.8rem;opacity:0;transition:.4s cubic-bezier(.68, -.55, .265, 1.55)}.chat-message:hover::before{opacity:1;transform:scale(1.2)}.chat-message:hover{transform:translateY(-2px);box-shadow:0 4px 12 zestawpx rgba(0,0,0,.15)}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chat-message.own-message .message-header{flex-direction:row-reverse}.avatar-wrapper{display:flex;align-items:center;gap:8px;flex-shrink:0}.message-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0,var(--header-text) 100%);display:flex;align-items:center;justify-content:center;color:var(--bg-color);font-weight:700;font-size:1.1rem;border:2px solid var(--bg-color);box-shadow:0 2px 4px rgba(0,0,0,.1)}.message-username{font-family:var(--font-family);font-weight:600;font-size:1rem;color:var(--header-text);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.message-username.admin{color:#ffd93d;text-shadow:0 0 4px rgba(255,217,61,.6)}.message-username.clan-member{color:#6bcf7f;text-shadow:0 0 4px rgba(107,207,127,.6)}.timestamp-wrapper{flex-shrink:0;display:flex;justify-content:flex-end;min-width:80px}.message-timestamp{font-size:.8rem;color:var(--footer-text);background:var(--highlight);padding:2px 8px;border-radius:12px;border:1px solid var(--accent);font-weight:500;text-align:right}.chat-message.own-message .message-timestamp{background:var(--bg-secondary)}.message-content{display:flex;flex-direction:column;gap:4px;width:100%}.message-bubble{background:var(--bg-color);padding:8px 12px;border-radius:15px;border:1px solid var(--accent);box-shadow:0 2px 4px rgba(0,0,0,.1)}.chat-message.own-message .message-bubble{background:var(--bg-secondary);border-color:var(--header-text)}.message-text{font-family:var(--font-family);font-size:var(--font-size);color:var(--body-text);line-height:1.4;word-break:break-word}.message-reactions{display:flex;gap:4px;margin-top:4px}.reaction-button{background:var(--bg-color);border:2px solid var(--accent);border-radius:15px;padding:4px 8px;font-size:.9rem;cursor:pointer;transition:var(--transition-speed);display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.reaction-button:hover{background:var(--highlight);border-color:var(--header-text);transform:scale(1.1);animation:.4s ease-in-out cuteBounce}.reaction-button.active{background:var(--accent);color:var(--bg-color);border-color:var(--header-text)}@keyframes messageSlideIn{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes cuteBounce{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.chat-message{padding:6px 8px;margin-bottom:8px}.message-avatar{width:32px;height:32px;font-size:.9rem}.message-username{font-size:.9rem}.message-timestamp{font-size:.7rem;padding:2px 6px}.chat-message.own-message{margin-left:15%}}@media (max-width:480px){.chat-message{padding:6px 8px}.message-header{flex-wrap:wrap;gap:4px}.avatar-wrapper{margin-bottom:4px}.timestamp-wrapper{align-self:flex-end;width:100%;text-align:right}.chat-message.own-message{margin-left:10%}}.typing-indicator{position:absolute;bottom:5px;left:15px;display:flex;align-items:center;gap:8px;font-style:italic;color:var(--footer-text);font-size:.85em;background:var(--highlight);padding:4px 10px;border-radius:15px;border:1px solid var(--accent)}.typing-dots{display:flex;gap:3px}.typing-dot{width:4px;height:4px;border-radius:50%;background:var(--accent);animation:1.4s ease-in-out infinite typingAnimation}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,100%,60%{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}.chat-input-container{background:var(--bg-secondary);border-top:2px solid var(--accent);padding:12px;position:relative}.chat-input-container::before{content:'💭';position:absolute;top:-8px;left:20px;background:var(--bg-secondary);padding:2px 6px;border-radius:50%;font-size:1rem}.mention-autocomplete{background:var(--highlight);border:2px solid var(--accent);border-radius:var(--border-radius);max-height:120px;overflow-y:auto;margin-bottom:8px;display:none;box-shadow:var(--shadow)}.mention-suggestion{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--accent);transition:var(--transition-speed)}.mention-suggestion.selected,.mention-suggestion:hover{background:var(--accent);color:var(--bg-color)}.chat-input-wrapper{display:flex;gap:8px;align-items:flex-end}.chat-input-field{flex:1;background:var(--bg-color);border:2px solid var(--accent);border-radius:20px;padding:10px 15px;font-family:var(--font-family);font-size:var(--font-size);color:var(--body-text);resize:none;min-height:20px;max-height:80px;transition:var(--transition-speed)}.chat-input-field:focus{border-color:var(--header-text);outline:0;box-shadow:0 0 0 3px rgba(139,111,71,.2)}.chat-input-field::placeholder{color:var(--footer-text);opacity:.7}.chat-input-buttons{display:flex;gap:5px}.chat-input-button{background:var(--accent);color:var(--bg-color);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:1rem;transition:var(--transition-speed);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chat-input-button:hover{background:var(--header-text);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.chat-input-button:active{transform:translateY(0)}.emoji-picker-button:hover{animation:.6s ease-in-out cuteBounce}.emoji-picker{position:absolute;bottom:70px;right:10px;width:350px;max-height:420px;background:var(--bg-color);border:3px solid var(--accent);border-radius:15px;box-shadow:var(--shadow-deep);z-index:10000;display:none;animation:.4s cubic-bezier(.68,-.55,.265,1.55) cuteSlideIn;overflow:hidden}.emoji-picker.show{display:block}.emoji-picker-header{background:var(--accent);color:var(--bg-color);padding:12px 15px;font-family:var(--font-family);font-weight:700;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative}.emoji-picker-header::before{content:'😊';position:absolute;left:15px;font-size:1.2rem}.emoji-picker-header span{margin-left:30px}.emoji-picker-close{background:var(--bg-color);border:2px solid var(--header-text);color:var(--header-text);font-size:1rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:var(--transition-speed)}.emoji-picker-close:hover{background:var(--header-text);color:var(--bg-color);transform:rotate(90deg)}.emoji-search{padding:12px;background:var(--bg-secondary);border-bottom:2px solid var(--accent)}.emoji-search input{width:calc(100% - 24px);padding:10px 12px;border:2px solid var(--accent);border-radius:20px;background:var(--bg-color);font-family:var(--font-family);font-size:var(--font-size);color:var(--body-text);transition:var(--transition-speed)}.emoji-search input:focus{border-color:var(--header-text);outline:0;box-shadow:0 0 0 3px rgba(139,111,71,.2)}.emoji-search input::placeholder{color:var(--footer-text);opacity:.7}.recent-emojis{background:var(--highlight);border-bottom:2px solid var(--accent);padding:10px 12px}.recent-emojis-title{font-family:var(--font-family);font-weight:700;color:var(--header-text);margin-bottom:8px;font-size:.9rem}.recent-emojis-grid{display:flex;gap:5px;flex-wrap:wrap}.recent-emojis-grid .emoji-item{padding:6px;background:var(--bg-color);border:1px solid var(--accent);border-radius:8px;font-size:1.1rem}.emoji-categories{display:flex;background:var(--bg-secondary);border-bottom:2px solid var(--accent);overflow-x:auto;padding:5px;gap:3px}.emoji-categories::-webkit-scrollbar{height:4px}.emoji-categories::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--border-radius)}.emoji-category-button{padding:8px 12px;background:var(--bg-color);border:2px solid var(--accent);border-radius:15px;cursor:pointer;font-size:1.2rem;transition:var(--transition-speed);white-space:nowrap;min-width:45px;display:flex;align-items:center;justify-content:center}.emoji-category-button:hover{background:var(--highlight);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.emoji-category-button.active{background:var(--accent);color:var(--bg-color);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:3px;padding:12px;max-height:220px;overflow-y:auto;background:var(--bg-color)}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--border-radius)}.emoji-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:var(--border-radius)}.emoji-item{padding:8px;text-align:center;cursor:pointer;border-radius:8px;transition:var(--transition-speed);font-size:1.3rem;background:var(--highlight);border:1px solid transparent}.emoji-item:hover{background:var(--accent);border-color:var(--header-text);transform:scale(1.3);box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:10;position:relative}.char-counter{position:absolute;bottom:16px;right:120px;font-size:.8rem;color:var(--footer-text);opacity:.7;font-family:var(--font-family)}.char-counter.warning{color:#ff8c42;font-weight:700}.char-counter.danger{color:#ff6b9d;font-weight:700;animation:1s ease-in-out infinite cuteBadgePulse}