:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #242424;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #8b5cf6;--accent-hover: #9f7aea;--accent-dim: #6b46c1;--border: #3a3a3a;--success: #10b981;--danger: #ef4444;--group-accent-primary: #8b5cf6;--group-accent-secondary: #7c3aed;--safe-area-top: env(safe-area-inset-top);--safe-area-bottom: env(safe-area-inset-bottom)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}@media (max-width: 768px),(pointer: coarse){*,*:before,*:after{scrollbar-width:none!important}*::-webkit-scrollbar{display:none!important}}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}#app{height:100vh;height:100dvh;display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.floating-orbs{display:none;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:float 20s infinite ease-in-out}.orb:nth-child(1){width:300px;height:300px;background:linear-gradient(135deg,#503c7826,#3228501a);top:-150px;left:-150px}.orb:nth-child(2){display:none}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.app-container{display:flex;height:100%;position:relative;z-index:1}.sidebar{width:100%;background:var(--bg-secondary);display:flex;flex-direction:column;border-right:1px solid var(--border);transition:transform .3s ease}.sidebar.hidden{transform:translate(-100%);position:absolute;height:100%;z-index:10}.chat-view{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);height:100%;overflow:hidden}@keyframes headerFadeIn{0%{opacity:0}to{opacity:1}}.header{background:#242424;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:12px 16px;flex-shrink:0;animation:headerFadeIn .3s ease-in-out;position:relative;overflow:hidden}#chatHeader:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at center,rgba(100,100,100,.15) 0%,transparent 70%);pointer-events:none;z-index:0}#chatHeader>*{position:relative;z-index:1}.header-back{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;margin-right:16px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background .2s}.header-back:active{background:var(--bg-tertiary)}.header-avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;flex-shrink:0;background-size:cover;background-position:center;position:relative}.header-avatar .status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #1a1a1a}.header-avatar .status-indicator.online{background:#10b981;animation:pulse 2s infinite}.header-avatar .status-indicator.offline{background:#ef4444}.header-avatar.with-image{background:none;background-size:cover;background-position:center;border:2px solid var(--bg-tertiary)}.header-title{flex:1;font-size:20px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.header-info{display:flex;align-items:center;gap:8px}.header-status{font-size:13px;color:#8e8e93;transition:all .3s ease;display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.header-status.online{color:#8e8e93}.header-status.online .status-dot{background:#25d366;opacity:1;transform:scale(1);animation:pulse 2s infinite}.header-status.offline .status-dot{background:#ff3b30;opacity:.7;transform:scale(1)}@keyframes pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 4px #25d36600}to{box-shadow:0 0 #25d36600}}.messages-container{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;min-height:0}.messages-concealed{opacity:0;pointer-events:none;will-change:opacity}.messages-visible{opacity:1;transition:opacity .4s ease;will-change:auto}.message{max-width:80%;margin-bottom:12px;animation:messageSlide .2s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.shimmer-gradient-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:200;background:linear-gradient(90deg,#8d00c8,#6527c6,#8d00c8,#6527c6,#8d00c8);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;animation:shimmer 6s linear infinite;display:inline-block}@keyframes shimmer{0%{background-position:0% center}to{background-position:200% center}}.date-divider{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;line-height:1;background:var(--bg-secondary);color:var(--text-secondary)}.message.me{align-self:flex-end}.message.them{align-self:flex-start}.message-bubble{padding:10px 14px;border-radius:18px;word-wrap:break-word;position:relative;transition:background-color .24s ease,box-shadow .24s ease;z-index:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.message.me .message-bubble{background:var(--accent);border-bottom-right-radius:4px}.message.them .message-bubble{background:var(--bg-secondary);border-bottom-left-radius:4px}.message,.message *,.message-bubble,.message-content,.message-reply{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.message.system{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;margin:12px auto;width:100%}.message.system .message-bubble{background:#ffffff14;border:1px solid rgba(255,255,255,.12);padding:8px 16px;border-radius:16px;font-size:13px;color:#ffffffb3;max-width:none;text-align:center}.message.system .message-time{display:flex;justify-content:center;font-size:11px;color:#ffffff80;margin-top:4px}.message.call-log{display:flex;align-items:center;justify-content:center;max-width:100%;margin:12px auto;width:100%}.message.call-log .message-bubble{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);padding:8px 16px;border-radius:16px;font-size:13px;color:#fffc;max-width:none;text-align:center;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.message.call-log .message-bubble:before{content:"☎";font-size:14px}.message.call-log .inline-time{font-size:11px;color:#ffffff80;margin-left:4px}.message-time{font-size:11px;color:var(--text-secondary);margin-top:4px;display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s ease,color .3s ease}.message-time.expanding{animation:timestampPush .4s cubic-bezier(.34,1.56,.64,1)}.message-time.expanded{color:var(--text-primary)}.message-time:active{transform:scale(.95)}@keyframes timestampPush{0%{transform:scale(1)}30%{transform:scale(.92)}60%{transform:scale(1.05)}to{transform:scale(1)}}.message.me .message-time{justify-content:flex-end}.message-reply{background:#0003;border-left:2px solid var(--accent);border-radius:4px;padding:6px 8px;margin-bottom:6px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:8px}.message-reply .reply-content{flex:1;min-width:0}.message-reply .reply-sender{font-size:12px;font-weight:600;color:var(--accent);margin-bottom:2px}.message.me .message-reply{background:#3a3a3a!important;border-left-color:#999}.message.me .message-reply .reply-sender{color:#d4d4d4;font-weight:600}.message.me .message-reply .reply-text{color:#999}.message-reply .reply-text{font-size:13px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.them .message-reply{background:#ffffff1a}.message.them .message-reply .reply-text{color:var(--text-secondary)}.message-reply.has-media{padding:4px}.reply-thumbnail{width:48px;height:48px;flex-shrink:0;border-radius:4px;overflow:hidden;background:#0000004d}.reply-thumbnail img{width:100%;height:100%;object-fit:cover}.reply-thumbnail.reply-veilmoji{background:transparent;display:flex;align-items:center;justify-content:center}.reply-thumbnail.reply-veilmoji svg{width:100%;height:100%}.message-reply.has-media .reply-content{padding:2px 4px}.message-bubble{position:relative}.message.me .message-bubble:before{content:"↪";position:absolute;left:-25px;top:8px;font-size:18px;color:var(--accent);opacity:.6;display:none}.message.them .message-bubble:after{content:"↩";position:absolute;right:-25px;top:8px;font-size:18px;color:var(--accent);opacity:.6;display:none}.message.me:has(.message-reply) .message-bubble:before{display:block}.message.them:has(.message-reply) .message-bubble:after{display:block}.message .message-bubble{position:relative;transition:background-color .6s ease-out,transform .3s ease}.message.highlight .message-bubble{animation:highlightPulse 1.5s cubic-bezier(.68,-.55,.265,1.55);transform-origin:center}@keyframes highlightPulse{0%{background-color:#8b5cf680;transform:scale(1) translateY(0)}15%{background-color:#a78bfa99;transform:scale(1.08) translateY(-2px)}30%{background-color:#8b5cf680;transform:scale(.95) translateY(0)}45%{background-color:#8b5cf666;transform:scale(1.04) translateY(-1px)}60%{transform:scale(.98) translateY(0)}to{background-color:#8b5cf64d;transform:scale(1) translateY(0)}}.message.highlight .message-bubble{background-color:#8b5cf64d!important}.message.me.highlight .message-bubble{background-color:#a78bfa4d!important}.message-sender-info{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-sender-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.message-sender-avatar.with-image{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}.message-sender-name{font-size:12px;color:var(--text-secondary);font-weight:500}.message.group-message.them{padding-left:32px}.message.group-message.them .message-sender-info{margin-left:-32px}.message.group-message.consecutive{margin-top:2px}.message.group-message.consecutive.them{padding-left:32px}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;align-items:center}.typing-indicator{align-self:flex-start;max-width:70%;margin:8px 0;animation:fadeIn .3s ease}.typing-text{color:var(--text-secondary);font-size:13px;font-style:italic;margin-right:6px}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:typingDot 1.4s infinite}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1;background:var(--accent-hover);box-shadow:0 2px 8px #8b5cf680}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.input-container{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;gap:8px;align-items:flex-end;flex-shrink:0;position:sticky;bottom:0;z-index:5}.input-wrapper{flex:1;background:var(--bg-tertiary);border-radius:24px;display:flex;align-items:center;padding:8px 16px;min-height:44px}.message-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:16px;outline:none;resize:none;max-height:120px;line-height:1.4}.stt-button{background:transparent;border:none;cursor:pointer;padding:6px;margin-left:4px;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .2s ease,transform .2s ease;flex-shrink:0;border-radius:50%}.stt-button svg{fill:var(--text-secondary);transition:fill .2s ease}.stt-button:hover{opacity:.8;transform:scale(1.1)}.stt-button:active{transform:scale(.95)}.stt-button.recording{opacity:1}.stt-button.recording svg{fill:#ef4444;animation:stt-pulse 1.5s infinite}.stt-button.transcribing{opacity:.7}.stt-button.transcribing svg{animation:stt-spin 1s linear infinite}@keyframes stt-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes stt-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.send-button{width:48px;height:48px;border-radius:50%;background:var(--accent);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.send-button:active{transform:scale(.95);background:var(--accent-dim)}.reply-preview{display:none;align-items:center;padding:12px 16px;background:var(--bg-primary);border-left:4px solid var(--accent);position:fixed;left:0;right:0;bottom:116px;z-index:49;opacity:0;transform:translateY(10px);transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.1)}.chat-view-active .reply-preview{bottom:56px}@media (max-width: 768px){.reply-preview{bottom:116px}.chat-view-active .reply-preview{bottom:56px}}.reply-preview.active{opacity:1;transform:translateY(0)}.reply-bar{width:3px;height:100%;background:var(--accent);position:absolute;left:0;top:0;border-radius:3px 0 0 3px}.reply-content{flex:1;margin-left:8px}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.reply-to-name{font-size:13px;font-weight:600;color:var(--accent)}.reply-text{font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-veilmoji-container{width:32px;height:32px;display:inline-block;vertical-align:middle}.reply-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.reply-close:hover{background:#ffffff1a;color:var(--text-primary)}.chat-item-wrapper{position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:var(--bg-primary);transition:background .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.68,-.55,.265,1.55);overscroll-behavior-x:contain;touch-action:pan-y}@keyframes pinChat{0%{transform:translate(0) scale(1);opacity:1}40%{transform:translate(30px) scale(1.02);opacity:.9}60%{transform:translate(-10px) scale(1.01);opacity:.95}to{transform:translate(0) scale(1);opacity:1}}@keyframes pinnedArrival{0%{transform:translateY(-30px) scale(.98);opacity:0}60%{transform:translateY(3px) scale(1.01);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes unpinChat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(.98)}to{transform:translateY(0) scale(1)}}.chat-item-wrapper.pinning{animation:pinChat .6s cubic-bezier(.68,-.55,.265,1.55)}.chat-item-wrapper.pinned-arrival{animation:pinnedArrival .5s cubic-bezier(.25,.46,.45,.94)}.chat-item-wrapper.unpinning{animation:unpinChat .5s cubic-bezier(.4,0,.2,1)}.chat-item-wrapper.pinned{background:linear-gradient(135deg,#8b5cf614,#8b5cf608);box-shadow:inset 0 0 20px #8b5cf61a}.pinned-indicator{position:absolute;top:10px;left:10px;font-size:14px;z-index:10;transform:scaleX(-1);filter:saturate(.8)}.chat-actions{position:absolute;top:0;right:0;bottom:0;width:200px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:1}.chat-item{position:relative;background:var(--bg-primary);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2;will-change:transform}.chat-item-content{display:flex;padding:12px 16px;cursor:pointer;transition:background .2s;background:var(--bg-primary)}.chat-item-content:active{background:var(--bg-tertiary)}.chat-item.active .chat-item-content{background:var(--bg-primary);border-left:none;padding-left:16px}.action-btn{width:42px;height:42px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative;transition:transform .2s ease}.action-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 18px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease}.action-btn:hover .action-icon{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 24px #00000073}.action-btn:active .action-icon{transform:scale(.92)}.action-btn svg{pointer-events:none}.action-pin .action-icon{background:linear-gradient(135deg,#c084fc,#7c3aed);box-shadow:0 10px 22px #7c3aed73}.action-mute .action-icon{background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 10px 22px #4f46e566}.action-archive .action-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 10px 22px #f59e0b73}.action-delete .action-icon{background:linear-gradient(135deg,#fb7185,#ef4444);box-shadow:0 10px 22px #ef444480}.chat-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;margin-right:12px;flex-shrink:0;position:relative}.hub-chat-avatar-ring{width:54px;height:54px;min-width:54px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#a855f7,#ec4899);background-size:200% 200%;animation:hubAvatarGradientFlow 8s ease-in-out infinite;padding:3px;margin-right:12px;flex-shrink:0;box-sizing:border-box}.veil-mode .hub-chat-avatar-ring{background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #8b5cf6),var(--veil-mode-nav-gradient-end, #7c3aed),var(--veil-mode-sdm-glow, #8b5cf6));background-size:200% 200%}@keyframes hubAvatarGradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hub-chat-avatar-ring .chat-avatar.hub-chat-avatar{width:100%!important;height:100%!important;min-width:unset;min-height:unset;max-width:unset;max-height:unset;overflow:hidden;box-sizing:border-box;background:#1a1a1f;margin-right:0}.chat-avatar.hub-chat-avatar{width:48px!important;height:48px!important;min-width:48px;min-height:48px;max-width:48px;max-height:48px;overflow:hidden;box-sizing:border-box;background:transparent}.chat-avatar.hub-chat-avatar>div{width:100%!important;height:100%!important}.chat-avatar.hub-chat-avatar img{width:100%!important;height:100%!important;object-fit:cover;border-radius:50%}.chat-avatar .status-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #1a1a1a}.chat-avatar .status-indicator.online{background:#10b981;animation:pulse 2s infinite}.chat-avatar .status-indicator.offline{background:#ef4444}.chat-info{flex:1;min-width:0}.chat-name{font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-last-message{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-last-message .reply-icon{font-size:15px;opacity:.75;margin-right:3px}.veilmoji-preview{display:inline;font-weight:600}.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chat-time{font-size:12px;color:var(--text-secondary)}.unread-badge{background:var(--accent);color:#fff;font-size:11px;padding:2px 6px;border-radius:12px;font-weight:600}@media (max-width: 767px){.chat-view{position:fixed;top:0;left:0;right:0;bottom:60px;height:auto;display:flex;flex-direction:column}.input-container{position:fixed;bottom:60px;left:0;right:0;padding-bottom:calc(16px + env(safe-area-inset-bottom));background:var(--bg-secondary)}.chat-view-active .input-container,.chat-view-active .chat-view{bottom:0}.messages-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:96px}}@media (min-width: 768px){.sidebar{width:320px;position:relative;transform:none!important}.sidebar.hidden,.header-back{display:none}.chat-view{border-left:1px solid var(--border)}}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--text-secondary);border-radius:50%;border-top-color:var(--accent);animation:spin .8s linear infinite}.search-highlight{background:#8b5cf64d;color:var(--primary);font-weight:600;border-radius:2px;padding:0 2px}.search-results-count{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--text-secondary);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.search-navigation{position:absolute;right:120px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;background:var(--bg-tertiary);padding:4px 8px;border-radius:12px}.match-counter{font-size:12px;color:var(--text-secondary);white-space:nowrap}.nav-arrow{background:transparent;border:none;color:var(--primary);padding:4px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-arrow:hover:not(:disabled){background:#8b5cf61a}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.search-highlight-active{animation:pulse-highlight 1s ease-in-out;background:#8b5cf61a!important;border:2px solid var(--primary)!important}@keyframes pulse-highlight{0%{box-shadow:0 0 #8b5cf666}50%{box-shadow:0 0 20px 5px #8b5cf633}to{box-shadow:0 0 #8b5cf600}}.search-term-highlight{background:#8b5cf666;color:var(--text-primary);font-weight:600;padding:1px 3px;border-radius:3px}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-y:auto}.auth-form{width:100%;max-width:400px;background:var(--bg-secondary);border-radius:16px;padding:32px 24px;position:relative;z-index:1}.auth-title{font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:var(--text-secondary);margin-bottom:32px;text-align:center}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;color:var(--text-secondary)}.form-input{width:100%;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:16px;transition:all .2s}.form-input:focus{outline:none;border-color:var(--accent)}.btn{width:100%;padding:14px;border:none;border-radius:12px;font-size:16px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:active{background:var(--accent-dim);transform:scale(.98)}.auth-switch{text-align:center;margin-top:24px;color:var(--text-secondary)}.auth-switch a{color:var(--accent);text-decoration:none;font-weight:600}#contactInfo,#groupInfo{display:none;flex-direction:column;flex:1 1 100%;overflow:hidden;background:#1a1a1a;width:100%;height:100%;position:relative}#chatView.contact-info-active,#chatView.group-info-active{height:100vh!important;height:100dvh!important}#chatView:has(#contactInfo[style*="display: flex"]) #inputContainer,#chatView.contact-info-active #inputContainer{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;z-index:-1!important}#chatView:has(#groupInfo[style*="display: flex"]) #inputContainer,#chatView.group-info-active #inputContainer{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;z-index:-1!important}.contact-info-header{display:none}.contact-back-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;margin-right:12px;border-radius:50%;transition:background .2s}.contact-back-btn:hover{background:#ffffff1a}.contact-header-title{font-size:20px;font-weight:600;color:var(--text-primary)}.contact-profile-picture{display:flex;justify-content:center;align-items:center;padding:24px 0;margin-bottom:40px;position:relative}.contact-profile-lottie{position:absolute;width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.6;z-index:0;mix-blend-mode:screen}.contact-profile-picture img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #8b5cf633;position:relative;z-index:1}.avatar-placeholder-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:#fff;border:3px solid rgba(139,92,246,.3);box-shadow:0 8px 32px #8b5cf633;position:relative;z-index:1}.contact-info-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 120px}.contact-info-content::-webkit-scrollbar{width:8px}.contact-info-content::-webkit-scrollbar-track{background:#0003}.contact-info-content::-webkit-scrollbar-thumb{background:#8b5cf64d!important;border-radius:10px}.contact-info-content::-webkit-scrollbar-thumb:hover,.contact-info-content::-webkit-scrollbar-thumb:active{background:#8b5cf64d!important}.contact-info-content{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) rgba(0,0,0,.2)}.shared-media-view{flex:1;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .2s ease-in-out}.shared-media-view.active{opacity:1}.shared-media-content-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 120px}.shared-media-content-inner::-webkit-scrollbar{width:8px}.shared-media-content-inner::-webkit-scrollbar-track{background:#0003}.shared-media-content-inner::-webkit-scrollbar-thumb{background:#8b5cf64d!important;border-radius:10px}.shared-media-content-inner::-webkit-scrollbar-thumb:hover,.shared-media-content-inner::-webkit-scrollbar-thumb:active{background:#8b5cf64d!important}.shared-media-content-inner{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) rgba(0,0,0,.2)}.starred-messages-view{flex:1;display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .2s ease-in-out}.starred-messages-view.active{opacity:1}.starred-messages-content-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 16px 120px}.starred-messages-list{padding-top:8px}.starred-messages-content-inner::-webkit-scrollbar{width:8px}.starred-messages-content-inner::-webkit-scrollbar-track{background:#0003}.starred-messages-content-inner::-webkit-scrollbar-thumb{background:#8b5cf64d!important;border-radius:10px}.starred-messages-content-inner::-webkit-scrollbar-thumb:hover,.starred-messages-content-inner::-webkit-scrollbar-thumb:active{background:#8b5cf64d!important}.starred-messages-content-inner{scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.3) rgba(0,0,0,.2)}.contact-profile-section{text-align:center;margin-top:20px;margin-bottom:48px}.contact-avatar-large{width:120px;height:120px;margin:0 auto 16px;background:linear-gradient(135deg,#6b46c1,#9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:600;color:#fff;position:relative;box-shadow:0 0 20px #9333ea4d}.contact-avatar-large.with-image{background:none;background-size:cover;background-position:center;border:3px solid var(--bg-tertiary)}.contact-avatar-large:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,#6b46c1,#9333ea);z-index:-1;opacity:.3;animation:pulse 3s infinite}.contact-username{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.contact-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#8e8e93;font-size:14px}.contact-status .status-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.contact-status.online .status-dot{background:#25d366;opacity:1;animation:pulse 2s infinite}.contact-status.offline .status-dot{background:#ff3b30;opacity:.7}.contact-info-sections{margin:0;display:flex;flex-direction:column;gap:12px}.contact-section{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#2a2a2a;border-radius:12px;margin-bottom:12px;transition:background .2s}.contact-section:hover{background:#333}.section-icon{font-size:20px;margin-top:2px}.section-label{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.section-value{font-size:14px;color:var(--text-primary)}.contact-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:16px;border-top:1px solid var(--border)}.contact-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#2a2a2a;border:none;border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.contact-action-btn:hover{background:#333;transform:translateY(-1px)}.contact-action-btn.danger{color:#ff3b30}.profile-actions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#232323f2;border:1px solid rgba(255,255,255,.1);border-radius:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0d;z-index:10}.profile-action-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;cursor:pointer;transition:all .2s ease;background:transparent;border:none;padding:0}.profile-action-btn:active{transform:scale(.9)}.action-icon-circle{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#2d2d2dcc;border:1.5px solid rgba(255,255,255,.1);transition:all .2s ease;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff08}.action-icon{font-size:24px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.action-label{display:none}.profile-action-btn.add .action-icon-circle{background:linear-gradient(135deg,#10b98140,#05966933);border-color:#10b98180}.profile-action-btn.add:hover .action-icon-circle{background:linear-gradient(135deg,#10b98159,#0596694d);box-shadow:0 0 24px #10b98180}.profile-action-btn.remove .action-icon-circle{background:linear-gradient(135deg,#ff444440,#dc262633);border-color:#ff444480}.profile-action-btn.remove:hover .action-icon-circle{background:linear-gradient(135deg,#ff444459,#dc26264d);box-shadow:0 0 24px #ff444480}.profile-action-btn.remove .action-label{color:#ff6464e6}.profile-action-btn.block .action-icon-circle{background:linear-gradient(135deg,#ef444440,#dc262633);border-color:#ef444480}.profile-action-btn.block:hover .action-icon-circle{background:linear-gradient(135deg,#ef444459,#dc26264d);box-shadow:0 0 24px #ef444480}.profile-action-btn.block .action-label{color:#ff6464e6}.profile-action-btn.unblock .action-icon-circle{background:linear-gradient(135deg,#22c55e40,#15803d33);border-color:#22c55e80}.profile-action-btn.unblock:hover .action-icon-circle{background:linear-gradient(135deg,#22c55e59,#15803d4d);box-shadow:0 0 24px #22c55e80}.profile-action-btn.clear .action-icon-circle{background:linear-gradient(135deg,#fb923c40,#ea580c33);border-color:#fb923c80}.profile-action-btn.clear:hover .action-icon-circle{background:linear-gradient(135deg,#fb923c59,#ea580c4d);box-shadow:0 0 24px #fb923c80}.profile-action-btn.clear .action-label{color:#fb923ce6}.profile-action-btn.mute .action-icon-circle{background:linear-gradient(135deg,#8b5cf640,#6d28d933);border-color:#8b5cf680}.profile-action-btn.mute:hover .action-icon-circle{background:linear-gradient(135deg,#8b5cf659,#6d28d94d);box-shadow:0 0 24px #8b5cf680}.contact-action-btn.danger:hover{background:#ff3b301a}.header-info{cursor:pointer;transition:opacity .2s}.header-info:hover{opacity:.8}.profile-banner{height:126px;position:relative;background:linear-gradient(135deg,#3b1d85,#7a04d5,#3b1d85);overflow:visible}.profile-banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><defs><linearGradient id="g"><stop offset="0%" stop-color="%23fff" stop-opacity="0.1"/><stop offset="100%" stop-color="%23fff" stop-opacity="0"/></linearGradient></defs><circle cx="200" cy="200" r="300" fill="url(%23g)"/><circle cx="1000" cy="600" r="400" fill="url(%23g)"/></svg>');opacity:.3;animation:float 20s ease-in-out infinite}.profile-back-btn-UNUSED{position:absolute;top:16px;left:16px;width:36px;height:36px;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;color:#fff}.profile-back-btn:hover{background:#00000080;transform:translate(-2px)}.profile-save-btn{position:absolute;top:16px;right:16px;padding:6px 14px;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;color:#fff!important;font-weight:600;font-size:12px;cursor:pointer;z-index:10}.profile-save-btn:disabled{background:#8b5cf64d!important;cursor:not-allowed;box-shadow:none!important}.profile-save-btn:not(:disabled){background:#8b5cf6e6!important;animation:savePulse 1.2s ease-in-out infinite}.profile-save-btn:not(:disabled):hover{background:#8b5cf6!important;transform:translateY(-2px);animation:none}@keyframes savePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.profile-save-btn-inline{padding:4px 12px;background:#8b5cf6e6!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;color:#fff!important;font-weight:600;font-size:11px;cursor:pointer;z-index:10}.profile-save-btn-inline:disabled{background:#8b5cf64d!important;cursor:not-allowed}.profile-save-btn-inline:not(:disabled){background:#8b5cf6e6!important;animation:savePulse 1.2s ease-in-out infinite}.profile-save-btn-inline:not(:disabled):hover{background:#8b5cf6!important;transform:translateY(-1px);animation:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}.profile-header-section{margin-top:-65px;position:relative;z-index:5}.profile-main{display:flex;align-items:center;gap:16px;padding:0 16px;margin-bottom:20px}.profile-avatar-container{position:relative}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;border:4px solid #1a1a1a;box-shadow:0 8px 24px #00000080;position:relative;background-size:cover;background-position:center}.profile-avatar.with-image span{display:none}.profile-status-indicator{position:absolute;bottom:2px;right:2px;width:20px;height:20px;background:#64748b;border:3px solid #1a1a1a;border-radius:50%;animation:pulse 2s ease-in-out infinite}.profile-status-indicator.online{background:#10b981}.profile-status-indicator.offline{background:#64748b}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.profile-user-info{flex:1;display:flex;align-items:center;padding-bottom:0}.profile-username-pill{display:inline-flex;align-items:center;justify-content:center;padding:0 14px 3px;height:28px;background:#000000b3;border:1px solid rgba(255,255,255,.15);border-radius:18px;font-size:16px;font-weight:700;color:#fff;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1}.badge-showcase{display:flex;gap:10px;margin:0 16px 20px;padding:14px;background:#8b5cf60d;border-radius:16px;border:1px solid rgba(139,92,246,.1)}.badge-slot{width:50px;height:50px;background:#ffffff0d;border:2px dashed rgba(139,92,246,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.badge-slot.filled{border:none;background:linear-gradient(135deg,#8b5cf633,#ec489933)}.badge-slot.empty{border:2px dashed rgba(139,92,246,.2)}.badge-slot:hover{transform:scale(1.1) rotate(-5deg);border-color:#8b5cf699}.badge-slot.filled:hover{transform:scale(1.15) rotate(-3deg)}.badge-icon{font-size:24px}.badge-rarity{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%}.badge-rarity.legendary{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 10px #fbbf2499}.badge-rarity.epic{background:linear-gradient(135deg,#a855f7,#9333ea);box-shadow:0 0 10px #a855f799}.badge-rarity.rare{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 0 10px #3b82f699}.add-badge{font-size:20px;color:#8b5cf680}.level-progress{margin:0 16px 20px;padding:14px;background:#8b5cf60d;border-radius:16px;border:1px solid rgba(139,92,246,.1)}.level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.level-title{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.level-value{font-size:13px;font-weight:600;color:#8b5cf6}.progress-bar{height:8px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:10px;position:relative;transition:width .5s ease}.xp-text{font-size:11px;color:#fff6;text-align:center}.member-since-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:20px;margin:0 16px 16px;font-size:13px;color:#ffffffb3}.member-icon{font-size:14px}.member-text{font-weight:500}.info-cards-container{background:#19191980;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:8px;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.info-card{background:#23232399;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:12px;position:relative}.info-card.clickable{cursor:pointer}.info-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.info-icon{width:40px;height:40px;background:#8b5cf626;border:1px solid rgba(139,92,246,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.info-title{font-size:15px;color:#fffffff2;font-weight:600;flex:1}.info-content{color:#fff9;font-size:13px;line-height:1.5;padding-left:50px;font-weight:400}.info-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#8b5cf680}.contact-action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;color:#fff}.contact-action-btn.primary:hover{box-shadow:0 4px 20px #8b5cf666}@media (min-width: 768px){.profile-banner{height:220px}.profile-header-section{margin-top:-70px}.profile-main{gap:20px;padding:0 24px}.profile-back-btn{width:40px;height:40px;top:20px;left:20px}.profile-avatar{width:100px;height:100px;border-radius:50%;font-size:36px}.profile-status-indicator{width:24px;height:24px}.profile-username-pill{font-size:20px;height:32px;padding:0 18px 3px}.profile-username-pill{max-width:250px}.badge-showcase{margin:0 24px 20px;padding:16px;gap:12px}.level-progress{margin:0 24px 20px}.contact-info-sections{padding:0 24px}.badge-slot{width:60px;height:60px}.badge-icon{font-size:28px}.level-progress{padding:16px}.info-card{padding:12px;margin-bottom:8px}.info-icon{width:36px;height:36px;font-size:18px}.profile-actions{padding:24px;gap:20px}.action-icon-circle{width:64px;height:64px}.action-icon{font-size:28px}.action-label{font-size:12px}}.veil-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#242424;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.veil-header:before{content:"";position:absolute;top:-50%;left:-20%;width:140%;height:200%;background:radial-gradient(ellipse at center,rgba(100,100,100,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.veil-logo{display:flex;align-items:center;margin:0;height:43px;font-size:24px;font-weight:600;background:linear-gradient(135deg,#8047f3,#9b70f3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;position:relative;z-index:1}.veil-logo-svg{width:43px;height:43px;cursor:pointer;transition:transform .12s ease-out,filter .16s ease;transform:scale(1);filter:brightness(1) saturate(1);-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;draggable:false}@keyframes logoPulse{0%{transform:scale(1);filter:brightness(1) saturate(1)}50%{transform:scale(.92);filter:brightness(1.3) saturate(1.2)}to{transform:scale(1);filter:brightness(1) saturate(1)}}.veil-logo-svg.pressed,.veil-logo-svg.logo-pulsing{animation:logoPulse .3s ease-out}.scroll-to-latest{position:fixed;left:50%;transform:translate(-50%);bottom:76px;width:64px;height:24px;border-radius:999px;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff38,#b4b4b42e);border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);box-shadow:none;color:#fff;cursor:pointer;opacity:0;transition:transform .12s ease-out,background .2s ease,opacity .2s ease;z-index:50}.scroll-to-latest.visible{display:flex;opacity:1}.scroll-to-latest:active{transform:translate(-50%) scale(.96)}.scroll-to-latest.inactive{opacity:.15;transition:opacity .6s ease}.scroll-to-latest .icon{display:inline-block}.scroll-to-latest .badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:10px;background:#ff3b3b;color:#fff;font-size:10px;font-weight:700;display:none;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000004d}.scroll-to-latest.has-unread .badge{display:flex}.messages-container{position:relative}@keyframes scrollTabPulse{0%{transform:translate(-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%) scale(.96);filter:brightness(1.08)}to{transform:translate(-50%) scale(1);filter:brightness(1)}}.scroll-to-latest.pulsing{animation:scrollTabPulse .25s ease-out}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}@keyframes innerPulse{0%,80%,to{opacity:.85;filter:brightness(1)}90%{opacity:1;filter:brightness(1.15)}}.header-actions{display:flex;gap:8px;align-items:center}.search-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-btn:hover{background:#ffffff14;color:#ffffffb3}.new-chat-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.new-chat-btn:hover{background:#ffffff14;color:#ffffffb3}.profile-menu-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.profile-menu-btn:hover{background:var(--surface-hover);color:var(--text)}.profile-menu-btn:active{transform:scale(.95)}.search-container{padding:0 16px 16px;opacity:0;transform:translateY(-10px);transition:all .3s ease;position:relative}.search-container.visible{opacity:1;transform:translateY(0)}.search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary)}.search-input:focus{background:#ffffff14;border-color:#fff3;outline:none}.profile-info-panel{position:fixed;top:0;right:-400px;width:400px;height:100%;background:#1a1a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-4px 0 24px #00000080;transition:right .3s ease;z-index:2000;display:flex;flex-direction:column;overflow:hidden}.profile-info-panel.visible{right:0}.profile-info-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#242424;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-back-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;margin-right:16px;border-radius:8px;display:flex;align-items:center;transition:all .2s ease}.profile-back-btn:hover{background:var(--surface-hover);color:var(--text)}.profile-header-title{flex:1;font-size:20px;font-weight:600;color:var(--text)}.profile-save-btn{padding:8px 16px;background:var(--surface-hover);color:var(--text-secondary);border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.profile-save-btn.has-changes{background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff}.profile-save-btn.success{background:var(--success);color:#fff}.profile-save-btn.error{background:var(--danger);color:#fff}.profile-save-btn:disabled{opacity:.7;cursor:not-allowed}.profile-info-content{flex:1;overflow-y:auto;padding:24px;background:#1a1a1a}.profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.profile-info-sections{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.profile-section{display:flex;flex-direction:column;gap:6px;padding:10px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.profile-label{font-size:12px;text-transform:uppercase;color:var(--text-secondary);font-weight:600;letter-spacing:.5px}.profile-input,.profile-textarea{width:100%;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:14px;transition:all .2s ease}.profile-input:focus,.profile-textarea:focus{outline:none;border-color:var(--primary);background:var(--surface-hover)}.profile-textarea{resize:vertical;min-height:80px;font-family:inherit}.profile-section.icon-section{flex-direction:row;align-items:center;gap:16px}.section-icon{font-size:24px}.section-content{flex:1}.section-label{font-size:12px;text-transform:uppercase;color:#ffffff80;font-weight:600;letter-spacing:.5px;margin-bottom:4px}.section-value{color:#fff;font-size:14px}.action-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:500}.action-button:hover{background:#ffffff14;border-color:#fff3}.action-button.danger{color:#ef4444;border-color:#ffffff1a}.action-button.danger:hover{background:#ffffff14;border-color:#fff3;color:#ff6b6b}.action-icon{font-size:18px}@media (max-width: 768px){.profile-info-panel{width:100%;right:-100%}.profile-info-panel.visible{right:0}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.modal-backdrop.active{opacity:1}.modal-content{background:linear-gradient(135deg,#9333ea1a,#4f46e50d);backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(147,51,234,.2);border-radius:20px;padding:0;min-width:400px;max-width:500px;box-shadow:0 8px 32px #9333ea4d,0 0 80px #9333ea1a,inset 0 0 20px #9333ea0d;transform:scale(.9) translateY(20px);transition:transform .3s cubic-bezier(.4,0,.2,1);animation:modalGlow 3s ease-in-out infinite alternate}.modal-backdrop.active .modal-content{transform:scale(1) translateY(0)}@keyframes modalGlow{0%{box-shadow:0 8px 32px #9333ea4d,0 0 80px #9333ea1a,inset 0 0 20px #9333ea0d}to{box-shadow:0 8px 40px #9333ea66,0 0 100px #9333ea26,inset 0 0 30px #9333ea14}}.modal-header{padding:24px 28px 20px;border-bottom:1px solid rgba(147,51,234,.1)}.modal-title{color:#fff;font-size:20px;font-weight:600;margin:0;letter-spacing:.5px;text-shadow:0 0 20px rgba(147,51,234,.5)}.modal-body{padding:24px 28px}.modal-body p{color:#ffffffe6;font-size:15px;line-height:1.6;margin:0}.modal-footer{padding:20px 28px 24px;display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:10px 24px;border-radius:10px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:.3px;position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.modal-btn:active:before{width:300px;height:300px}.modal-btn.btn-primary{background:linear-gradient(135deg,#9333ea,#6366f1);color:#fff;box-shadow:0 4px 15px #9333ea4d}.modal-btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9333ea66}.modal-btn.btn-secondary{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.modal-btn.btn-secondary:hover{background:#ffffff26;border-color:#9333ea4d}.modal-btn.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.modal-btn.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.sdm-selector-menu{position:fixed;z-index:1000}.sdm-selector-menu .sdm-toggle{display:none}.options-button{width:48px;height:48px;border-radius:50%;background:#9333ea26;border:1px solid rgba(147,51,234,.3);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;transition:transform .2s ease,opacity .2s ease;overflow:visible;z-index:1}.options-button svg{opacity:.6;transition:opacity .2s ease}.options-button:hover{transform:scale(1.1)}.options-button:hover svg{opacity:1!important}.options-button:active{transform:scale(.9)}.options-menu{position:fixed;display:flex;gap:8px;padding:10px;background:#1a1a1af2;border:1.5px solid rgba(147,51,234,.4);border-radius:18px;box-shadow:0 4px 20px #0000004d;z-index:1000}.sdm-persistent-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,#9333ea4d,#6366f14d);border:2px solid rgba(147,51,234,.6);pointer-events:none;animation:sdmPulse 2s ease-in-out infinite}@keyframes sdmPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.attachment-option{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:0;padding:8px 4px 6px;border-radius:16px;cursor:pointer;transition:all .2s;background:#ffffff08;border:1px solid rgba(147,51,234,.2);width:56px;height:76px}.attachment-label{font-size:9px;color:#fffc;font-weight:500;text-align:center;white-space:nowrap;margin-top:4px}.attachment-option:hover{background:#9333ea33;border-color:#9333ea80;transform:translateY(-4px);box-shadow:0 4px 12px #9333ea4d}.attachment-icon{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.attachment-option:hover .attachment-icon{transform:scale(1.1)}.attachment-option span{font-size:12px;color:var(--text-secondary);font-weight:500}.upload-progress{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000004d;z-index:2000;min-width:280px}.upload-content{display:flex;flex-direction:column;align-items:center;gap:16px}.upload-icon{font-size:48px;animation:pulse 1s infinite}.upload-text{color:var(--text-primary);font-size:14px}.upload-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.upload-bar-fill{height:100%;background:var(--accent);width:0%;animation:progress 2s ease-in-out infinite}@keyframes progress{0%{width:0%}50%{width:70%}to{width:100%}}.message-image{max-width:280px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.message-image img{width:100%;height:auto;display:block}.message-file{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:12px;min-width:250px;cursor:pointer;transition:all .2s}.file-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{color:var(--text-primary);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--text-secondary);font-size:12px;margin-top:2px}.image-grid{display:grid;gap:2px;border-radius:12px;overflow:hidden;max-width:280px}.image-grid.single{grid-template-columns:1fr}.image-grid.double{grid-template-columns:1fr 1fr}.image-grid.triple{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.image-grid.triple .grid-image-wrapper:first-child{grid-column:1;grid-row:1 / 3}.image-grid.triple .grid-image-wrapper:nth-child(2){grid-column:2;grid-row:1}.image-grid.triple .grid-image-wrapper:nth-child(3){grid-column:2;grid-row:2}.image-grid.quad{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.grid-image-wrapper{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer;transition:transform .2s}.grid-image-wrapper:hover{transform:scale(1.02)}.grid-image-wrapper img{width:100%;height:100%;object-fit:cover}.grid-image-wrapper.with-overlay .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;pointer-events:none}.image-overlay .more-count{color:#fff;font-size:24px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5)}.upload-counter{margin:8px 0;font-size:14px;color:var(--text-secondary)}.lightbox{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:3000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-image{max-width:100%;max-height:90vh;display:block}.lightbox-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.image-counter{position:absolute;top:20px;left:20px;color:#fff;font-size:14px;font-weight:500;background:#00000080;padding:6px 12px;border-radius:20px;z-index:2}.thumbnail-strip{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;max-width:90%;overflow-x:auto;padding:8px;background:#00000080;border-radius:8px;z-index:2}.thumbnail-item{width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;transition:all .2s;border:2px solid transparent;flex-shrink:0}.thumbnail-item.active{border-color:var(--primary);transform:scale(1.1)}.thumbnail-item:hover:not(.active){border-color:#ffffff80}.contact-section.clickable{cursor:pointer;transition:background .2s}.contact-section.clickable:hover{background:#ffffff0d}.section-arrow{margin-left:auto;color:var(--text-secondary)}.media-preview{display:flex;align-items:center;gap:8px}.media-thumbs{display:flex;gap:4px}.media-thumb{width:40px;height:40px;border-radius:4px;object-fit:cover}.media-count{color:var(--text-secondary);font-size:12px}.no-media{color:var(--text-secondary);font-size:14px}.media-gallery-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:2500;display:flex;align-items:center;justify-content:center}.media-gallery-content{width:90%;max-width:1200px;height:90vh;background:var(--bg-primary);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.media-gallery-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border)}.media-gallery-back{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px}.media-gallery-header h2{margin:0;font-size:20px}.media-gallery-body{flex:1;overflow-y:auto;padding:20px}.media-date-group{margin-bottom:30px}.media-date-header{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px}.media-grid-item{aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer;transition:transform .2s}.media-grid-item:hover{transform:scale(1.05)}.media-grid-item img{width:100%;height:100%;object-fit:cover}.no-media-found,.media-error,.media-loading-spinner{text-align:center;padding:40px;color:var(--text-secondary)}@media (max-width: 768px){.modal-content{min-width:90%;max-width:90%;margin:20px}.modal-backdrop{align-items:flex-end;padding-bottom:20px}.modal-content{border-radius:20px}}.photo-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:auto}.photo-editor-overlay.active{opacity:1}.photo-editor-container{width:100%;max-width:500px;height:100vh;max-height:600px;display:flex;flex-direction:column;background:var(--bg-primary)}.photo-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.photo-editor-cancel{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center}.photo-editor-title{font-size:18px;font-weight:600;color:var(--text-primary)}.photo-editor-done{background:var(--accent);border:none;color:#fff;padding:8px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease}.photo-editor-done:hover{background:var(--accent-hover);transform:translateY(-1px)}.photo-editor-viewport{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:40px}#photoEditorCanvas{cursor:move;border-radius:50%;touch-action:none}.photo-editor-circle-mask{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;border-radius:50%;pointer-events:none;box-shadow:0 0 0 9999px #00000080}.photo-editor-controls{display:flex;align-items:center;gap:16px;padding:20px;border-top:1px solid var(--border)}.photo-editor-zoom{background:var(--bg-secondary);border:none;color:var(--text-primary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.photo-editor-zoom:hover{background:var(--bg-tertiary)}#photoEditorZoom{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-secondary);border-radius:2px;outline:none}#photoEditorZoom::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer}#photoEditorZoom::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:none}.profile-avatar-edit-btn{position:absolute;bottom:0;left:50%;transform:translate(-50%);background:#8b5cf6e6;color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 14px;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #8b5cf64d;z-index:10}.profile-avatar-edit-btn:hover{background:#8b5cf6;transform:translate(-50%) translateY(-2px);box-shadow:none}.profile-avatar-edit-btn.my-profile-edit{bottom:-8px}.profile-input-inline,.profile-textarea-inline{width:100%;padding:12px;background:#ffffff08;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#fff;font-size:14px;transition:all .2s ease;margin-top:8px}.profile-input-inline:focus,.profile-textarea-inline:focus{outline:none;border-color:#8b5cf680;background:#ffffff0d;box-shadow:0 0 0 3px #8b5cf61a}.profile-textarea-inline{resize:vertical;min-height:80px;font-family:inherit}.editable-card{background:linear-gradient(135deg,#8b5cf614,#ec48990d)}.profile-picture-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .2s ease;cursor:pointer}.profile-picture-preview-overlay.visible{opacity:1}.profile-picture-preview-overlay.closing{opacity:0}.profile-picture-preview-container{display:flex;flex-direction:column;align-items:center;gap:24px;transform:scale(.9);transition:transform .2s ease}.profile-picture-preview-overlay.visible .profile-picture-preview-container{transform:scale(1)}.profile-picture-preview-image{width:400px;height:400px;border-radius:50%;object-fit:cover;box-shadow:0 20px 60px #00000080}.profile-picture-preview-name{font-size:24px;font-weight:600;color:#fff;text-align:center}@media (max-width: 768px){.profile-picture-preview-image{width:300px;height:300px}}.profile-avatar-wrapper{position:relative;margin-bottom:30px}.contact-avatar-with-image{background-size:cover;background-position:center;background-repeat:no-repeat}@media (max-width: 768px){.photo-editor-container{max-height:100vh;height:100vh}.photo-editor-viewport{padding:20px}.photo-editor-circle-mask{width:min(80vw,300px);height:min(80vw,300px)}}.bottom-nav-container{position:fixed;bottom:0;left:0;right:0;z-index:100;overflow:hidden}.bottom-nav{height:60px;background:#242424;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-around;padding:0 8px;position:relative}.bottom-nav:before{content:"";position:absolute;width:200px;height:200px;background:linear-gradient(135deg,#b4b4b44d,#a0a0a033);border-radius:50%;bottom:-100px;right:-100px;filter:blur(60px);opacity:.25;pointer-events:none;animation:float 20s infinite ease-in-out}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:8px;height:100%;cursor:pointer;transition:all .2s ease;position:relative;color:var(--text-secondary)}.nav-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:2px;border-radius:0 0 2px 2px;opacity:0;transition:none}.nav-item:active{transform:scale(.95)}.nav-icon{display:flex;align-items:center;justify-content:center;transition:none}.nav-label{font-size:11px;font-weight:600;margin-top:4px;transition:none;opacity:.7}:not(.veil-mode) .nav-gradient-start,body:not(.veil-mode) .nav-gradient-start{stop-color:#8047f3}:not(.veil-mode) .nav-gradient-end,body:not(.veil-mode) .nav-gradient-end{stop-color:#9b70f3}.nav-item.active .nav-label{opacity:1;font-weight:700}.nav-item.active:before{width:32px;opacity:1}.main-content{position:fixed;top:0;left:0;right:0;bottom:60px;background:var(--bg-primary);overflow:hidden}body.chat-view-active .main-content{bottom:0}.tab-content{height:100%;display:none;flex-direction:column}.tab-content.active{display:flex}.contacts-container{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.contacts-header{height:56px;background:#242424;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.contacts-title{font-size:20px;font-weight:600;background:linear-gradient(135deg,var(--accent),#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contacts-actions{display:flex;gap:8px}.icon-btn{width:36px;height:36px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.icon-btn:active{transform:scale(.95)}.contacts-sections{flex:1;display:flex;flex-direction:column;overflow:hidden}.section-tabs{display:flex;background:#24242480;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.section-tab{flex:1;padding:12px;text-align:center;font-size:14px;font-weight:500;color:#999;cursor:pointer;transition:all .5s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:6px;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.section-tab:hover{color:#bbb}.section-tab.active{background:linear-gradient(135deg,#8047f3,#9b70f3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;color:transparent}.section-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,#8047f3,#9b70f3);border-radius:1px 1px 0 0;animation:slideInIndicator .3s ease forwards}@keyframes slideInIndicator{0%{left:50%;right:50%;opacity:0}to{left:20%;right:20%;opacity:1}}.tab-badge{background:var(--accent);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}.section-content{flex:1;overflow-y:auto;position:relative}.section-panel{height:100%;overflow-y:auto;display:none}.section-panel.active{display:block}.tab-container{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.tab-header{padding:24px;background:#242424;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.tab-title{font-size:28px;font-weight:600;margin-bottom:8px}.tab-subtitle{color:var(--text-secondary);font-size:14px}.coming-soon-container{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.glass-card{max-width:500px;padding:40px;background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;text-align:center}.feature-icon{margin-bottom:24px}.feature-title{font-size:24px;font-weight:600;margin-bottom:16px;background:linear-gradient(135deg,var(--accent),#e879f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-description{color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.feature-list{display:flex;flex-direction:column;gap:16px;text-align:left}.feature-item{display:flex;align-items:center;gap:12px;font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center}.empty-state p{color:var(--text-secondary);margin:16px 0 24px}.empty-state-invite-btn{background:#8b7dd826;color:#a894f5;border:1px solid rgba(139,125,216,.25);border-radius:24px;padding:14px 28px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease}.empty-state-invite-btn:hover{background:#8b7dd840;border-color:#8b7dd866}.btn-secondary{padding:10px 20px;background:#8b5cf61a;border:1px solid var(--accent);color:var(--accent);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#8b5cf633;transform:translateY(-1px)}.settings-container{height:100%;display:flex;flex-direction:column;background:var(--bg-primary)}.settings-header{height:56px;background:#242424;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;padding:0 16px;flex-shrink:0}.settings-title{font-size:20px;font-weight:600}.settings-content{flex:1;overflow-y:auto;padding:20px}.settings-section{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;margin-bottom:20px}.settings-section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-item{display:flex;align-items:center;margin:-12px -16px;padding:12px 16px;transition:background .2s ease;border-radius:8px}.settings-item:hover{background:#ffffff0d}.settings-item[style*="pointer-events: none"]:hover,.settings-item[style*="pointer-events: none"]:active,.settings-item[style*="pointer-events: none"]:focus{background:transparent!important}.settings-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#8b5cf61a;border-radius:10px;margin-right:16px}.settings-info{flex:1}.settings-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.settings-value{font-size:12px;color:var(--text-secondary)}.settings-footer{text-align:center;padding:20px;color:var(--text-secondary);font-size:13px}.btn-danger{width:100%;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-danger:hover{background:#ef444433;transform:translateY(-1px)}.sidebar{height:100%}.chat-list{height:calc(100% - 56px);overflow-y:auto;overscroll-behavior-x:contain}.chat-view{display:flex;flex-direction:column;height:calc(100vh - 60px);position:relative}.chat-view-active .chat-view{height:100dvh}.messages-container{flex:1;overflow-y:auto;padding-bottom:96px;-webkit-overflow-scrolling:touch}.input-container{position:fixed;bottom:60px;left:0;right:0;background:var(--bg-primary);border-top:1px solid rgba(255,255,255,.1);padding:12px 16px;z-index:50;display:flex;flex-direction:row;align-items:flex-end;gap:12px}.chat-view-active .input-container{bottom:0}@media (max-width: 768px){.input-container{bottom:60px;padding:8px 12px}.chat-view-active .input-container{bottom:0}}@media (max-width: 768px){.glass-card{padding:24px}.feature-title{font-size:20px}.contacts-title{font-size:18px}.auth-container{padding:20px 10px 10px;align-items:flex-start}.auth-form{margin-top:20px;padding:24px 20px}}.contacts-list,.requests-container{padding:16px}.requests-section{margin-bottom:32px}.requests-title{font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin:16px 16px 12px;padding:10px 16px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.request-item{display:flex;align-items:center;padding:12px;margin-bottom:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;transition:all .3s ease}.request-item:hover{background:#ffffff0d}.request-item.sent{background:linear-gradient(135deg,#8b5cf60d,#7c3aed08);border:1px solid rgba(139,92,246,.2)}.request-item.sent:hover{background:linear-gradient(135deg,#8b5cf614,#7c3aed0d);border-color:#8b5cf64d}.sent-requests{margin-top:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}.request-avatar{width:48px;height:48px;margin-right:12px;flex-shrink:0}.request-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.request-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff}.request-info{flex:1;min-width:0}.request-name{font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}.request-about{font-size:13px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-status{font-size:13px;color:#8b5cf6cc;font-style:italic}.request-actions{display:flex;gap:8px}.btn-accept,.btn-reject,.btn-cancel{width:36px;height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-accept{background:#10b98133;color:#10b981}.btn-accept:hover{background:#10b9814d;transform:scale(1.1)}.btn-cancel{background:#ffffff1a;color:#fff9}.btn-cancel:hover{background:#ef444433;color:#ef4444;transform:scale(1.1)}.btn-reject{background:#ef444433;color:#ef4444}.btn-reject:hover{background:#ef44444d;transform:scale(1.1)}.chat-typing-indicator{display:inline-flex;align-items:center;color:var(--accent);font-size:13px;font-style:italic}.chat-typing-indicator .typing-text{margin-right:6px}.chat-typing-indicator .typing-dots{display:inline-flex;gap:3px}.chat-typing-indicator .typing-dots span{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:typingDot 1.4s infinite}.chat-typing-indicator .typing-dots span:nth-child(1){animation-delay:0s}.chat-typing-indicator .typing-dots span:nth-child(2){animation-delay:.2s}.chat-typing-indicator .typing-dots span:nth-child(3){animation-delay:.4s}.chat-last-message.typing{animation:fadeIn .3s ease}.section-tab{position:relative}.tab-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff!important;font-size:11px;font-weight:600;border-radius:10px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #8b5cf666;text-align:center;padding:0 6px;flex-shrink:0}.section-tab .tab-badge{-webkit-text-fill-color:#fff!important;color:#fff!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;line-height:18px;overflow:visible}.group-avatar{position:relative;width:48px;height:48px;flex-shrink:0}.group-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.group-avatar-placeholder{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--group-accent-primary),var(--group-accent-secondary));display:flex;align-items:center;justify-content:center;color:#fff}.chat-item .group-avatar-placeholder{font-size:20px;font-weight:600}.chat-item-wrapper .group-avatar-placeholder svg{width:24px;height:24px;color:#fff;opacity:.9}.member-count{font-size:12px;color:var(--text-secondary);margin-top:2px}.group-info-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;justify-content:flex-end;pointer-events:none}.group-info-panel.active{pointer-events:all}.group-info-panel .panel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;transition:opacity .3s ease}.group-info-panel.active .panel-overlay{opacity:1}.group-info-panel .panel-content{width:400px;max-width:100%;height:100%;background:var(--bg-primary);transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.group-info-panel.active .panel-content{transform:translate(0)}.panel-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px}.panel-close{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s}.panel-close:hover{opacity:1}.panel-body{flex:1;overflow-y:auto;padding:20px}.group-details-section{text-align:center;padding-bottom:30px;border-bottom:1px solid var(--border);margin-bottom:20px}.group-avatar-large{width:120px;height:120px;margin:0 auto 20px;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.group-name{font-size:24px;font-weight:600;margin-bottom:8px}.group-description{color:var(--text-secondary);margin-bottom:12px}.group-meta{font-size:12px;color:var(--text-secondary)}.members-section{margin-bottom:30px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{font-size:16px;font-weight:600}.btn-add-member{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:background .2s}.btn-add-member:hover{background:var(--primary-hover)}.members-list{display:flex;flex-direction:column;gap:8px;width:100%}.member-item{display:flex;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:8px;transition:background .2s}.member-avatar{width:40px;height:40px;margin-right:12px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.member-avatar .avatar-placeholder{font-size:18px;font-weight:600;color:var(--primary)}.member-name{font-weight:500;margin-bottom:2px}.member-role.admin{color:var(--primary)}.btn-remove-member{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;opacity:.6;transition:opacity .2s,color .2s}.btn-remove-member:hover{opacity:1;color:#f44}.contact-select-item{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background .2s}.contact-select-item:hover{background:var(--bg-secondary)}.contact-select-item input{margin-right:12px}.contact-select-item .contact-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.actions-section{padding-top:20px;border-top:1px solid var(--border)}.modal .action-btn{width:100%;padding:12px;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:background .2s}.modal .action-btn:hover{background:var(--bg-tertiary)}.modal .action-btn.danger{color:#f44}.modal .action-btn.danger:hover{background:#ff44441a}.group-details-section{padding:30px 20px;text-align:center;border-bottom:1px solid var(--border)}.group-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;overflow:hidden}.group-avatar-large img{width:100%;height:100%;object-fit:cover}.group-name{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.group-description{color:var(--text-secondary);font-size:14px;margin:8px 0 16px;padding:0 20px}.group-meta{color:var(--text-secondary);font-size:13px}.members-section{padding:20px}.contact-info-sections .contact-section:has(.members-section){background:#212121;border:1px solid #2d2d2d;border-radius:12px;padding:0;display:block!important;align-items:unset!important;gap:0!important}.contact-info-sections .members-list{width:100%!important}.members-section .members-list{width:100%!important;max-width:100%!important}.contact-info-sections .member-item{width:100%!important;margin:0!important;box-sizing:border-box}.members-list .member-item{max-width:none!important;width:100%!important}.contact-info-panel .contact-info-sections .contact-section .members-section .members-list .member-item{width:calc(100% + -0px)!important;max-width:100%!important;margin:0!important;box-sizing:border-box!important}.members-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.members-section .section-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.btn-add-member{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-add-member:hover{transform:scale(1.05)}.member-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-secondary);border-radius:12px;transition:background .2s}.member-item:hover{background:var(--bg-tertiary)}.member-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.member-info{flex:1}.member-name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.member-role{font-size:12px;color:var(--text-secondary)}.member-role.admin{color:#667eea;font-weight:500}.member-actions{display:flex;gap:8px;align-items:center}.btn-promote-member,.btn-demote-member,.btn-remove-member{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-promote-member:hover{color:gold;transform:scale(1.1)}.btn-demote-member:hover{color:#ff9800;transform:scale(1.1)}.btn-remove-member:hover{color:#f44;transform:scale(1.1)}.settings-section{padding:20px;border-top:1px solid var(--border)}.settings-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.settings-section .section-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.setting-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg-secondary);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .2s}.setting-item:hover{background:var(--bg-tertiary);transform:translate(2px)}.setting-item.danger{background:var(--bg-secondary)}.setting-item.danger:hover{background:#ff44441a}.setting-item.danger .setting-label{color:#f44}.setting-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.setting-item.danger .setting-icon{background:linear-gradient(135deg,#f44,#c00)}.setting-info{flex:1}.setting-label{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:2px}.setting-desc{font-size:12px;color:var(--text-secondary)}.setting-arrow{color:var(--text-secondary);flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.setting-select{padding:6px 12px;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font-size:13px;cursor:pointer;outline:none;transition:all .2s}.setting-select:hover{border-color:#667eea}.setting-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.contact-info-panel .actions-section{padding:20px;border-top:1px solid var(--border)}.contact-info-panel .action-btn{width:100%;padding:14px;background:var(--bg-secondary);color:var(--text-primary);border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:500;transition:all .2s}.contact-info-panel .action-btn:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.contact-info-panel .action-btn.danger{background:var(--bg-secondary);color:#f44;font-weight:600}.contact-info-panel .action-btn.danger:hover{background:#ff444426;transform:translateY(-1px)}.view-in-chat-btn{background:#232323cc;border:1px solid rgba(139,92,246,.3);color:#b8b8b8;padding:6px 16px;border-radius:16px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.view-in-chat-btn:hover{background:#2d2d2de6;border-color:#8b5cf699;color:#e0e0e0;transform:translateY(-1px)}.contacts-select-list{max-height:300px;overflow-y:auto;margin:20px 0}.contact-select-item{display:flex;align-items:center;padding:12px;background:var(--bg-secondary);border-radius:12px;margin-bottom:8px;cursor:pointer;transition:all .2s}.contact-select-item:hover{background:var(--bg-tertiary);transform:translate(2px)}.contact-select-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin-right:12px;width:20px;height:20px;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:6px;cursor:pointer;position:relative;transition:all .2s}.contact-select-item input[type=checkbox]:checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.contact-select-item input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.contact-select-item .contact-info{display:flex;align-items:center;gap:12px}.contact-select-item .contact-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden}.contact-select-item .contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-select-item .contact-avatar .avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.group-form .form-group{margin-bottom:20px}.group-form .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.group-form .contacts-list{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:8px;margin-top:8px}.lightbox-mobile.veil-mode{background:#00000080;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%)}.lightbox-header{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%);z-index:2}.lightbox-close{width:40px;height:40px;border:none;background:none;color:#fff;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-counter{color:#fff;font-size:14px;font-weight:500}.lightbox-viewport{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.lightbox-slide-image{min-width:100%;max-width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox-thumbnails{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;gap:4px;padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;z-index:2;justify-content:center}.lightbox-mobile .thumbnail-item{min-width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.6;transition:opacity .2s,border .2s;border:2px solid transparent}.lightbox-mobile .thumbnail-item.active{opacity:1;border-color:#fff}.lightbox-mobile .thumbnail-item img{width:100%;height:100%;object-fit:cover}.shared-media-fullscreen{position:fixed;top:0;right:-100%;width:100%;height:100%;background:#1a1a1a;z-index:9999;display:flex;flex-direction:column;transition:right .3s ease}.shared-media-fullscreen.active{right:0}.shared-media-fullscreen:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e879f9);top:-150px;left:-150px;opacity:.15;filter:blur(100px);pointer-events:none}.shared-media-fullscreen:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,var(--accent));bottom:-125px;right:-125px;opacity:.15;filter:blur(100px);pointer-events:none}.shared-media-container{height:100%;display:flex;flex-direction:column;position:relative;z-index:1}.shared-media-header{display:flex;align-items:center;min-height:75px;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#242424;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.shared-media-header:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(135deg,var(--accent),#e879f9);opacity:.1;filter:blur(30px);pointer-events:none}.shared-media-header .back-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;margin-right:8px;display:flex;align-items:center;justify-content:center;transition:color .2s;position:relative;z-index:1}.shared-media-header .back-btn:hover{color:var(--text-primary)}.shared-media-header .back-btn svg{width:24px;height:24px}.shared-media-header h2{color:var(--text-primary);font-size:18px;font-weight:600;margin:0;flex:1;position:relative;z-index:1}.shared-media-count{color:var(--text-secondary);font-size:14px;padding:4px 12px;position:relative;z-index:1}.shared-media-content{flex:1;overflow-y:auto;padding:16px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.media-grid-item{position:relative;padding-bottom:100%;background:#2d2d2d;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.media-grid-item:hover{transform:scale(1.02);opacity:.8}.media-grid-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.media-grid-item:hover img{opacity:.9}.shared-media-loading{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-secondary);font-size:14px}.shared-media-loading:before{content:"";width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}.shared-media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-secondary)}.shared-media-empty svg{width:80px;height:80px;opacity:.3;margin-bottom:16px}.shared-media-empty p{font-size:16px;margin:0}.shared-media-content::-webkit-scrollbar{width:6px}.shared-media-content::-webkit-scrollbar-track{background:#ffffff0d}.shared-media-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.shared-media-content::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width: 768px){.shared-media-header{height:56px}.shared-media-content{padding:8px}.media-grid{gap:2px}.media-grid-item{border-radius:10px}}.context-menu{position:fixed;background:#1a1a1af2;border:1.5px solid rgba(147,51,234,.3);border-radius:12px;padding:8px;min-width:200px;z-index:10000;box-shadow:0 4px 20px #0006;opacity:0;transform:scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.context-menu.visible{opacity:1;transform:scale(1);pointer-events:auto}.context-menu-item{display:flex;align-items:center;padding:10px 12px;border-radius:8px;cursor:pointer;color:#e0e0e0;font-size:14px;transition:all .2s ease;gap:12px;background:#ffffff05;border:1px solid rgba(147,51,234,.15);margin:2px 0}.context-menu-item:hover{background:#9333ea33;border-color:#9333ea66;transform:translate(3px)}.context-menu-item.danger{color:#ff6b6b;border-color:#ff6b6b33}.context-menu-item.danger:hover{background:#ff6b6b26;border-color:#ff6b6b66}.context-menu-separator{height:1px;background:#9333ea33;margin:6px 8px}.chat-item.pinned{position:relative;background:linear-gradient(135deg,#8b5cf60d,#8b5cf605);border-left:2px solid #8b5cf6}.pinned-indicator{position:absolute;top:8px;left:8px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;z-index:10}.pinned-indicator svg{width:16px;height:16px;fill:#8b5cf6;transform:rotate(-45deg)}.pinned-section{border-bottom:1px solid #333;margin-bottom:8px;padding-bottom:8px}.pinned-section-header{display:flex;align-items:center;padding:8px 16px;color:#8b5cf6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pinned-cycle-arrow{margin-left:auto;padding:4px 8px;border-radius:4px;background:#8b5cf61a;cursor:pointer;transition:background .2s ease}.pinned-cycle-arrow:hover{background:#8b5cf633}.toast-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#2d2d2d;color:#e0e0e0;padding:12px 20px;border-radius:8px;box-shadow:0 4px 8px #0000004d;z-index:10000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.voice-message{display:flex;align-items:center;gap:12px;padding:12px 14px;min-width:250px;max-width:320px;border-radius:14px;background:linear-gradient(180deg,#16161c8c,#16161c61),#16161c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 14px #00000040,inset 0 1px #ffffff05;border:1px solid rgba(128,71,243,.12);transition:transform .18s ease,box-shadow .2s ease,border-color .2s ease}.voice-play-btn{position:relative;width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;background:conic-gradient(from 140deg,#9b70f3,#8047f3 45%,#b794f4 80%,#9b70f3);display:flex;align-items:center;justify-content:center;transition:transform .16s ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 4px 12px #8047f340;flex-shrink:0}.voice-play-btn:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:radial-gradient(110% 110% at 30% 20%,#ffffff2e,#ffffff0f 34%,#ffffff05 60%,#0000002e),#0a0a0e8c;box-shadow:inset 0 1px 1px #ffffff0f,inset 0 -1px 1px #00000040;pointer-events:none}.voice-play-btn:hover{transform:scale(1.03);filter:brightness(1.06);box-shadow:0 6px 16px #8047f352,0 0 0 4px #8047f314}.voice-play-btn:active{transform:scale(.98);filter:brightness(.98)}.voice-play-btn svg,.voice-play-btn .play-icon,.voice-play-btn .pause-icon{position:relative;z-index:1;width:14px;height:14px;fill:#fff}.voice-waveform{position:relative;flex:1;height:36px;display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:10px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.06);overflow:hidden}.waveform-bar{width:3px;border-radius:2px;background:linear-gradient(180deg,#e8ddff,#b794f4 60%,#8047f3);opacity:.85;transition:opacity .16s ease,filter .16s ease,transform .12s ease;box-shadow:0 1px #ffffff14;flex-shrink:0}.voice-message.playing .waveform-bar{animation:voice-pulse 1.4s ease-in-out infinite;animation-delay:calc(var(--bar-index, 0) * 25ms)}@keyframes voice-pulse{0%,to{filter:brightness(1);transform:scaleY(1)}50%{filter:brightness(1.12);transform:scaleY(1.05)}}.voice-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#8047f31a,#9b70f31f);border-radius:10px;width:0;transition:width .12s linear;pointer-events:none}.voice-duration{color:#ebebf5b8;font-size:12px;letter-spacing:.2px;white-space:nowrap;flex-shrink:0;margin-left:6px}.voice-recording-visual{position:relative;display:flex;align-items:center;justify-content:center;gap:.5em;padding:0;height:100%;flex:1;align-self:stretch;animation:voiceInlineIn .3s ease forwards}@keyframes voiceInlineIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.voice-canvas-wrapper,.voice-recorder-canvas-wrapper{position:relative;flex:1;display:flex;align-items:center;min-height:40px;padding:4px 8px;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#ffffff0d,#ffffff08),radial-gradient(120% 120% at 10% 0%,#b794f433,#b794f40f 40%,#b794f400 70%),linear-gradient(90deg,#8047f31a,#9b70f31a 50%,#b794f41a);border:1px solid rgba(255,255,255,.06);isolation:isolate}.voice-canvas-wrapper:before,.voice-recorder-canvas-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(120% 140% at 50% 0%,#b794f41a,#b794f400 60%),linear-gradient(180deg,#8047f30f,#9b70f30a 40%,#b794f405);mix-blend-mode:screen;opacity:.55}.voice-canvas-wrapper:after,.voice-recorder-canvas-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:linear-gradient(90deg,#ffffff0f,#fff0 22%,#ffffff0f 44%);opacity:.22;animation:recorder-sheen 3.2s ease-in-out infinite}@keyframes recorder-sheen{0%,to{transform:translate(-12%)}50%{transform:translate(12%)}}.voice-recorder-canvas-inline,.voice-canvas-wrapper canvas,.voice-canvas{display:block;flex:1;width:100%;height:36px;background:transparent;filter:saturate(1.08) contrast(1.06) brightness(1.04);image-rendering:optimizeQuality}.voice-recorder-timer-inline{position:absolute;right:10px;min-width:50px;padding:6px 10px;border-radius:10px;text-align:center;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500;letter-spacing:.2px;color:#fffffff2;background:linear-gradient(180deg,#16161c73,#16161c59),#16161c66;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(128,71,243,.15);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff14,inset 0 -1px #0003;z-index:10}.input-container.recording .attach-button.voice-cancel-btn{display:none}.voice-preview{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.75em;padding:0 .5em;animation:voicePreviewIn .3s ease forwards}@keyframes voicePreviewIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.voice-preview-waveform{flex:1;position:relative;height:100%;display:flex;align-items:center;overflow:hidden}.voice-preview-progress{position:absolute;left:0;top:0;bottom:0;right:auto;width:0%;background:linear-gradient(90deg,#8047f340,#b794f426);pointer-events:none;transition:width .1s linear;border-radius:4px}.voice-preview-canvas{width:100%;height:100%;background:transparent;position:relative;z-index:2}.voice-preview-duration{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffffffe6;font-size:.75em;font-weight:500;white-space:nowrap;background:linear-gradient(180deg,#16161c73,#16161c59),#16161c66;backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);padding:4px 8px;border-radius:8px;border:1px solid rgba(128,71,243,.15);z-index:10}.voice-preview-controls{display:flex;gap:.5em}.voice-preview-play,.voice-preview-delete{background:#8047f326;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--purple-primary)}.voice-preview-play:hover{background:#8047f340;transform:scale(1.1)}.voice-preview-delete{background:#ff3b3026;color:#ff3b30}.voice-preview-delete:hover{background:#ff3b3040;transform:scale(1.1)}.voice-preview-play svg,.voice-preview-delete svg{width:20px;height:20px}#sendBtn.voice-ready{background:linear-gradient(135deg,#8047f3,#9b70f3);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #8047f34d;transition:all .2s ease}#sendBtn.voice-ready:hover{transform:scale(1.05);box-shadow:0 6px 16px #8047f366}#sendBtn.voice-ready:active{transform:scale(.95)}#sendBtn.mic-holding{transform:scale(.92);background:#8047f326}.input-container.recording .attach-button.voice-cancel-btn:hover{background:#ff3b3040;transform:scale(1.05)}.input-container.recording .send-button{animation:recordingPulse 1.5s ease-in-out infinite}@keyframes recordingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.input-container.recording{transition:all .3s ease}.input-container.recording .input-wrapper{position:relative}.input-container.recording .attach-button,.input-container.recording .send-button{display:flex}.input-container button,.attach-button{display:flex;align-items:center;justify-content:center}.input-container button svg,.attach-button svg{display:block;vertical-align:middle}.voice-recording-visual .voice-cancel{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.voice-recorder-timer-inline{font-size:.7em;right:8px}}.voice-recorder-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080814a6;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:1300;opacity:0;pointer-events:none;transition:opacity .2s ease}.voice-recorder-overlay--animate-in{opacity:1;pointer-events:auto;animation:voiceOverlayIn .24s ease forwards}.voice-recorder-overlay--teardown{opacity:0;pointer-events:none;animation:voiceOverlayOut .18s ease forwards}.voice-recorder-panel{position:relative;width:min(480px,88vw);background:linear-gradient(145deg,#221340d9,#100c20e0);border:1px solid rgba(140,105,255,.2);border-radius:24px;box-shadow:0 24px 48px #0c061673;padding:28px 32px;display:flex;flex-direction:column;gap:20px;color:#f5f5ff}.voice-recorder-visual{position:relative;height:180px;border-radius:18px;overflow:hidden;background:radial-gradient(circle at center,#7046ff59,#201040e6)}.voice-recorder-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.voice-recorder-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#5f00ff2e,#009dff1f);pointer-events:none}.voice-recorder-status{text-align:center;display:flex;flex-direction:column;gap:4px}.voice-recorder-timer{font-size:28px;font-weight:600;letter-spacing:.04em}.voice-recorder-hint{font-size:13px;color:#d4ccffbf;text-transform:uppercase;letter-spacing:.12em}.voice-recorder-controls{display:flex;justify-content:center;gap:18px}.voice-recorder-btn{min-width:120px;padding:12px 22px;border-radius:999px;border:none;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.voice-recorder-btn.voice-cancel{background:#ffffff14;color:#faf5ffd9}.voice-recorder-btn.voice-send{background:linear-gradient(135deg,#8c5cff,#4ad7ff);color:#080613;box-shadow:0 12px 30px #6256ff59}.voice-recorder-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #6256ff66}.voice-recorder-btn:active{transform:translateY(0);opacity:.85}@keyframes voiceOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes voiceOverlayOut{0%{opacity:1}to{opacity:0}}@media (max-width: 640px){.voice-recorder-panel{width:min(420px,92vw);padding:24px;gap:16px}.voice-recorder-visual{height:150px}.voice-recorder-controls{flex-direction:column}.voice-recorder-btn{width:100%}}.send-button.recording{background:var(--danger);box-shadow:0 12px 30px #ec485347}.send-button.recording svg{transform:scale(.9);transition:transform .18s ease}.voice-effects-backdrop{display:none}.voice-effects-modal{position:fixed;bottom:64px;left:50%;transform:translate(-50%) translateY(20px);width:320px;max-width:90vw;max-height:85vh;background:#1a1a1a;border:1px solid rgba(147,51,234,.3);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:9999;overflow:hidden;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.voice-effects-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}.voice-effects-header{display:flex;justify-content:center;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(147,51,234,.2);position:relative}.veil-voice-fx-title{font-size:16px;font-weight:700;font-family:Segoe UI,SF Pro Rounded,system-ui,sans-serif;text-align:center;letter-spacing:.02em;margin:0;background:linear-gradient(135deg,#8b5cf6,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voice-gradient{background:linear-gradient(135deg,#8b5cf6,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fx-glow{text-shadow:0 0 4px rgba(232,232,232,.4),0 0 6px rgba(232,232,232,.3),0 0 8px rgba(232,232,232,.2);-webkit-text-fill-color:#e8e8e8!important}.voice-fx-active{background:#9333ea26!important}.voice-effects-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:#999;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;padding:0}.voice-effects-close:hover{color:#fff}.voice-effects-body{padding:8px;overflow-y:auto;max-height:calc(85vh - 44px)}.voice-changer-toggle-section{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(147,51,234,.2);border-radius:8px;margin-bottom:12px;transition:all .3s ease}.voice-changer-toggle-section.active{background:#9333ea26;border-color:#9333ea66}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-label{font-size:12px;font-weight:600;color:#fff}.toggle-description{font-size:10px;color:#999;line-height:1.2}.voice-changer-toggle{position:relative;display:inline-block;width:44px;height:24px}.voice-changer-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff1a;transition:all .3s ease;border-radius:12px;border:1px solid rgba(147,51,234,.3)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:#999;transition:all .3s ease;border-radius:50%}.voice-changer-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,#9333ea,#c026d3);border-color:#9333ea}.voice-changer-toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(20px)}.voice-effects-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:8px;row-gap:12px;margin-bottom:12px}.effect-card{position:relative;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px}.effect-card:hover .effect-icon{background:#9333ea26;border-color:#9333ea66;transform:scale(1.05)}.effect-card.selected .effect-icon{background:#9333ea40;border-color:#9333ea99;box-shadow:0 4px 12px #9333ea4d}.effect-card.locked{opacity:.6;cursor:default}.effect-card.locked:hover .effect-icon{transform:none}.effect-icon{position:relative;width:48px;height:48px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(147,51,234,.2);display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .2s ease;overflow:visible}.effect-icon:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(147,51,234,.6);transform:translate(-50%,-50%) scale(1);opacity:0;pointer-events:none}.effect-card.ripple .effect-icon:before{animation:ripple .6s ease-out}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.effect-info{display:flex;flex-direction:column;align-items:center}.effect-name{font-size:10px;font-weight:600;color:#fff;text-align:center;line-height:1.1}.effect-description{display:none}.effect-lock-badge{position:absolute;top:0;right:0;font-size:12px;width:18px;height:18px;border-radius:50%;background:#ec4853e6;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #1a1a1a}.effect-selected-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;background:linear-gradient(135deg,#9333ea,#c026d3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700}.test-recording-section{background:#8c69ff14;border:1px solid rgba(140,105,255,.15);border-radius:12px;padding:12px;margin-bottom:12px}.test-recording-header{margin-bottom:12px;text-align:center}.test-section-title{font-size:13px;font-weight:600;color:#d4ccffd9;display:inline-block}.test-recording-controls{display:flex;flex-direction:row;gap:12px;margin-bottom:8px;justify-content:center;align-items:center}.test-record-btn,.test-play-btn{width:48px;height:48px;border-radius:50%;border:none;font-size:20px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.test-record-btn .btn-icon,.test-play-btn .btn-icon{display:block}.test-record-btn{background:#ffffff1a;color:#f5f5ff;border:2px solid rgba(255,255,255,.2)}.test-record-btn:hover{background:#ffffff26;transform:scale(1.05)}.test-record-btn.recording{background:linear-gradient(135deg,#ec4899,#ef4444);border:2px solid rgba(236,72,153,.5);box-shadow:0 4px 16px #ec485366;animation:recordingPulse 1.5s infinite}@keyframes recordingPulse{0%,to{box-shadow:0 4px 16px #ec485366;transform:scale(1)}50%{box-shadow:0 4px 24px #ec485399;transform:scale(1.05)}}.test-play-btn{background:#10b98126;color:#10b981;border:2px solid rgba(16,185,129,.3)}.test-play-btn:hover:not(:disabled){background:#10b98140;transform:scale(1.05)}.test-play-btn:disabled{opacity:.4;cursor:not-allowed}.voice-effects-save-btn{display:block;margin:0 auto;width:auto;padding:10px 32px;border-radius:24px;border:2px solid rgba(139,92,246,.3);background:#8b5cf614;color:#ffffffe6;font-weight:600;font-size:13px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .2s ease}.voice-effects-save-btn:hover{border-color:#8b5cf680;background:#8b5cf61f}.voice-effects-save-btn:active{border-color:#8b5cf699;background:#8b5cf626}.veil-mode .voice-effects-modal{background:linear-gradient(#1a1a1a4d,#1a1a1a4d) padding-box,var(--sdm-button-gradient, linear-gradient(135deg, rgba(139, 92, 246, .6) 0%, rgba(217, 70, 239, .6) 50%, rgba(99, 102, 241, .6) 100%)) border-box;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:2px solid transparent;box-shadow:0 8px 24px #00000080,0 2px 8px var(--sdm-modal-shadow, rgba(147, 51, 234, .2)),inset 0 0 20px var(--sdm-modal-inset, rgba(147, 51, 234, .1))}@media (max-width: 640px){.voice-effects-modal{width:90vw;max-width:340px;max-height:90vh}.voice-effects-header{padding:10px 12px}.voice-effects-body{padding:8px}.voice-effects-grid{grid-template-columns:repeat(4,1fr);gap:8px}.effect-card{gap:4px}.effect-icon{width:48px;height:48px;font-size:22px}.effect-name{font-size:10px}.test-recording-controls{flex-direction:row;gap:12px}.test-record-btn,.test-play-btn{width:48px;height:48px;font-size:20px}}.voice-effects-upgrade-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080613d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.voice-effects-upgrade-modal.active{opacity:1}.upgrade-modal-content{background:linear-gradient(145deg,#221340f2,#100c20fa);border:1px solid rgba(140,105,255,.3);border-radius:24px;padding:36px;max-width:440px;width:90vw;text-align:center;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.voice-effects-upgrade-modal.active .upgrade-modal-content{transform:scale(1)}.upgrade-modal-content h3{font-size:24px;font-weight:700;color:#f5f5ff;margin-bottom:16px}.upgrade-modal-content p{font-size:15px;color:#d4ccffd9;line-height:1.6;margin-bottom:12px}.upgrade-modal-content p strong{color:#8c5cff;font-weight:600}.upgrade-modal-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px}.upgrade-modal-btn{padding:14px 24px;border-radius:12px;border:none;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease}.upgrade-modal-btn.primary{background:linear-gradient(135deg,#8c5cff,#4ad7ff);color:#080613;box-shadow:0 8px 24px #8c5cff59}.upgrade-modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 32px #8c5cff73}.upgrade-modal-btn.secondary{background:#ffffff14;color:#faf5ffbf}.upgrade-modal-btn.secondary:hover{background:#ffffff1f;color:#f5f5ff}.upgrade-modal-btn:active{transform:translateY(0)}.blocked-users-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.blocked-user-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .2s ease}.blocked-user-item:hover{background:#ffffff0f;border-color:#ffffff1f}.blocked-user-info{flex:1;display:flex;flex-direction:column;gap:4px}.blocked-user-name{font-size:15px;font-weight:600;color:#faf5fff2}.blocked-user-date{font-size:13px;color:#faf5ff80}.unblock-btn{padding:8px 16px;background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff6464;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.unblock-btn:hover{background:#ff646440;border-color:#ff646480;transform:translateY(-1px)}.unblock-btn:active{transform:translateY(0)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{font-size:15px;color:#faf5ff80;margin:0}.header-phone-icon{width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:transform .2s ease!important}.header-phone-icon svg{width:24px!important;height:24px!important;fill:#fff!important;opacity:.6;transition:opacity .2s ease!important}.header-phone-icon:hover{transform:scale(1.1)!important}.header-phone-icon:hover svg{opacity:1!important}.header-phone-icon:active{transform:scale(.95)!important}.text-color-picker::-webkit-color-swatch-wrapper,.bg-color-picker::-webkit-color-swatch-wrapper,.border-color-picker::-webkit-color-swatch-wrapper,input[type=color]::-webkit-color-swatch-wrapper{padding:0;border-radius:inherit}.text-color-picker::-webkit-color-swatch,.bg-color-picker::-webkit-color-swatch,.border-color-picker::-webkit-color-swatch,input[type=color]::-webkit-color-swatch{border:none;border-radius:inherit}.text-color-picker::-moz-color-swatch,.bg-color-picker::-moz-color-swatch,.border-color-picker::-moz-color-swatch,input[type=color]::-moz-color-swatch{border:none;border-radius:inherit}:root{--veil-mode-gradient: transparent;--veil-mode-bubble-bg: rgba(35, 35, 35, .95);--veil-mode-bubble-border: rgba(255, 255, 255, .08);--veil-mode-pinned-gradient: transparent;--veil-mode-pinned-border: rgba(139, 92, 246, .3);--veil-mode-sdm-glow: rgba(217, 70, 239, 1);--veil-mode-transition: background .6s ease-out}.veil-mode .veil-bloom{background:#1a1a1efa!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:2px solid var(--veil-mode-bubble-border)!important;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d!important;transition:border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease!important;position:relative!important;overflow:hidden!important}.veil-mode .veil-bloom:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:var(--veil-mode-gradient)!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:0!important}.veil-mode .veil-bloom>*{position:relative!important;z-index:1!important}.veil-mode .veil-bloom:hover:before{opacity:.04!important}.veil-mode .veil-bloom:focus:before,.veil-mode .veil-bloom.active:before,.veil-mode .veil-bloom.expanded:before{opacity:.08!important}.veil-mode .veil-bloom:focus,.veil-mode .veil-bloom.active,.veil-mode .veil-bloom.expanded{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 90%,black 10%)!important;box-shadow:0 5px 20px #00000059,inset 0 1px #ffffff14!important}.veil-mode .invitations-scroll{background:var(--veil-mode-gradient)!important;transition:background .6s ease-out!important}.veil-mode .invitations-card,.veil-mode .invitations-generate-section{background:#14141499!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff05!important;border-radius:16px!important;padding:12px!important}.veil-mode .invitations-generate-bubble,.veil-mode .invitations-codes-bubble,.veil-mode .invitations-code-pill{background:#1a1a1a!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d!important;border-radius:16px!important;padding:12px 16px!important}.veil-mode .pill-profile-pic:not([style*=background-image]){background:linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end))!important}.veil-mode .pill-code{background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,transparent 85%),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 10%,transparent 90%))!important;border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 20%,transparent 80%)!important;background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.veil-mode .pill-username{color:#fffffff2!important}.veil-mode .gradient-text{background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.veil-mode .invitations-generate-btn{background:color-mix(in srgb,var(--veil-mode-sdm-glow) 8%,transparent 92%)!important;border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,transparent 50%)!important;color:#ffffffe6!important;padding:12px 32px!important;border-radius:24px!important;font-size:15px!important;font-weight:500!important;transition:all .2s ease!important}.veil-mode .invitations-generate-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 80%,transparent 20%)!important;background:color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,transparent 85%)!important}.veil-mode .empty-state-invite-btn{background:color-mix(in srgb,var(--veil-mode-sdm-glow) 8%,transparent 92%)!important;border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,transparent 50%)!important;color:#ffffffe6!important;padding:14px 28px!important;border-radius:24px!important;font-size:15px!important;font-weight:500!important;transition:all .2s ease!important}.veil-mode .empty-state-invite-btn:hover{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 80%,transparent 20%)!important;background:color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,transparent 85%)!important}.veil-mode .invitations-generate-bubble{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important}.veil-mode .invitations-allocation-status{width:100%!important;min-height:120px!important}.veil-mode .revealed-code{background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;border:none!important}.veil-mode .reveal-copy-btn{background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 12%,transparent 88%),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 8%,transparent 92%))!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 25%,transparent 75%)!important;box-shadow:0 2px 6px #00000040!important;color:#ffffffe6!important}.veil-mode .chat-list{padding:0!important;background:transparent!important}.veil-mode .chat-item-wrapper{margin:8px 12px;border-radius:16px;background:var(--veil-mode-bubble-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--veil-mode-bubble-border);box-shadow:0 8px 24px #0006,0 2px 8px #0003;transition:background .3s cubic-bezier(.4,0,.2,1),transform .2s ease,box-shadow .2s ease}.veil-mode .chat-item-wrapper:hover{background:#282828f2;box-shadow:0 10px 30px #00000080,0 4px 10px #0000004d;transform:translateY(-2px);border:1px solid rgba(255,255,255,.12)}.veil-mode .chat-item-wrapper.pinned{position:relative;background:var(--veil-mode-pinned-gradient),#1a1a1af2;border-radius:12px;border:3px solid var(--veil-mode-pinned-border)}.veil-mode .chat-actions{background:transparent!important}.veil-mode .chat-item-wrapper.swiping,.veil-mode .chat-item-wrapper.swipe-open{background:transparent!important;transition:none!important}.veil-mode .chat-last-message .reply-icon{background-image:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600;filter:brightness(1.4) saturate(1.15) drop-shadow(0 0 3px rgba(255,255,255,.15));transition:background-image .6s ease-out,filter .3s ease}.veil-mode .chat-item-wrapper:hover .chat-last-message .reply-icon{filter:brightness(1.6) saturate(1.3) drop-shadow(0 0 5px rgba(255,255,255,.25))}.veil-mode .chat-item.swipe-active{transition:transform .3s ease!important}.veil-mode .chat-item-wrapper.swipe-closing,.veil-mode .chat-item-wrapper.swipe-closing.active,.veil-mode .chat-item-wrapper.swipe-closing.pinned{background:transparent!important;transition:none!important}.chat-item-wrapper.swiping,.chat-item-wrapper.swipe-open,.chat-item-wrapper.swipe-closing,.chat-item-wrapper.swipe-active{transition-property:transform!important;transition-duration:.3s!important}.veil-mode .chat-item{border-bottom:none}.veil-mode .chat-item-wrapper.active{background:#2d2d2df2;border:1px solid rgba(139,92,246,.2)}@keyframes veilChatSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.veil-mode .chat-item-wrapper.new-chat{animation:veilChatSlideIn .3s ease-out}.veil-mode .section-content{background:var(--veil-mode-gradient)!important;padding:0!important;transition:background .6s ease-out}.veil-mode #chatsSection,.veil-mode #contactsSection,.veil-mode #requestsSection{background:var(--veil-mode-gradient)!important;padding:0!important;min-height:100%;transition:background .6s ease-out}.veil-mode .contacts-list,.veil-mode .requests-container{padding:0!important;margin:0!important;display:block;background:transparent!important}.veil-mode .requests-section{margin:8px 12px 16px!important;display:flex;flex-direction:column;gap:8px!important;padding:12px!important;background:#14141499!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff05!important}.veil-mode .requests-section:last-child{margin-bottom:80px!important}.veil-mode .requests-title{margin:0!important;padding:10px 14px!important;background:var(--veil-mode-pinned-gradient),#1a1a1af2!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid var(--veil-mode-pinned-border)!important;border-radius:10px!important;box-shadow:0 4px 12px #0003,0 2px 4px #0000001a,inset 0 0 20px #8b5cf61a!important;color:#fffc!important;font-size:11px!important;font-weight:600!important;letter-spacing:1.2px!important;text-transform:uppercase!important}.veil-mode .requests-section .request-item{margin:0!important}.veil-mode .contact-item.selected,.veil-mode .request-item.sent{background:var(--veil-mode-pinned-gradient),#1a1a1af2!important;background-color:#1a1a1af2!important;border:1px solid var(--veil-mode-pinned-border)!important;box-shadow:0 4px 12px #8b5cf633,0 2px 4px #0000001a,inset 0 0 20px #8b5cf61a!important}.veil-mode .contact-actions button,.veil-mode .request-actions button{background:#181818e6!important;border-radius:12px!important}.veil-mode .btn-add-contact{width:calc(100% - 24px)!important;margin:8px 12px 4px!important;padding:14px 20px!important;border-radius:16px!important;background:#1a1a1a!important;background-color:#1a1a1a!important;color:#f5f5f5!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 3px 10px #00000040,0 1px 2px #00000024!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;position:relative!important;overflow:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.veil-mode .btn-add-contact:hover{background:#282828f2!important;background-color:#282828f2!important;border-color:#ffffff1f!important;box-shadow:0 6px 16px #00000061,0 2px 6px #00000042!important;transform:translateY(-1px)}.veil-mode #requestsSection .empty-state{position:relative!important;z-index:2!important;color:#d2cdffcc!important}.veil-mode #requestsSection .empty-state svg{background:#1a1a1a!important;border-radius:50%!important;padding:12px!important;color:#dad2ffd9!important;fill:currentColor!important;opacity:1!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important;border:1px solid rgba(255,255,255,.12)!important}.veil-mode #requestsSection .empty-state p{color:#d6d0ffd9!important;background:#1a1a1a!important;border:1px solid rgba(255,255,255,.12)!important;padding:10px 20px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-top:18px!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.veil-mode #contactsSection .contacts-list{display:block!important;margin:0!important;padding:0!important}.veil-mode #contactsSection .contacts-list>.contact-item{margin:8px 12px!important}.veil-mode .contact-invitation-indicator{filter:none!important;transition:opacity .3s ease,filter .6s ease-out!important}.veil-mode .contact-invitation-indicator svg path{fill:var(--veil-mode-sdm-glow)!important;stroke:var(--veil-mode-sdm-glow)!important;transition:fill .6s ease-out,stroke .6s ease-out!important}.veil-mode .contact-item:hover .contact-invitation-indicator,.veil-mode .contact-item.clicking .contact-invitation-indicator{opacity:1!important;filter:drop-shadow(0 0 8px var(--veil-mode-sdm-glow))!important;transition:opacity .3s ease,filter .3s ease!important}.veil-mode .veilmoji-preview{display:inline;background:linear-gradient(135deg,#9ca3af,#e5e7eb,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.veil-mode .settings-overlay-container{background:var(--veil-mode-gradient)!important;transition:background .6s ease-out}.veil-mode .settings-container{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.veil-mode .settings-section{background:#14141499!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:12px!important;margin-bottom:16px!important;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff05!important}.veil-mode .connections-wrapper{background:var(--veil-mode-gradient)!important;transition:background .6s ease-out}.veil-mode .connections-container{background:#14141499!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:0!important;margin:16px!important;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff05!important}.veil-mode .connections-header{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important;padding:24px 24px 16px!important}.veil-mode .connections-title h2{color:#fff!important;font-size:24px!important;font-weight:600!important;margin:0 0 8px!important}.veil-mode .connections-subtitle{color:#fff9!important;font-size:13px!important;margin:0!important;opacity:.8!important}.veil-mode .connections-grid{background:transparent!important;padding:16px!important}.veil-mode .connection-card{background:#1a1a1a!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.veil-mode .connection-card:hover:not(.disabled){background:#282828f2!important;box-shadow:0 10px 30px #00000080,0 4px 10px #0000004d!important;border:1px solid rgba(255,255,255,.12)!important}.veil-mode .connection-card.active,.veil-mode .connection-card.selected{background:var(--veil-mode-pinned-gradient),#1a1a1af2!important;box-shadow:0 4px 12px #8b5cf633,0 2px 4px #0000001a,inset 0 0 20px #8b5cf61a!important;border:1px solid var(--veil-mode-pinned-border)!important}.veil-mode .connection-card.disabled{background:#1a1a1ad9!important;border:1px solid rgba(255,255,255,.08)!important;opacity:.7!important}.veil-mode .connections-wrapper{height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.veil-mode .contacts-sections{overflow-y:auto!important;overflow-x:hidden!important}.veil-mode .connections-page-container{background:#14141499!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:0 0 24px!important;margin:16px 16px 80px!important;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff05!important;height:auto!important;overflow:visible!important}.veil-mode .connections-page-header{background:#14141466!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding:16px 24px!important;display:flex!important;align-items:center!important;gap:16px!important;border-radius:16px 16px 0 0!important}.veil-mode .connections-page-title h1{color:#fff!important;font-size:22px!important;font-weight:600!important;margin:0!important}.veil-mode .connections-text{color:#fff9!important;font-size:13px!important;padding:0 24px!important;margin:16px 0!important}.veil-mode .connections-back-btn{background:transparent!important;border:none!important;box-shadow:none!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;transition:transform .15s ease,opacity .2s!important;opacity:.7!important}.veil-mode .connections-back-btn:hover{opacity:1!important;transform:translate(-2px)!important}.veil-mode .connections-back-btn:active{transform:scale(.9) translate(-2px)!important}.veil-mode .connections-back-btn .back-btn-icon{background:#ffffffe6!important;animation:none!important}.veil-mode .branches-list{padding:16px 16px 24px!important;display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;max-width:100%!important;margin:0 auto!important}.veil-mode .allocation-status{background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:20px!important;margin:16px 24px!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.veil-mode .allocation-number{background:var(--veil-mode-pinned-gradient)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.veil-mode .allocation-label{color:#fff9!important}.veil-mode .allocation-bar{background:#ffffff1a!important;border-radius:999px!important}.veil-mode .allocation-fill{background:linear-gradient(90deg,#8b5cf6cc,#a78bfacc)!important}.veil-mode .generate-btn{background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important;color:#fff!important}.veil-mode .generate-btn:hover{background:#8b5cf633!important;border:1px solid rgba(139,92,246,.4)!important;box-shadow:0 6px 24px #8b5cf640,0 0 20px #8b5cf626!important}.veil-mode .code-display{background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:20px!important;margin:16px 24px!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.veil-mode .code-pill{background:#8b5cf626!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:inset 0 0 20px #8b5cf61a!important}.veil-mode .code-text{color:#fffffff2!important}.veil-mode .code-action-btn{background:#1a1a1acc!important;border:1px solid rgba(255,255,255,.08)!important;color:#ffffffe6!important}.veil-mode .code-action-btn:hover{background:#8b5cf633!important;border:1px solid rgba(139,92,246,.4)!important}.veil-mode .branch-item{background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:16px!important;margin-bottom:0!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;flex-direction:column!important;gap:10px!important}.veil-mode .branch-item:hover{background:#282828f2!important;box-shadow:0 10px 30px #00000080,0 4px 10px #0000004d!important;transform:translateY(-2px)}.veil-mode .branch-item.used{background:var(--veil-mode-pinned-gradient),#1a1a1af2!important;border:1px solid var(--veil-mode-pinned-border)!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.veil-mode .branch-code-pill{display:inline-block;background:var(--veil-mode-gradient),var(--veil-mode-bubble-bg)!important;border:1.5px solid var(--veil-mode-bubble-border)!important;border-radius:20px!important;padding:8px 16px!important;color:#fffffff2!important;font-weight:600!important;font-size:13px!important;letter-spacing:.3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a!important;cursor:pointer!important;transition:all .2s ease!important}.veil-mode .branch-code-pill:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26!important}.veil-mode .branch-code-pill:active{transform:translateY(0)!important}.veil-mode .branch-status{color:#fff9!important}.veil-mode .branch-used-pill{display:inline-block;background:var(--veil-mode-gradient),var(--veil-mode-bubble-bg)!important;border:1.5px solid var(--veil-mode-bubble-border)!important;border-radius:20px!important;padding:6px 14px!important;color:#ffffffd9!important;font-size:13px!important;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a!important;opacity:.85!important;cursor:pointer!important;transition:all .2s ease!important}.veil-mode .branch-used-pill:hover{opacity:1!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26!important}.veil-mode .branch-used-pill:active{transform:translateY(0)!important}.veil-mode .branch-unused-wrapper{display:flex!important;align-items:center!important;gap:8px!important}.veil-mode .branch-unused{display:inline-block;background:#ffffff08!important;border:1.5px dashed rgba(255,255,255,.15)!important;border-radius:20px!important;padding:6px 14px!important;color:#fff6!important;font-size:13px!important;font-style:italic!important}.veil-mode .branch-revoke-icon{background:transparent!important;border:none!important;color:#ff6b6b99!important;cursor:pointer!important;padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important;transition:all .2s ease!important}.veil-mode .branch-revoke-icon:hover{color:#ff6b6b!important;background:#ff6b6b1a!important}.veil-mode .branch-action{background:#1a1a1acc!important;border:1px solid rgba(255,255,255,.08)!important;color:#ff6b6be6!important;border-radius:8px!important;padding:8px 16px!important}.veil-mode .branch-action:hover{background:#ff6b6b26!important;border:1px solid rgba(255,107,107,.4)!important}.veil-mode .no-branches{background:transparent!important;color:#d2cdffcc!important;padding:40px 24px!important}.veil-mode .no-branches svg{opacity:.6!important}.veil-mode .no-branches p{color:#d6d0ffd9!important}.veil-mode .no-branches-hint{color:#ffffff80!important;font-size:12px!important}.veil-mode .invite-hint,.veil-mode .code-success{color:#fff9!important}.veil-mode .community-overlay,.veil-mode .news-overlay{background:var(--veil-mode-gradient)!important;transition:background .6s ease-out}.veil-mode .community-overlay .overlay-content,.veil-mode .news-overlay .overlay-content,.veil-mode .community-overlay .overlay-body,.veil-mode .news-overlay .overlay-body{background:transparent!important}.veil-mode .community-overlay .overlay-body,.veil-mode .news-overlay .overlay-body{padding:40px 24px 72px!important}.veil-mode .community-overlay .glass-card,.veil-mode .news-overlay .glass-card{background:#181818fa!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -8px 32px #0009,0 -1px #ffffff08 inset!important;padding:36px 48px!important}.veil-mode .community-overlay .feature-title,.veil-mode .news-overlay .feature-title{background:linear-gradient(135deg,#a855f7,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent!important}.veil-mode .community-overlay .feature-description,.veil-mode .news-overlay .feature-description,.veil-mode .community-overlay .feature-item span,.veil-mode .news-overlay .feature-item span{color:#ffffffe6!important}.veil-mode .community-overlay .feature-item svg,.veil-mode .news-overlay .feature-item svg{color:#c084fc!important;fill:currentColor!important}.veil-mode .settings-item{margin:6px 0!important;background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;transition:all .2s ease!important}.veil-mode .settings-item:hover{background:#282828f2!important;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff14!important;transform:translateY(-1px)!important}.veil-mode .settings-item:active:not(:has(input:focus)),.veil-mode .settings-item:focus:not(:focus-within),.veil-mode .settings-item.active{background:linear-gradient(135deg,#8b5cf626,#8b5cf614),#1a1a1a!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:0 4px 12px #8b5cf633,0 2px 4px #0000001a,inset 0 0 20px #8b5cf61a!important}.veil-mode .settings-item[style*="pointer-events: none"]:active,.veil-mode .settings-item[style*="pointer-events: none"]:focus,.veil-mode .settings-item[style*="pointer-events: none"]:hover{background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;transform:none!important}.veil-mode .settings-item:focus-visible{outline:none!important;background:linear-gradient(135deg,#8b5cf626,#8b5cf614),#1a1a1a!important}.veil-mode .settings-section-title{color:#fff9!important;text-transform:uppercase;font-size:12px!important;letter-spacing:.05em;margin-left:12px!important}.veil-mode .display-mode-card{background:#1a1a1a!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 15px #0000004d,inset 0 1px #ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important}.veil-mode .display-mode-card:hover{background:#282828f2!important;box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff14!important;transform:translateY(-1px)!important}.veil-mode .display-mode-card.selected{background:linear-gradient(135deg,#8b5cf626,#8b5cf614),#1a1a1a!important;border:1px solid rgba(139,92,246,.3)!important}.veil-mode .chat-view,.veil-mode .chat-screen{background:var(--veil-mode-gradient)!important;transition:background .6s ease-out}.veil-mode .messages-container,.veil-mode #messages{background:transparent!important}.veil-mode .date-divider{background:#121212e6!important;color:#ffffffeb!important;box-shadow:0 8px 24px #00000073,0 2px 8px #00000040!important}.veil-mode .message-header{background:#1a1a1af2!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 10px #0000004d!important}.veil-mode .messages-list{background:transparent!important;padding:12px!important}.veil-mode .message.me .message-bubble{background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 25%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 20%,transparent))!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,rgba(255,255,255,.08))!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.veil-mode .message.them .message-bubble{background:#1a1a1a!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important}.veil-mode .voice-message-player{background:#1e1e1ed9!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 3px 10px #0000004d!important}.veil-mode .message.me .voice-message-player{background:linear-gradient(135deg,#8b5cf626,#a78bfa1f)!important;border:1px solid rgba(167,139,250,.15)!important}.veil-mode .message-image-container{position:relative;border-radius:12px;overflow:hidden}.veil-mode .message-image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%);pointer-events:none}.veil-mode .chat-header,.veil-mode .sidebar-header,.veil-mode .veil-header,.veil-mode #chatHeader,.veil-mode .header,.veil-mode #groupHeader{position:relative!important;z-index:10!important;background:#141414!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid var(--veil-mode-bubble-border)!important;box-shadow:0 4px 24px #0006,0 1px 4px #0003!important;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)!important}.veil-mode #chatHeader:before{display:none!important}#app.veil-mode~.floating-orbs{display:none!important}.veil-mode .message-input-container,.veil-mode .input-container{background:#141414!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:1px solid var(--veil-mode-bubble-border)!important;box-shadow:0 -4px 24px #0006,0 -1px 4px #0003!important;padding:12px 16px!important;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)!important;align-items:center!important;gap:12px!important}.veil-mode .reply-preview{bottom:85px!important;background:#1a1a1ab3;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 -4px 24px #0000004d;border-left:none!important}.veil-mode .chat-view-active .reply-preview{bottom:25px!important}.veil-mode .reply-bar{background:linear-gradient(180deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end))!important;width:4px!important}.veil-mode .reply-to-name{background-image:linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.veil-mode .reply-preview{bottom:85px!important}.veil-mode .chat-view-active .reply-preview{bottom:25px!important}}.veil-mode .input-wrapper{background:#141414!important;border:2px solid var(--veil-mode-bubble-border)!important;border-radius:24px!important;box-shadow:none!important;position:relative!important;overflow:hidden!important;transition:border-color .6s cubic-bezier(.4,0,.2,1)!important}.veil-mode .input-wrapper:before{display:none!important}.veil-mode .input-wrapper:focus-within{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 60%,black 40%)!important}.veil-mode .message-input,.veil-mode #messageInput{background:transparent!important;border:none!important;color:#fffffff2!important;position:relative!important;z-index:1!important;padding:12px 16px!important}.veil-mode .message-input::placeholder,.veil-mode #messageInput::placeholder{color:#fff6!important}.veil-mode .options-button{background:#141414!important;border:2px solid var(--veil-mode-sdm-glow)!important;border-radius:50%!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d!important;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease,border-color .3s ease!important}.veil-mode .options-button svg{opacity:1!important;fill:#ffffffe6!important;stroke:#ffffffe6!important;stroke-width:2.4!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important;transition:transform .3s ease,filter .3s ease,fill .3s ease,stroke .3s ease!important;position:relative!important;z-index:1!important}.veil-mode .options-button:hover{transform:translateY(-2px) scale(1.05)!important}.veil-mode .options-button:hover svg{fill:#fff!important;stroke:#fff!important;transform:scale(1.08)!important;opacity:1!important}.veil-mode .options-button:active,.veil-mode .options-button.veil-button-pressed{transform:scale(.92)!important;border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,white 50%)!important}.veil-mode .options-button:active svg path,.veil-mode .options-button.veil-button-pressed svg path{stroke:color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,white 50%)!important}.veil-mode .send-button{background:#141414!important;border:2px solid var(--veil-mode-sdm-glow)!important;border-radius:50%!important;width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;position:relative!important;overflow:hidden!important;box-shadow:0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d!important;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease,border-color .3s ease!important}.veil-mode .send-button:before{display:none!important}.veil-mode .send-button svg{width:22px!important;height:22px!important;opacity:.8!important;fill:#fffc!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))!important;transition:transform .3s ease,filter .3s ease,fill .3s ease,opacity .3s ease!important;position:relative!important;z-index:1!important}.veil-mode .send-button #micIcon{width:24px!important;height:24px!important;margin:-1px!important}.veil-mode .send-button:hover{border:2px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 82%,#ffffff 18%)!important}.veil-mode .send-button:hover svg{fill:#fff!important}.veil-mode .send-button:active,.veil-mode .send-button.veil-button-pressed{background:#141414!important;border:3px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#e0f2fe 60%)!important;transform:translateY(1px) scale(.96)!important;box-shadow:0 2px 8px #0006,0 0 24px color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#bae6fd 60%)!important;animation:buttonPressRingGlow 2s ease infinite!important}.veil-mode .send-button:active:before,.veil-mode .send-button.veil-button-pressed:before{opacity:0!important}.veil-mode .send-button:active svg,.veil-mode .send-button.veil-button-pressed svg{fill:#fff!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))!important}.veil-mode #sendBtn.mic-holding,.veil-mode .send-button.recording{background:#141414!important;transform:none!important;animation:none!important}@keyframes buttonPressRingGlow{0%,to{border-color:#a78bfae6;box-shadow:0 2px 8px #0006,0 0 20px #a78bfa99,0 0 40px #a78bfa4d}50%{border-color:#c4b5fd;box-shadow:0 2px 8px #0006,0 0 24px #c4b5fdcc,0 0 48px #c4b5fd66}}0%{border-color:var(--veil-mode-sdm-glow);box-shadow:0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d;filter:brightness(1) saturate(1)}40%{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 55%,var(--veil-mode-nav-gradient-end) 45%);box-shadow:0 9px 32px #00000085,0 0 34px color-mix(in srgb,var(--veil-mode-sdm-glow) 70%,transparent),inset 0 1px #ffffff1a;filter:brightness(1.18) saturate(1.08)}70%{border-color:color-mix(in srgb,var(--veil-mode-nav-gradient-end) 60%,var(--veil-mode-sdm-glow) 40%);box-shadow:0 7px 28px #0000007a,0 0 30px color-mix(in srgb,var(--veil-mode-nav-gradient-end) 65%,transparent),inset 0 1px #ffffff1f;filter:brightness(1.16) saturate(1.06)}100%{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 86%,#ffffff 14%);box-shadow:0 6px 24px #00000073,0 0 26px color-mix(in srgb,var(--veil-mode-sdm-glow) 55%,transparent),inset 0 1px #ffffff1f;filter:brightness(1.12) saturate(1.04)}} .veil-mode .sdm-persistent-overlay{display:none!important}.veil-mode .options-button.sdm-active svg path{animation:sdmIconColorPulse 3s ease-in-out infinite}@keyframes sdmIconColorPulse{0%,to{stroke:var(--veil-mode-sdm-glow);stroke-width:2.4;opacity:.8}50%{stroke:color-mix(in srgb,var(--veil-mode-sdm-glow) 20%,white 80%);stroke-width:3.2;opacity:1}}.veil-mode .reaction-bubble{background:#282828d9!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 2px 8px #0000004d!important}.veil-mode .message.me .message-reply,.veil-mode .message.them .message-reply,.veil-mode .message-reply{background:#121214d9!important;backdrop-filter:blur(8px) saturate(180%)!important;-webkit-backdrop-filter:blur(8px) saturate(180%)!important;border-left:3px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 60%,transparent)!important;border:1px solid rgba(255,255,255,.06)!important;border-left-width:3px!important;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff08!important;transition:border-color .3s ease,box-shadow .3s ease,background .6s ease-out!important}.veil-mode .message.me .message-reply:hover,.veil-mode .message.them .message-reply:hover,.veil-mode .message-reply:hover{background:#19191ce6!important;border-left-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 80%,transparent)!important;box-shadow:0 3px 12px #00000080,inset 0 1px #ffffff0d!important}.veil-mode .message.me .message-reply:active,.veil-mode .message.them .message-reply:active,.veil-mode .message-reply:active{background:#0f0f12e6!important;box-shadow:0 1px 4px #00000080,inset 0 1px #ffffff05!important}.veil-mode .message.me .message-reply .reply-content,.veil-mode .message.them .message-reply .reply-content,.veil-mode .message-reply .reply-content{color:#ffffffd9!important}.veil-mode .message.me .message-reply .reply-sender,.veil-mode .message.them .message-reply .reply-sender,.veil-mode .message-reply .reply-sender{color:color-mix(in srgb,var(--veil-mode-sdm-glow) 85%,white 15%)!important;font-weight:600!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.veil-mode .message.me .message-reply .reply-text,.veil-mode .message.them .message-reply .reply-text,.veil-mode .message-reply .reply-text{color:#ffffffa6!important}.veil-mode .reply-thumbnail{background:#0a0a0ccc!important;border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent)!important;box-shadow:inset 0 2px 4px #00000080!important;transition:border-color .3s ease!important}.veil-mode .message.me .message-reply:hover .reply-thumbnail,.veil-mode .message.them .message-reply:hover .reply-thumbnail,.veil-mode .message-reply:hover .reply-thumbnail{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,transparent)!important}.veil-mode .message.me .reply-thumbnail img,.veil-mode .message.them .reply-thumbnail img,.veil-mode .reply-thumbnail img{opacity:.9!important;transition:opacity .3s ease!important}.veil-mode .message.me .message-reply:hover .reply-thumbnail img,.veil-mode .message.them .message-reply:hover .reply-thumbnail img,.veil-mode .message-reply:hover .reply-thumbnail img{opacity:1!important}.veil-mode .message.me .message-reply.has-media,.veil-mode .message.them .message-reply.has-media,.veil-mode .message-reply.has-media{padding:6px!important}.veil-mode .date-separator{background:#1e1e1eb3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 10px #0003!important;padding:4px 12px!important;border-radius:12px!important}.veil-mode .typing-indicator{background:#232323d9!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 8px #0000004d!important}.veil-mode .empty-state{background:#1e1e1e80!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}.veil-mode .message-context-menu{background:#1a1a1af2!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 30px #00000080!important}.attachment-menu.veil-mode{background:#141414!important;border:1px solid var(--veil-mode-bubble-border)!important;border-radius:16px!important;padding:12px!important;box-shadow:0 8px 24px #00000080,0 2px 8px #0003!important}.attachment-menu.veil-mode .attachment-option{background:#ffffff08!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(147,51,234,.65)!important;transition:all .2s ease!important}:root[data-veil-theme=ocean] .attachment-menu.veil-mode .attachment-option{border-color:#37d2ffa6!important}:root[data-veil-theme=aurora] .attachment-menu.veil-mode .attachment-option{border-color:#00f37fa6!important}:root[data-veil-theme=cyberpunk] .attachment-menu.veil-mode .attachment-option{border-color:#00ffffa6!important}.attachment-menu.veil-mode .attachment-option:hover{background:var(--veil-mode-gradient)!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:0 4px 12px #0006!important;transform:translateY(-2px)!important}.attachment-menu.veil-mode .attachment-icon{background:var(--veil-mode-gradient)!important}.attachment-menu.veil-mode .attachment-option:hover .attachment-icon{background:var(--veil-mode-sdm-glow)!important}.options-menu.veil-mode{background:#141414!important;border:1px solid var(--veil-mode-bubble-border)!important;box-shadow:0 8px 24px #00000080,0 2px 8px #0003!important}.veil-mode .scroll-to-bottom{background:#8b5cf6e6!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 15px #8b5cf64d!important}.veil-mode .file-attachment{background:#232323d9!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.08)!important}.veil-mode .message.me .file-attachment{background:linear-gradient(135deg,#8b5cf61f,#a78bfa1a)!important;border:1px solid rgba(167,139,250,.12)!important}.context-menu.veil-mode{background:linear-gradient(135deg,#141e3066,#243b554d,#141e3066)!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:0 8px 32px #0009,0 0 80px #8b5cf626,inset 0 1px #ffffff1a,inset 0 -1px #0000004d!important}.context-menu.veil-mode .context-menu-item{background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,var(--veil-mode-bubble-bg, rgba(147, 51, 234, .08)) 100%)!important;border:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.context-menu.veil-mode .context-menu-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,var(--veil-mode-bubble-bg, rgba(147, 51, 234, .2)) 50%,rgba(255,255,255,.05) 100%)!important;border-color:#ffffff26!important;box-shadow:0 4px 12px #0000004d,0 0 20px var(--veil-mode-bubble-bg, rgba(147, 51, 234, .15));transform:translate(4px)}.context-menu.veil-mode .context-menu-item.danger:hover{background:#ff6b6b40!important;border-color:#ff6b6b99!important;box-shadow:0 4px 12px #ff6b6b4d,0 0 20px #ff6b6b26}.context-menu.veil-mode .context-menu-separator{background:linear-gradient(90deg,rgba(255,255,255,.05) 0%,var(--veil-mode-bubble-bg, rgba(147, 51, 234, .15)) 50%,rgba(255,255,255,.05) 100%)}.veil-mode .bottom-nav{background:#181818fa!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-top:1px solid rgba(255,255,255,.08)!important;box-shadow:0 -8px 32px #0009,0 -1px #ffffff08 inset!important}.veil-mode .bottom-nav:before{content:""!important;position:absolute!important;bottom:-80px!important;left:50%!important;transform:translate(-50%)!important;width:300px!important;height:120px!important;background:radial-gradient(ellipse at center,var(--veil-mode-gradient) 0%,transparent 70%)!important;opacity:.15!important;filter:blur(40px)!important;pointer-events:none!important;z-index:-1!important}.veil-mode .bottom-nav .nav-item>.nav-label{color:#999!important;font-weight:600!important;background:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;transition:color .5s ease,-webkit-text-fill-color .5s ease!important}.veil-mode .bottom-nav .nav-item:hover>.nav-label{color:#bbb!important}.bottom-nav.veil-mode .nav-item.active>.nav-label,.veil-mode.bottom-nav .nav-item.active>.nav-label,.veil-mode .bottom-nav .nav-item.active>.nav-label{background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:700!important;opacity:1!important;transition:all .5s ease!important}.veil-mode .nav-gradient-start,.nav-gradient-svg.veil-mode .nav-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important;transition:none!important}.veil-mode .nav-gradient-end,.nav-gradient-svg.veil-mode .nav-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important;transition:none!important}.bottom-nav.veil-mode .nav-item.active svg,.veil-mode.bottom-nav .nav-item.active svg,.veil-mode .bottom-nav .nav-item.active svg{opacity:1!important;transition:none!important}.veil-mode .nav-item.active:before{background:linear-gradient(to right,var(--veil-mode-light-accent, var(--veil-mode-sdm-glow)),var(--veil-mode-nav-gradient-end))!important;width:50px!important;height:3px!important;box-shadow:none!important}.bottom-nav.veil-mode .nav-item.active:before,.veil-mode.bottom-nav .nav-item.active:before,.veil-mode .bottom-nav .nav-item.active:before{opacity:1!important;transition:none!important}.modal-overlay.veil-mode{background:#0000004d!important;backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important}.modal-overlay.veil-mode .modal-container{background:var(--veil-mode-gradient),#1a1a1af2!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:2px solid var(--veil-mode-pinned-border)!important;border-radius:20px!important;box-shadow:0 8px 32px #0009,0 0 80px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000004d!important;transition:background .6s ease-out,border-color .3s ease,box-shadow .3s ease!important}.modal-overlay.veil-mode .modal-title{color:#fffffff2!important;text-shadow:0 0 20px var(--veil-mode-sdm-glow, rgba(139, 92, 246, .5)),0 2px 4px rgba(0,0,0,.5)!important;font-weight:600!important}.modal-overlay.veil-mode .modal-title[style*="color: #ef4444"],.modal-overlay.veil-mode .modal-title[style*="color: rgb(239, 68, 68)"]{color:#ff6b6b!important;text-shadow:0 0 20px rgba(239,68,68,.6),0 2px 4px rgba(0,0,0,.5)!important}.modal-overlay.veil-mode .modal-message,.modal-overlay.veil-mode .modal-message p{color:#ffffffe6!important}.modal-overlay.veil-mode .modal-message strong{color:#fff!important;font-weight:600!important}.modal-overlay.veil-mode .modal-message>div[style*="rgba(239, 68, 68"]{background:linear-gradient(135deg,#ef444426,#dc26261a)!important;border:1px solid rgba(239,68,68,.4)!important;border-radius:12px!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 4px 12px #ef44441a,inset 0 1px #ffffff0d!important}.modal-overlay.veil-mode .modal-message ul,.modal-overlay.veil-mode .modal-message ul li{color:#ffffffd9!important}.modal-overlay.veil-mode .modal-btn-cancel{background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)!important;color:#ffffffe6!important;border-radius:12px!important;padding:12px 24px;transition:all .2s ease!important;box-shadow:0 2px 8px #0003!important}.modal-overlay.veil-mode .modal-btn-cancel:hover{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,var(--veil-mode-bubble-bg, rgba(147, 51, 234, .15)) 50%,rgba(255,255,255,.05) 100%)!important;border:1px solid rgba(255,255,255,.2)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000004d,0 0 20px var(--veil-mode-bubble-bg, rgba(147, 51, 234, .15))!important}.modal-overlay.veil-mode .modal-btn[style*=ef4444],.modal-overlay.veil-mode .modal-btn[style*="rgb(239, 68, 68)"]{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important;border-radius:12px!important;padding:12px 24px;box-shadow:0 4px 16px #ef444466,0 0 20px #ef444433!important;transition:all .2s ease!important}.modal-overlay.veil-mode .modal-btn[style*=ef4444]:hover,.modal-overlay.veil-mode .modal-btn[style*="rgb(239, 68, 68)"]:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #ef444480,0 0 30px #ef44444d!important}.modal-overlay.veil-mode #passwordInput{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.12)!important;color:#fffffff2!important;border-radius:12px!important;padding:12px;transition:all .2s ease!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-overlay.veil-mode #passwordInput:focus{border:1px solid var(--veil-mode-sdm-glow, rgba(139, 92, 246, .6))!important;box-shadow:0 0 20px var(--veil-mode-sdm-glow, rgba(139, 92, 246, .3))!important;outline:none!important;background:#ffffff14!important}.modal-overlay.veil-mode #passwordInput::placeholder{color:#fff6!important}.modal-overlay.veil-mode #errorMessage{color:#ff6b6b!important;text-shadow:0 0 10px rgba(239,68,68,.3)}.modal-overlay.veil-mode #countdownContainer{color:#ffffffe6!important}.modal-overlay.veil-mode #countdownNumber{background:linear-gradient(135deg,#ef4444,#dc2626)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;filter:drop-shadow(0 0 20px rgba(239,68,68,.4))}.modal-overlay.veil-mode .modal-input,.modal-overlay.veil-mode .form-input{background:#0000004d!important;border:1px solid rgba(255,255,255,.12)!important;color:#fffffff2!important;border-radius:12px!important;transition:all .2s ease!important;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-overlay.veil-mode .modal-input:focus,.modal-overlay.veil-mode .form-input:focus{border:1px solid var(--veil-mode-pinned-border)!important;box-shadow:none!important;outline:none!important;background:#0006!important}.modal-overlay.veil-mode .modal-input::placeholder,.modal-overlay.veil-mode .form-input::placeholder{color:#fff6!important}.modal-overlay.veil-mode .form-group{margin-bottom:16px}.modal-overlay.veil-mode .form-group label{color:#fffc!important;font-size:13px!important;font-weight:500!important;margin-bottom:6px!important;display:block}.modal-overlay.veil-mode .modal-btn-confirm,.modal-overlay.veil-mode .btn-primary{background:var(--veil-mode-gradient),#1a1a1af2!important;border:2px solid var(--veil-mode-pinned-border)!important;color:#fffffff2!important;box-shadow:0 4px 16px #0000004d!important;border-radius:12px!important;transition:all .2s ease!important}.modal-overlay.veil-mode .modal-btn-confirm:hover,.modal-overlay.veil-mode .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #0006!important}.modal-overlay.veil-mode .modal-btn-cancel,.modal-overlay.veil-mode .btn-secondary{background:linear-gradient(135deg,#ffffff0d,#ffffff05)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12)!important;color:#ffffffe6!important;border-radius:12px!important;transition:all .2s ease!important;box-shadow:0 2px 8px #0003!important}.modal-overlay.veil-mode .modal-btn-cancel:hover,.modal-overlay.veil-mode .btn-secondary:hover{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,var(--veil-mode-bubble-bg) 50%,rgba(255,255,255,.05) 100%)!important;border:1px solid rgba(255,255,255,.2)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0000004d!important}.veil-mode #archivedChatsView{background:transparent!important}.veil-mode #pullIndicator{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-pinned-border))!important;box-shadow:0 2px 8px #0000004d}.veil-mode #archivedList{padding:16px 12px!important}.veil-mode .archived-chat-item{background:var(--veil-mode-bubble-bg)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid var(--veil-mode-bubble-border)!important;box-shadow:0 8px 24px #0006,0 2px 8px #0003!important;border-radius:16px!important;transition:all .2s ease!important}.veil-mode .archived-chat-item:hover{background:#282828f2!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 10px 30px #00000080,0 4px 10px #0000004d!important;transform:translateY(-2px)!important}.veil-mode .unarchive-btn{background:var(--veil-mode-gradient),#1a1a1af2!important;border:2px solid var(--veil-mode-pinned-border)!important;box-shadow:0 4px 12px #0000004d!important;transition:all .2s ease!important}.veil-mode .unarchive-btn:hover{transform:scale(1.05) translateY(-1px)!important;box-shadow:0 6px 16px #0006!important}.veil-mode #archivedList>div[style*="text-align: center"]{color:#fff9!important}.notification-center-overlay.veil-mode{background:#00000040!important;backdrop-filter:blur(8px) saturate(140%)!important;-webkit-backdrop-filter:blur(8px) saturate(140%)!important}.notification-center-overlay.veil-mode .notification-center{background:var(--veil-mode-gradient),#141414eb!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:2px solid var(--veil-mode-pinned-border)!important;border-radius:24px!important;box-shadow:0 16px 64px #000000b3,0 0 120px #0000004d,inset 0 2px #ffffff26,inset 0 -2px #0006!important;transition:background .6s ease-out,border-color .3s ease,box-shadow .3s ease!important}.notification-center-overlay.veil-mode .notification-center-header{background:linear-gradient(135deg,var(--veil-mode-gradient),rgba(30,30,30,.6))!important;border-bottom:1px solid var(--veil-mode-pinned-border)!important;border-radius:24px 24px 0 0!important;padding:28px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.notification-center-overlay.veil-mode .notification-center-title{color:#fffffffa!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important;font-weight:700!important;letter-spacing:.5px!important}.notification-center-overlay.veil-mode .notification-center-close{color:#ffffffb3!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;padding:8px!important;transition:all .2s ease!important}.notification-center-overlay.veil-mode .notification-center-close:hover{background:#ffffff1a!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:0 0 20px var(--veil-mode-sdm-glow)!important;transform:rotate(90deg)!important}.notification-center-overlay.veil-mode .notification-center-tabs{background:#00000026!important;border-bottom:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.notification-center-overlay.veil-mode .notif-tab{color:#ffffff80!important;border-bottom:2px solid transparent!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.notification-center-overlay.veil-mode .notif-tab:hover{color:#fffc!important;background:#ffffff08!important}.notification-center-overlay.veil-mode .notif-tab.active{color:#fffffffa!important;border-bottom-color:var(--veil-mode-sdm-glow)!important;text-shadow:0 0 20px var(--veil-mode-sdm-glow)!important;background:linear-gradient(135deg,var(--veil-mode-gradient),transparent)!important}.notification-center-overlay.veil-mode .notification-feed{background:transparent!important}.notification-center-overlay.veil-mode .notification-pill{background:var(--veil-mode-bubble-bg)!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid var(--veil-mode-bubble-border)!important;border-radius:16px!important;box-shadow:0 4px 16px #0006,0 1px 4px #0003,inset 0 1px #ffffff0d!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.notification-center-overlay.veil-mode .notification-pill:hover{background:#323232f2!important;border-color:#ffffff26!important;box-shadow:0 8px 24px #00000080,0 2px 8px #0000004d!important;transform:translateY(-2px) scale(1.01)!important}.notification-center-overlay.veil-mode .notification-pill.unread{background:linear-gradient(135deg,var(--veil-mode-gradient),var(--veil-mode-bubble-bg))!important;border-color:var(--veil-mode-pinned-border)!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff1a!important}.notification-center-overlay.veil-mode .notification-pill.unread:hover{box-shadow:0 8px 24px #00000080,inset 0 1px #ffffff26!important}.notification-center-overlay.veil-mode .notification-unread-dot{background:var(--veil-mode-sdm-glow)!important}@keyframes veil-mode-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.notification-center-overlay.veil-mode .notif-type-system_update .notification-type-tag{background:#3b82f640!important;color:#93c5fd!important;text-shadow:0 0 8px rgba(59,130,246,.3)!important;border:1px solid rgba(59,130,246,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-feature_patch .notification-type-tag{background:#8b5cf640!important;color:#c4b5fd!important;text-shadow:0 0 8px rgba(139,92,246,.3)!important;border:1px solid rgba(139,92,246,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-security_advisory .notification-type-tag{background:#ef444440!important;color:#fca5a5!important;text-shadow:0 0 8px rgba(239,68,68,.3)!important;border:1px solid rgba(239,68,68,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-maintenance .notification-type-tag{background:#f59e0b40!important;color:#fcd34d!important;text-shadow:0 0 8px rgba(245,158,11,.3)!important;border:1px solid rgba(245,158,11,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-devlog .notification-type-tag{background:#10b98140!important;color:#6ee7b7!important;text-shadow:0 0 8px rgba(16,185,129,.3)!important;border:1px solid rgba(16,185,129,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-promo .notification-type-tag{background:#ec489940!important;color:#f9a8d4!important;text-shadow:0 0 8px rgba(236,72,153,.3)!important;border:1px solid rgba(236,72,153,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-reward .notification-type-tag{background:#fbbf2440!important;color:#fde68a!important;text-shadow:0 0 8px rgba(251,191,36,.3)!important;border:1px solid rgba(251,191,36,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-pwa_update .notification-type-tag{background:#8b5cf640!important;color:#c4b5fd!important;text-shadow:0 0 8px rgba(139,92,246,.3)!important;border:1px solid rgba(139,92,246,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-tip .notification-type-tag{background:#0ea5e940!important;color:#7dd3fc!important;text-shadow:0 0 8px rgba(14,165,233,.3)!important;border:1px solid rgba(14,165,233,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notif-type-policy .notification-type-tag{background:#a855f740!important;color:#d8b4fe!important;text-shadow:0 0 8px rgba(168,85,247,.3)!important;border:1px solid rgba(168,85,247,.2)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.notification-center-overlay.veil-mode .notification-priority-badge.high{background:linear-gradient(135deg,#fbbf2440,#fbbf2426)!important;color:#fbbf24!important;border:1px solid rgba(251,191,36,.3)!important}.notification-center-overlay.veil-mode .notification-priority-badge.critical{background:linear-gradient(135deg,#ef444440,#ef444426)!important;color:#ef4444!important;border:1px solid rgba(239,68,68,.3)!important}.notification-center-overlay.veil-mode .notification-pill-time{color:#ffffff80!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.notification-center-overlay.veil-mode .notification-pill-title{color:#fffffff2!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}.notification-center-overlay.veil-mode .notification-empty-state{color:#ffffff80!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.notification-modal-overlay.veil-mode{background:#0000004d!important;backdrop-filter:blur(12px) saturate(140%)!important;-webkit-backdrop-filter:blur(12px) saturate(140%)!important}.notification-modal-overlay.veil-mode .notification-modal{background:var(--veil-mode-gradient),#141414eb!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:2px solid var(--veil-mode-pinned-border)!important;border-radius:24px!important;box-shadow:0 16px 64px #000000b3,0 0 120px #0000004d,inset 0 2px #ffffff26,inset 0 -2px #0006!important;transition:background .6s ease-out,border-color .3s ease,box-shadow .3s ease!important}.notification-modal-overlay.veil-mode .notification-modal-header{background:linear-gradient(135deg,var(--veil-mode-gradient),rgba(30,30,30,.7))!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:20px 20px 0 0!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.notification-modal-overlay.veil-mode .notification-modal-body{background:#0000001a!important}.notification-modal-overlay.veil-mode .notification-modal-title{color:#fffffffa!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important}.notification-modal-overlay.veil-mode .notification-modal-text{color:#ffffffe6!important;text-shadow:0 1px 3px rgba(0,0,0,.5)!important}.notification-modal-overlay.veil-mode .notification-modal-close{color:#ffffffb3!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;transition:all .2s ease!important}.notification-modal-overlay.veil-mode .notification-modal-close:hover{background:#ffffff26!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:none!important;transform:rotate(90deg) scale(1.1)!important}.notification-modal-overlay.veil-mode .notification-modal-action-btn{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .2s ease!important}.notification-modal-overlay.veil-mode .notification-modal-action-btn:hover{background:#ffffff26!important;border-color:#ffffff4d!important;transform:translateY(-1px)!important}.notification-modal-overlay.veil-mode .notification-modal-dismiss-btn{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.15)!important;color:#ffffffd9!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .2s ease!important}.notification-modal-overlay.veil-mode .notification-modal-dismiss-btn:hover{background:#ffffff1a!important;border-color:#ffffff40!important;box-shadow:0 4px 12px #0000004d!important;transform:translateY(-1px)!important}.notification-modal-overlay.veil-mode .notification-modal-footer{background:#0003!important;border-top:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}.notification-modal-overlay.veil-mode .notification-modal-time{color:#ffffff80!important;text-shadow:0 1px 2px rgba(0,0,0,.5)!important}.notification-modal-overlay.veil-mode .notification-modal-archive-btn{background:var(--veil-mode-gradient),#1a1a1ab3!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1.5px solid var(--veil-mode-pinned-border)!important;color:#fffffff2!important;border-radius:10px!important;transition:background .6s ease-out,border-color .3s ease,transform .2s ease!important}.notification-modal-overlay.veil-mode .notification-modal-archive-btn:hover{background:var(--veil-mode-gradient),#232323d9!important;border-color:var(--veil-mode-sdm-glow)!important;transform:translateY(-1px)!important}.notification-modal-overlay.veil-mode .notification-modal-archive-btn:active{transform:translateY(0) scale(.98)!important}.notification-modal-overlay.veil-mode .notification-modal-delete-btn{background:linear-gradient(135deg,#ef444426,#dc26261a),#1a1a1ab3!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1.5px solid rgba(239,68,68,.4)!important;color:#f87171f2!important;border-radius:10px!important;transition:background .6s ease-out,border-color .3s ease,transform .2s ease!important}.notification-modal-overlay.veil-mode .notification-modal-delete-btn:hover{background:linear-gradient(135deg,#ef444440,#dc262633),#232323d9!important;border-color:#ef4444b3!important;color:#fca5a5fa!important;transform:translateY(-1px)!important}.notification-modal-overlay.veil-mode .notification-modal-delete-btn:active{transform:translateY(0) scale(.98)!important}.veil-mode .scroll-to-latest{bottom:105px!important;background:#141414f2!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;border:2px solid var(--veil-mode-sdm-glow)!important;box-shadow:0 4px 24px #0009,0 0 12px var(--veil-mode-sdm-glow),0 1px 4px #0006,inset 0 1px #ffffff14!important;transition:all .2s ease!important}.veil-mode .scroll-to-latest:hover{background:#191919f2!important;border:2px solid var(--veil-mode-sdm-glow)!important;box-shadow:0 4px 24px #0009,0 0 16px var(--veil-mode-sdm-glow),0 1px 4px #0006,inset 0 1px #ffffff14!important}.veil-mode .scroll-to-latest:active{background:#121212f2!important;transform:translate(-50%) scale(.94)!important}@keyframes veilScrollPulse{0%{transform:translate(-50%) scale(1);border-color:#fff3;border-width:1.5px;box-shadow:0 4px 24px #0009,0 1px 4px #0006,inset 0 1px #ffffff14}50%{transform:translate(-50%) scale(.96);border-color:var(--veil-mode-sdm-glow);border-width:3px;box-shadow:0 0 50px var(--veil-mode-sdm-glow),0 0 30px var(--veil-mode-sdm-glow),0 4px 24px #0009,inset 0 0 20px #fff3;filter:brightness(1.4)}to{transform:translate(-50%) scale(1);border-color:#fff3;border-width:1.5px;box-shadow:0 4px 24px #0009,0 1px 4px #0006,inset 0 1px #ffffff14}}.veil-mode .scroll-to-latest.pulsing{animation:none!important;animation:veilScrollPulse .4s ease-out!important}.veil-mode .scroll-to-latest .icon{color:#ffffffe6!important}.veil-mode .scroll-to-latest .badge{background:var(--veil-mode-sdm-glow)!important;box-shadow:0 2px 8px #0006!important}.veil-mode .options-button.veil-button-engaged{transform:scale(.92)!important;border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,white 50%)!important}.veil-mode .options-button.veil-button-engaged svg path{stroke:color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,white 50%)!important}.veil-mode .reaction-badge{background:#1a1a1a!important;border:1.5px solid var(--veil-mode-reaction-glow)!important;border-radius:14px;padding:3px 10px;display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #0009}@keyframes reaction-border-glow-pulse{0%,to{border-width:1.5px;box-shadow:0 0 4px var(--veil-mode-reaction-glow),0 2px 8px #0009,0 1px 3px #0006}50%{border-width:2px;box-shadow:0 0 8px var(--veil-mode-reaction-glow),0 0 12px var(--veil-mode-reaction-glow),0 2px 12px #000c,0 1px 4px #0009}}.veil-mode .reaction-badge.user-reacted{background:#1a1a1a!important;border-color:var(--veil-mode-reaction-glow)!important;animation:reaction-border-glow-pulse 4s ease-in-out infinite}.veil-mode .reaction-badge.reaction-more{background:#1a1a1a!important;border-color:var(--veil-mode-pinned-border)!important;cursor:pointer;font-size:11px;color:#fffc}.veil-mode .reaction-badge.reaction-close{background:#1a1a1a!important;border-color:var(--veil-mode-reaction-glow)!important;color:var(--veil-mode-reaction-glow)!important;cursor:pointer;font-size:12px}.veil-mode .empty-chat-icon-wrapper{position:relative;width:200px;height:200px;margin:0 auto 32px}.veil-mode .empty-chat-lottie{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;mix-blend-mode:screen;opacity:1;pointer-events:none}.veil-mode .empty-chat-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#1a1a1a!important;border:2px solid var(--veil-mode-sdm-glow, rgb(139, 92, 246));border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0009,0 0 30px var(--veil-mode-sdm-glow, rgba(139, 92, 246, .25)),inset 0 1px #ffffff1a;animation:emptyChatBorderPulse 3s ease-in-out infinite;z-index:2}@keyframes emptyChatBorderPulse{0%,to{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 85%,black 15%)}50%{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 80%,white 20%)}}.veil-mode .empty-chat-title{background:#1a1a1ad9!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:1px solid var(--veil-mode-bubble-border)!important;border-radius:16px!important;padding:14px 28px!important;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff14!important;margin:0 auto 12px!important;display:inline-block!important;color:#fffffff2!important;font-size:16px!important;font-weight:600!important;text-shadow:0 2px 12px rgba(0,0,0,.5);white-space:nowrap!important}.veil-mode .empty-chat-subtitle{background:#1a1a1ad9!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;border:1px solid var(--veil-mode-bubble-border)!important;border-radius:16px!important;padding:12px 28px!important;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff14!important;margin:0 auto!important;display:inline-block!important;color:var(--veil-mode-sdm-glow, rgba(139, 92, 246, .9))!important;font-size:14px!important;font-weight:500!important;text-shadow:0 2px 8px rgba(0,0,0,.4);white-space:nowrap!important}#contactInfo.veil-mode,#groupInfo.veil-mode{background:var(--veil-mode-gradient)!important;transition:background .6s ease-out}.veil-mode .contact-info-content{background:transparent!important;padding-top:36px!important}.veil-mode .contact-profile-section{margin-top:0!important}.veil-mode .contact-profile-picture{position:relative}.veil-mode .contact-profile-lottie{mix-blend-mode:screen;opacity:.7!important}.veil-mode .contact-profile-picture img{border-width:4px!important;border-style:solid!important}.veil-mode .avatar-placeholder-large{border-width:4px!important;border-style:solid!important;background:#1a1a1ae6!important;color:var(--veil-mode-sdm-glow)!important}.veil-mode .info-cards-container{background:#14141499!important;backdrop-filter:blur(10px) saturate(140%)!important;-webkit-backdrop-filter:blur(10px) saturate(140%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;padding:8px!important;margin-bottom:16px!important;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff05!important;transition:background .3s ease,border-color .3s ease}.veil-mode .info-card{background:#1a1a1ab3!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:10px!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff05!important;transition:background .2s ease,border-color .2s ease,transform .2s ease}.veil-mode .info-card.clickable{cursor:pointer}.veil-mode .info-card.clickable:active{background:#1e1e1ecc!important;border:1px solid var(--veil-mode-bubble-border)!important;transform:scale(.98)}.veil-mode .info-title{color:#fffffff2!important}.veil-mode .info-content{color:#fffc!important}.veil-mode .info-icon{filter:drop-shadow(0 0 8px var(--veil-mode-sdm-glow))}.veil-mode .profile-actions{background:#141414e6!important;backdrop-filter:blur(4px) saturate(110%)!important;-webkit-backdrop-filter:blur(4px) saturate(110%)!important;border:1.5px solid rgba(40,40,40,.8)!important;border-radius:50px!important;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff14!important;transition:background .3s ease,border-color .3s ease}.veil-mode .action-label{display:none!important}.veil-mode .action-icon-circle{background:#232323e6!important;border:1.5px solid rgba(255,255,255,.12)!important;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff0d!important;transition:all .2s ease!important}.veil-mode .profile-action-btn.add .action-icon-circle{background:#191919f2!important;border:2.5px solid rgba(16,185,129,.8)!important;box-shadow:0 0 12px #10b98140,0 4px 12px #00000080!important}.veil-mode .profile-action-btn.remove .action-icon-circle{background:#191919f2!important;border:2.5px solid rgba(255,68,68,.8)!important;box-shadow:0 0 12px #ff444440,0 4px 12px #00000080!important}.veil-mode .profile-action-btn.mute .action-icon-circle{background:#191919f2!important;border:2.5px solid var(--veil-mode-pinned-border)!important;box-shadow:0 4px 12px #00000080!important;transition:box-shadow .3s ease,border-color .3s ease!important}.veil-mode .profile-action-btn.block .action-icon-circle{background:#191919f2!important;border:2.5px solid rgba(168,85,247,.8)!important;box-shadow:0 0 12px #a855f740,0 4px 12px #00000080!important}.veil-mode .profile-action-btn.unblock .action-icon-circle{background:#191919f2!important;border:2.5px solid rgba(34,197,94,.8)!important;box-shadow:0 0 12px #22c55e40,0 4px 12px #00000080!important}.veil-mode .profile-action-btn.clear .action-icon-circle{background:#191919f2!important;border:2.5px solid rgba(251,146,60,.8)!important;box-shadow:0 0 12px #fb923c40,0 4px 12px #00000080!important}.veil-mode .media-loading,.veil-mode .starred-loading,.veil-mode .no-media,.veil-mode .no-starred{color:#ffffff80!important}.veil-mode .info-arrow{color:var(--veil-mode-sdm-glow)!important;filter:drop-shadow(0 0 6px var(--veil-mode-sdm-glow));transition:color .3s ease,filter .3s ease}.veil-mode .view-in-chat-btn{background:#191919e6!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1.5px solid var(--veil-mode-pinned-border)!important;color:#b8b8b8!important;padding:6px 16px!important;border-radius:16px!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 12px #00000080!important}.veil-mode .view-in-chat-btn:hover{background:#232323f2!important;border-color:var(--veil-mode-sdm-glow)!important;color:#e0e0e0!important;box-shadow:0 0 16px var(--veil-mode-sdm-glow-shadow),0 4px 12px #0009!important;transform:translateY(-1px)!important}.voice-effects-modal.veil-mode{bottom:80px!important;z-index:10000!important;border-color:#4ad7ff4d!important}.voice-effects-modal.veil-mode .voice-effects-header{border-bottom-color:var(--veil-mode-bubble-border)!important}.voice-effects-modal.veil-mode .effect-icon{border-color:#6496c866!important}.voice-effects-modal.veil-mode .effect-icon:before{border-color:var(--veil-mode-sdm-glow)!important}.voice-effects-modal.veil-mode .effect-selected-badge{background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 50%,var(--veil-mode-sdm-glow) 100%)!important;opacity:.9!important}.voice-effects-modal.veil-mode .effect-card.selected .effect-icon{background:linear-gradient(135deg,#0006,#0009),var(--veil-mode-gradient)!important;background-blend-mode:overlay!important;border-color:var(--veil-mode-sdm-glow)!important}.voice-effects-modal.veil-mode .voice-changer-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;border-color:var(--veil-mode-sdm-glow)!important}.voice-effects-modal.veil-mode .voice-changer-toggle-section.active{background:color-mix(in srgb,var(--veil-mode-sdm-glow) 12%,transparent)!important;border-color:#4ad7ff4d!important}.voice-effects-modal.veil-mode .voice-effects-save-btn{border-color:var(--veil-mode-sdm-glow)!important;background:transparent!important;color:var(--veil-mode-sdm-glow)!important;opacity:.6!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}.voice-effects-modal.veil-mode .voice-effects-save-btn:hover{opacity:.8!important}.voice-effects-modal.veil-mode .voice-effects-save-btn:active{opacity:1!important}.voice-effects-modal.veil-mode .test-record-btn,.voice-effects-modal.veil-mode .test-play-btn{background:linear-gradient(135deg,#ffffff14,#ffffff0d)!important;border:2px solid rgba(100,150,200,.4)!important;transition:border-color .2s ease!important}.voice-effects-modal.veil-mode .test-record-btn:hover,.voice-effects-modal.veil-mode .test-play-btn:not(:disabled):hover{border-color:var(--veil-mode-sdm-glow)!important}.voice-effects-modal.veil-mode .test-record-btn .btn-icon{background:linear-gradient(135deg,#ff3b30,#ff6b6b)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.voice-effects-modal.veil-mode .test-record-btn.recording{border-color:var(--veil-mode-sdm-glow)!important;position:relative!important;transform:none!important}.voice-effects-modal.veil-mode .test-record-btn.recording:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid var(--veil-mode-sdm-glow);transform:translate(-50%,-50%) scale(1);opacity:.8;animation:recording-ripple 1.5s ease-out infinite;pointer-events:none;z-index:-1}@keyframes recording-ripple{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(1.8);opacity:0}}.voice-effects-modal.veil-mode .test-play-btn:not(:disabled){border-color:var(--veil-mode-sdm-glow)!important}.veil-mode .header-phone-icon{width:43px!important;height:43px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;background:#141414!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:2px solid var(--veil-mode-sdm-glow)!important;border-radius:50%!important;box-shadow:0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0d!important;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease,border-color .6s ease-out,background .6s ease-out,box-shadow .3s ease!important}.veil-mode .header-phone-icon svg{width:24px!important;height:24px!important;opacity:.6!important;transition:transform .3s ease,opacity .2s ease!important;position:relative!important;z-index:1!important}.veil-mode .header-phone-icon:hover{transform:translateY(-2px) scale(1.05)!important}.veil-mode .header-phone-icon:hover svg{opacity:1!important}.veil-mode .header-phone-icon:active{background:#141414!important;border:3px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#e0f2fe 60%)!important;transform:translateY(1px) scale(.96)!important;box-shadow:0 2px 8px #0006,0 0 24px color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#bae6fd 60%)!important}.veil-mode .header-phone-icon:active svg{opacity:1!important}.veil-mode .header-phone-icon:focus-visible{outline:none!important;border:3px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#e0f2fe 60%)!important;box-shadow:0 2px 8px #0006,0 0 24px color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#bae6fd 60%)!important}.veil-mode #premiumSection,.veil-mode .settings-section-container{background:#141414!important;border:1px solid var(--veil-mode-bubble-border)!important;box-shadow:0 8px 24px #00000080,0 2px 8px #0003!important}.veil-mode #savePasswordBtn{background:#ffffff08!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(147,51,234,.65)!important;box-shadow:0 2px 8px #0000004d!important}:root[data-veil-theme=ocean] .veil-mode #savePasswordBtn{border-color:#37d2ffa6!important}:root[data-veil-theme=aurora] .veil-mode #savePasswordBtn{border-color:#00f37fa6!important}:root[data-veil-theme=cyberpunk] .veil-mode #savePasswordBtn{border-color:#00ffffa6!important}.veil-mode #savePasswordBtn:hover{background:var(--veil-mode-gradient)!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:0 4px 12px #0006!important;transform:translateY(-1px)!important}.veil-mode #toggleDangerZone{background:#141414!important;border:1px solid var(--veil-mode-bubble-border)!important;box-shadow:0 2px 8px #0000004d!important}.veil-mode #toggleDangerZone:hover{background:#ffffff0d!important;border-color:var(--veil-mode-bubble-border)!important}.veil-mode #dangerZoneContent .settings-section-container{background:#141414!important;border:1px solid rgba(220,38,38,.4)!important;box-shadow:0 8px 24px #00000080,0 2px 8px #0003!important}.veil-mode #deleteAccountBtn{background:#dc262626!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(220,38,38,.4)!important;box-shadow:0 2px 8px #0000004d!important}.veil-mode #deleteAccountBtn:hover{background:#dc262640!important;border-color:#ef444499!important;box-shadow:0 4px 12px #dc26264d!important}.veil-mode #explorePlansBtn,.veil-mode #upgradePlanBtn,.veil-mode #choosePlanBtn{background:#ffffff08!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(147,51,234,.65)!important;box-shadow:0 2px 8px #0000004d!important}:root[data-veil-theme=ocean] .veil-mode #explorePlansBtn,:root[data-veil-theme=ocean] .veil-mode #upgradePlanBtn,:root[data-veil-theme=ocean] .veil-mode #choosePlanBtn{border-color:#37d2ffa6!important}:root[data-veil-theme=aurora] .veil-mode #explorePlansBtn,:root[data-veil-theme=aurora] .veil-mode #upgradePlanBtn,:root[data-veil-theme=aurora] .veil-mode #choosePlanBtn{border-color:#00f37fa6!important}:root[data-veil-theme=cyberpunk] .veil-mode #explorePlansBtn,:root[data-veil-theme=cyberpunk] .veil-mode #upgradePlanBtn,:root[data-veil-theme=cyberpunk] .veil-mode #choosePlanBtn{border-color:#00ffffa6!important}.veil-mode #explorePlansBtn:hover,.veil-mode #upgradePlanBtn:hover,.veil-mode #choosePlanBtn:hover{background:var(--veil-mode-gradient)!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:0 4px 12px #0006!important;transform:translateY(-1px)!important}.veil-mode .incoming-call-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#000000e6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);animation:fadeIn .3s ease-out}html[data-veil-theme=veil] .incoming-call-modal.veil-mode{background:linear-gradient(135deg,#8b5cf680,#d946ef66,#6366f180),#0a0514d9}html[data-veil-theme=ocean] .incoming-call-modal.veil-mode{background:linear-gradient(135deg,#0e77ff80,#37d2ff66,#0ea5e980),#050a14d9}html[data-veil-theme=aurora] .incoming-call-modal.veil-mode{background:linear-gradient(135deg,#00f37f80,#00d0ff66,#8a5cff80),#050f0ad9}html[data-veil-theme=cyberpunk] .incoming-call-modal.veil-mode{background:linear-gradient(135deg,#ff00ff80,#0ff6,#ff008080),#0a050fd9}.veil-mode .active-call-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);animation:fadeIn .3s ease-out}html[data-veil-theme=veil] .active-call-modal.veil-mode{background:linear-gradient(135deg,#8b5cf666,#d946ef4d,#6366f166),#0a0514e6}html[data-veil-theme=ocean] .active-call-modal.veil-mode{background:linear-gradient(135deg,#0e77ff66,#37d2ff4d,#0ea5e966),#050a14e6}html[data-veil-theme=aurora] .active-call-modal.veil-mode{background:linear-gradient(135deg,#00f37f66,#00d0ff4d,#8a5cff66),#050f0ae6}html[data-veil-theme=cyberpunk] .active-call-modal.veil-mode{background:linear-gradient(135deg,#f0f6,#00ffff4d,#ff008066),#0a050fe6}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.veil-mode .incoming-call-content{display:flex;flex-direction:column;align-items:center;gap:32px;padding:40px;max-width:400px;width:90%}.veil-mode .incoming-call-avatar{position:relative;width:140px;height:140px;border-radius:50%;background:#141414f2;border:4px solid var(--veil-mode-sdm-glow);box-shadow:0 8px 32px #0009,0 4px 16px #0006;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:600;color:var(--text-primary);background-size:cover;background-position:center;transition:transform .3s ease,border-color .6s ease-out;animation:avatarPulse 2s ease-in-out infinite}.veil-mode .incoming-call-avatar.with-image{color:transparent}@keyframes avatarPulse{0%,to{transform:scale(1);border-width:4px}50%{transform:scale(1.05);border-width:5px}}.veil-mode .incoming-call-avatar:before{content:"";position:absolute;top:-16px;left:-16px;right:-16px;bottom:-16px;border-radius:50%;border:3px solid var(--veil-mode-sdm-glow);opacity:.6;animation:ringPulse 2s ease-out infinite}@keyframes ringPulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:.4}to{transform:scale(1.3);opacity:0}}.veil-mode .incoming-call-info{text-align:center}.veil-mode .incoming-call-name{font-size:28px;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.veil-mode .incoming-call-status{font-size:16px;font-weight:500;color:var(--veil-mode-sdm-glow);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.veil-mode .incoming-call-actions{display:flex;gap:32px;margin-top:16px}.veil-mode .call-action-btn{width:72px;height:72px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.veil-mode .call-action-btn svg{width:32px;height:32px;fill:#fff}.veil-mode .call-accept-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #0006,0 2px 8px #0000004d}.veil-mode .call-accept-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 24px #00000080,0 3px 12px #0006}.veil-mode .call-accept-btn:active{transform:scale(.95)}.veil-mode .call-reject-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #0006,0 2px 8px #0000004d}.veil-mode .call-reject-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 24px #00000080,0 3px 12px #0006}.veil-mode .call-reject-btn:active{transform:scale(.95)}.veil-mode .active-call-header{text-align:center;margin-bottom:48px}.veil-mode .active-call-status{font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:var(--veil-mode-sdm-glow);margin-bottom:8px;animation:statusPulse 2s ease-in-out infinite}.veil-mode .active-call-name{font-size:32px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.veil-mode .call-timer{font-size:18px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums}.veil-mode .active-call-main{display:flex;flex-direction:column;align-items:center;gap:64px}.veil-mode .active-call-avatar{position:relative;width:160px;height:160px;border-radius:50%;background:#141414f2;border:3px solid var(--veil-mode-sdm-glow);box-shadow:0 8px 32px #00000080,0 4px 16px #0000004d;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:600;color:var(--text-primary);background-size:cover;background-position:center;transition:transform .3s ease,border-color .6s ease-out;animation:avatarPulse 2s ease-in-out infinite}.veil-mode .active-call-avatar.with-image{color:transparent}.veil-mode .active-call-avatar:before{content:"";position:absolute;top:-16px;left:-16px;right:-16px;bottom:-16px;border-radius:50%;border:3px solid var(--veil-mode-sdm-glow);opacity:.6;animation:ringPulse 2s ease-out infinite}.veil-mode .active-call-controls{display:flex;gap:24px;align-items:center}.veil-mode .call-control-btn{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#282828f2;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0006,0 2px 8px #0000004d;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.veil-mode .call-control-btn svg{width:28px;height:28px;fill:var(--text-primary);transition:fill .2s ease}.veil-mode .call-control-btn:hover{transform:scale(1.08) translateY(-2px);background:#323232f2;border-color:#fff3;box-shadow:0 6px 24px #00000080,0 3px 12px #0006}.veil-mode .call-control-btn:active{transform:scale(.95)}.veil-mode .call-mute-btn.active{background:var(--veil-mode-sdm-glow);border-color:var(--veil-mode-sdm-glow)}.veil-mode .call-mute-btn.active svg{fill:#fff}.veil-mode .call-speaker-btn.active{background:#3c3c3cf2;border-color:#ffffff26}.veil-mode .call-end-btn{width:72px;height:72px;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid rgba(239,68,68,.3)}.veil-mode .call-end-btn svg{width:32px;height:32px;fill:#fff}.veil-mode .call-end-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#ef444480}.veil-mode .call-end-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px 40px;border-radius:16px;background:#141414f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:2px solid var(--veil-mode-sdm-glow);box-shadow:0 8px 32px #0009,0 4px 16px #0006;font-size:18px;font-weight:500;color:var(--text-primary);text-align:center;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 480px){.veil-mode .incoming-call-content{padding:32px 24px}.veil-mode .incoming-call-avatar{width:120px;height:120px;font-size:42px}.veil-mode .incoming-call-name{font-size:24px}.veil-mode .incoming-call-status{font-size:14px}.veil-mode .call-action-btn{width:64px;height:64px}.veil-mode .call-action-btn svg{width:28px;height:28px}.veil-mode .active-call-avatar{width:140px;height:140px;font-size:48px}.veil-mode .active-call-name{font-size:28px}.veil-mode .active-call-controls{gap:20px}.veil-mode .call-control-btn{width:56px;height:56px}.veil-mode .call-control-btn svg{width:24px;height:24px}.veil-mode .call-end-btn{width:64px;height:64px}.veil-mode .call-end-btn svg{width:28px;height:28px}}@media (max-height: 600px) and (orientation: landscape){.veil-mode .incoming-call-content,.veil-mode .active-call-main{gap:20px}.veil-mode .incoming-call-avatar,.veil-mode .active-call-avatar{width:100px;height:100px;font-size:36px}.veil-mode .active-call-header{margin-bottom:24px}}.veil-mode .incoming-call-modal,.veil-mode .active-call-modal{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.veil-mode .sdm-toggle.active{background:var(--veil-mode-gradient);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--veil-mode-bubble-border);color:#fff}.veil-mode .sdm-indicator{background:var(--veil-mode-bubble-bg);border:1px solid var(--veil-mode-bubble-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #0000004d}.veil-mode .sdm-menu{background:#141414;border:1px solid var(--veil-mode-bubble-border);box-shadow:0 8px 24px #00000080,0 2px 8px #0003}.veil-mode .sdm-menu-header{border-bottom:1px solid var(--veil-mode-sdm-glow)}.veil-mode .sdm-title{font-size:16px;font-weight:700;font-family:Segoe UI,SF Pro Rounded,system-ui,sans-serif;letter-spacing:.02em;background:linear-gradient(135deg,#8b5cf6,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-veil-theme=ocean] .veil-mode .sdm-title{background:linear-gradient(135deg,#0ea5e9,#37d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-veil-theme=aurora] .veil-mode .sdm-title{background:linear-gradient(135deg,#00f37f,#00d0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root[data-veil-theme=cyberpunk] .veil-mode .sdm-title{background:linear-gradient(135deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.veil-mode .sdm-mode-btn{background:#ffffff08;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(147,51,234,.65);box-shadow:0 2px 8px #0000004d}:root[data-veil-theme=ocean] .veil-mode .sdm-mode-btn{border-color:#37d2ffa6}:root[data-veil-theme=aurora] .veil-mode .sdm-mode-btn{border-color:#00f37fa6}:root[data-veil-theme=cyberpunk] .veil-mode .sdm-mode-btn{border-color:#00ffffa6}.veil-mode .sdm-mode-btn:hover{background:linear-gradient(135deg,#ffffff0d,#ffffff05);border-color:var(--veil-mode-sdm-glow);box-shadow:0 4px 12px #0006;transform:translateY(-1px)}.veil-mode .sdm-time-btn:hover,.veil-mode .sdm-fuse-btn:hover{background:var(--veil-mode-gradient);border:1px solid var(--veil-mode-sdm-glow);transform:scale(1.01)}.veil-mode .sdm-time-btn.active,.veil-mode .sdm-fuse-btn.active{background:#ffffff14;border:2px solid rgba(147,51,234,.65);color:#fff;font-weight:600;box-shadow:0 2px 8px #0000004d;transform:scale(1.01)}:root[data-veil-theme=ocean] .veil-mode .sdm-time-btn.active,:root[data-veil-theme=ocean] .veil-mode .sdm-fuse-btn.active{border-color:#37d2ffa6}:root[data-veil-theme=aurora] .veil-mode .sdm-time-btn.active,:root[data-veil-theme=aurora] .veil-mode .sdm-fuse-btn.active{border-color:#00f37fa6}:root[data-veil-theme=cyberpunk] .veil-mode .sdm-time-btn.active,:root[data-veil-theme=cyberpunk] .veil-mode .sdm-fuse-btn.active{border-color:#00ffffa6}.veil-mode .sdm-active-mode{background:var(--veil-mode-gradient);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid transparent;border-radius:0 0 12px 12px;position:relative}.veil-mode .sdm-active-mode:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:var(--veil-mode-pinned-border)}.veil-mode .sdm-cancel-btn{background:#ef444426;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(239,68,68,.4);color:#ff6b6b}.veil-mode .sdm-cancel-btn:hover{background:#ef44444d;border-color:#ff6b6b;box-shadow:0 2px 8px #ef44444d}.veil-mode .sdm-activate-btn{background:var(--veil-mode-bubble-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid var(--veil-mode-bubble-border);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.veil-mode .sdm-activate-btn:hover{background:var(--veil-mode-sdm-glow);border-color:var(--veil-mode-sdm-glow);box-shadow:0 4px 16px #00000080;transform:scale(1.02)}.veil-mode .sdm-checkbox:checked+.sdm-toggle-slider{background:var(--veil-mode-gradient);border:1px solid var(--veil-mode-sdm-glow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.veil-mode .sdm-checkbox:checked+.sdm-toggle-slider:after{background:#fff;box-shadow:0 2px 8px #0000004d}body.hide-online-status .status-indicator,body.hide-online-status .profile-status-indicator,.status-indicator[data-privacy-hidden=true],.profile-status-indicator[data-privacy-hidden=true]{display:none!important}.veilmoji-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;opacity:0;transition:opacity .3s ease}.veilmoji-picker-overlay.visible{opacity:1}.veilmoji-picker{background:#191919f2;border:1px solid rgba(139,92,246,.3);border-radius:20px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080;transform:scale(.9);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.veilmoji-picker-overlay.visible .veilmoji-picker{transform:scale(1)}.veilmoji-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:6px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:10}.veilmoji-close:hover{background:#ffffff14;color:#fffc}.veilmoji-title-header{padding:20px 20px 12px;text-align:center}.veilmoji-title{font-size:20px;font-weight:600;margin:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.veilmoji-header{display:flex;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.1)}.veilmoji-tabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;padding-bottom:12px}.veilmoji-tabs::-webkit-scrollbar{display:none}.veilmoji-tab{background:transparent;border:none;border-radius:12px;padding:8px 12px;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;position:relative}.veilmoji-tab:hover{background:#8b5cf61a;color:#ffffffe6}.veilmoji-tab.active{background:linear-gradient(135deg,#8b5cf633,#ec489933);color:#fff}.veilmoji-tab.active:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:30px;height:3px;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:3px}.tab-icon{font-size:20px}.tab-label{font-size:11px;font-weight:500}.veilmoji-content{padding:20px;overflow-y:auto;flex:1;max-height:500px}.veilmoji-content::-webkit-scrollbar{width:8px}.veilmoji-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.veilmoji-content::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}.veilmoji-content::-webkit-scrollbar-thumb:hover{background:#8b5cf6b3}.veilmoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.veilmoji-item{aspect-ratio:1;cursor:pointer;border-radius:12px;overflow:hidden;background:#ffffff0d;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.veilmoji-item:hover{background:#8b5cf626;transform:scale(1.05)}.veilmoji-item:active{transform:scale(.95)}.veilmoji-item .veilmoji-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.veilmoji-preview svg,.veilmoji-preview canvas{width:100%;height:100%;transform:translateZ(0);will-change:transform}.veilmoji-preview.loading:before{content:"";width:24px;height:24px;border:2px solid rgba(139,92,246,.2);border-top-color:#8b5cf6cc;border-radius:50%;animation:veilmoji-spin .8s linear infinite;position:absolute}@keyframes veilmoji-spin{to{transform:rotate(360deg)}}.veilmoji-empty{text-align:center;padding:60px 20px;color:#fff9}.empty-icon{font-size:48px;margin-bottom:16px}.veilmoji-empty p{margin:8px 0;font-size:14px}.empty-hint{font-size:12px;color:#fff6}.veilmoji-container{width:200px;height:200px;display:flex;align-items:center;justify-content:center;margin:8px 0}.veilmoji-container svg{width:100%;height:100%}.veilmoji-picker-overlay.veil-mode{background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .3s ease,backdrop-filter .3s ease}.veilmoji-picker-overlay.veil-mode .veilmoji-picker{background:var(--veil-mode-gradient),#0f0f19fa;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:2px solid var(--veil-mode-pinned-border);box-shadow:0 20px 60px #0009,inset 0 1px #ffffff0d;transition:background .6s ease-out,border-color .6s ease-out,box-shadow .6s ease-out}.veilmoji-picker-overlay.veil-mode .veilmoji-title{background:linear-gradient(135deg,var(--veil-mode-nav-gradient-end) 0%,var(--veil-mode-pinned-border) 50%,var(--veil-mode-nav-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:brightness(1.3) saturate(1.2);transition:background .6s ease-out,filter .6s ease-out}.veilmoji-picker-overlay.veil-mode .veilmoji-tab:hover{background:var(--veil-mode-gradient);color:#fffffff2;transition:all .3s ease}.veilmoji-picker-overlay.veil-mode .veilmoji-tab.active{background:var(--veil-mode-gradient);color:#fff;transition:all .6s ease-out}.veilmoji-picker-overlay.veil-mode .veilmoji-item:hover{background:var(--veil-mode-gradient);transform:scale(1.08);transition:all .3s ease}.veilmoji-picker-overlay.veil-mode .veilmoji-close:hover{background:var(--veil-mode-gradient);color:#fff;transition:all .3s ease}.veilmoji-picker-overlay.veil-mode .veilmoji-content::-webkit-scrollbar-thumb{background:var(--veil-mode-pinned-border);border-radius:4px;transition:background .6s ease-out}.veilmoji-picker-overlay.veil-mode .veilmoji-content::-webkit-scrollbar-thumb:hover{background:var(--veil-mode-nav-gradient-end)}.veilmoji-picker-overlay.veil-mode .veilmoji-preview.loading:before{border-color:var(--veil-mode-bubble-border);border-top-color:var(--veil-mode-pinned-border)}.veilmoji-picker-overlay.veil-mode .veilmoji-empty{color:#ffffffb3}.veilmoji-picker-overlay.veil-mode .empty-hint{color:var(--veil-mode-reaction-glow)}.veilmoji-picker-overlay.veil-mode .veilmoji-header{border-bottom-color:var(--veil-mode-bubble-border)}@media (max-width: 768px){.veilmoji-picker{width:95%;max-width:none;max-height:70vh}.veilmoji-close{top:12px;right:12px;padding:4px}.veilmoji-title-header{padding:16px 40px 12px 16px}.veilmoji-title{font-size:18px}.veilmoji-grid{grid-template-columns:repeat(4,1fr);gap:12px}.veilmoji-tabs{gap:2px}.veilmoji-tab{min-width:50px;padding:6px 8px}.tab-icon{font-size:18px}.tab-label{font-size:10px}.veilmoji-content{padding:16px;max-height:400px}}@media (max-width: 480px){.veilmoji-grid{grid-template-columns:repeat(3,1fr);gap:10px}.veilmoji-picker{border-radius:16px;max-height:60vh}.veilmoji-close{top:8px;right:8px}.veilmoji-title-header{padding:12px 36px 8px 12px}.veilmoji-title{font-size:16px}.veilmoji-header{padding:0 12px}.veilmoji-content{padding:12px}}.premium-overlay-container{width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.premium-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto;width:100%}.premium-subtitle{text-align:center;font-size:.9rem;line-height:1.6;color:#ffffffb3;margin:0;padding:0 .5rem}.premium-cards{display:flex;flex-direction:column;gap:1rem}.premium-card{background:#1e1e2899;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(183,148,246,.2);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.premium-card.selected{border-color:#8b5cf699!important;background:#282332b3}.premium-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(183,148,246,.1) 0%,transparent 70%);opacity:0;transition:opacity .6s ease}.premium-card:active:before{opacity:1}.premium-card:active{transform:scale(.98)}.plan-header{margin-bottom:1rem;width:100%}.plan-name{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;background:linear-gradient(135deg,#b794f6,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-infinity .plan-name{background:linear-gradient(135deg,#fbbf24,#f59e0b,#b794f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-duration{font-size:.85rem;color:#fff9;margin:0}.plan-pricing{margin-bottom:1.5rem;width:100%}.plan-price-breakdown{font-size:1rem;color:#fffc;margin:0 0 .5rem}.plan-total-price{font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 .5rem}.plan-discount-badge{display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#f472b633,#b794f633);border:1px solid rgba(244,114,182,.3);border-radius:12px;font-size:.7rem;color:#f472b6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-select-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#b794f6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d;-webkit-tap-highlight-color:transparent}.plan-select-btn:active{transform:scale(.95);box-shadow:0 2px 8px #8b5cf666}.glow-infinity .plan-select-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf244d}.glow-infinity .plan-select-btn:active{box-shadow:0 2px 8px #fbbf2466}.currency-selector-btn{-webkit-tap-highlight-color:transparent}.currency-selector-btn:active{transform:scale(.98)}.veil-mode .premium-card{background:#14141eb3}.premium-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 600px){.premium-content{padding:2rem 1rem}.premium-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 900px){.premium-cards{max-width:100%}}.lightbox-mobile{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:10000;display:flex;flex-direction:column;opacity:0;transition:opacity .3s ease}.lightbox-mobile.active{opacity:1}.lightbox-header{position:absolute;top:0;left:0;right:0;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(to bottom,rgba(0,0,0,.8) 0%,transparent 100%);z-index:2;width:100%;box-sizing:border-box}.lightbox-mobile .lightbox-close{position:static!important;width:44px;height:44px;border:none;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,background .2s ease;margin:0;padding:0;top:auto!important;right:auto!important}.lightbox-mobile .lightbox-close:active{transform:scale(.95);background:#000000f2}.lightbox-mobile .lightbox-close svg{fill:#fff}.lightbox-mobile .lightbox-download{position:static!important;width:44px;height:44px;border:none;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease,background .2s ease;margin:0;padding:0}.lightbox-mobile .lightbox-download svg{fill:#fff}.lightbox-mobile .lightbox-download:active{transform:scale(.95);background:#000000f2}.lightbox-counter{color:#fff;font-size:14px;font-weight:500;flex:1;text-align:center;min-width:0}.lightbox-viewport{flex:1;position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch}.lightbox-slider{display:flex;height:100%;width:100%;transition:transform .3s ease}.lightbox-slide-image{max-width:none;max-height:none;width:100%;height:auto;object-fit:contain;-webkit-touch-callout:default!important;-webkit-user-select:auto!important;user-select:auto!important;touch-action:manipulation!important}.lightbox-thumbnails{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;gap:4px;padding:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;z-index:2}.lightbox-thumbnails::-webkit-scrollbar{display:none}.thumbnail-item{min-width:60px;height:60px;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.6;transition:opacity .2s,border .2s;border:2px solid transparent}.thumbnail-item.active{opacity:1;border-color:#fff}.thumbnail-item img{width:100%;height:100%;object-fit:cover}.lightbox{display:none!important}body.lightbox-open{overflow:hidden;position:fixed;width:100%}.classic-mode .chat-list{padding:0;background:transparent}.classic-mode .chat-item-wrapper{margin:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-bottom:1px solid var(--border);box-shadow:none;transition:background .2s}.classic-mode .chat-item-wrapper:hover{background:#ffffff0d;box-shadow:none;transform:none;border-bottom:1px solid var(--border)}.classic-mode .chat-item-wrapper.pinned{background:#8b5cf614;border-left:3px solid #8b5cf6;border-bottom:1px solid rgba(139,92,246,.3);box-shadow:inset 3px 0 8px #8b5cf626}.classic-mode .chat-item-wrapper.pinned:hover{background:#8b5cf61f;border-left:3px solid #a78bfa;box-shadow:inset 3px 0 12px #8b5cf633}.classic-mode .chat-item{border-bottom:1px solid var(--border)}.classic-mode .options-button.sdm-active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid #a78bfa;box-shadow:0 0 20px #8b5cf680,0 0 40px #8b5cf64d,inset 0 0 15px #ffffff1a;transform:scale(1.05)}.classic-mode .options-button.sdm-active svg{opacity:1}.classic-mode .options-button.sdm-active svg path{stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 8px rgba(255,255,255,.6))}.classic-mode .options-button.sdm-active{animation:classicSdmPulse 2s ease-in-out infinite}@keyframes classicSdmPulse{0%,to{box-shadow:0 0 20px #8b5cf680,0 0 40px #8b5cf64d,inset 0 0 15px #ffffff1a}50%{box-shadow:0 0 30px #8b5cf6cc,0 0 60px #8b5cf680,inset 0 0 20px #fff3}}.classic-mode .options-button.sdm-active:active{transform:scale(.95);box-shadow:0 0 15px #8b5cf666,inset 0 0 10px #0003}.classic-mode .options-button.sdm-active:hover{transform:scale(1.1);box-shadow:0 0 35px #8b5cf6cc,0 0 70px #8b5cf666,inset 0 0 20px #ffffff26}.classic-mode .sdm-persistent-overlay{display:none!important}.veil-mode .section-tabs{background:#181818fa!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(255,255,255,.08)!important}.veil-mode .section-tab{color:#999!important;background:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;transition:color .5s ease,-webkit-text-fill-color .5s ease!important}.veil-mode .section-tab:hover{color:#bbb!important}.veil-mode .section-tab.active{background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-weight:600!important;transition:all .5s ease!important}.veil-mode .section-tab.active:after{background:linear-gradient(90deg,var(--veil-mode-light-accent, var(--veil-mode-sdm-glow)) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;height:2.5px!important}.veil-mode .contact-item,.veil-mode .request-item{background:#1a1a1efa!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:2px solid var(--veil-mode-bubble-border)!important;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d!important;transition:border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease!important;margin:8px 12px!important;padding:12px 14px!important;border-radius:16px!important;position:relative!important;overflow:hidden!important}.veil-mode .contact-item:before,.veil-mode .request-item:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:var(--veil-mode-gradient)!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:0!important}.veil-mode .contact-item>*,.veil-mode .request-item>*{position:relative!important;z-index:1!important}.veil-mode .contact-item:hover:before,.veil-mode .request-item:hover:before{opacity:.04!important}.veil-mode .contact-item.expanded:before,.veil-mode .request-item.expanded:before{opacity:.08!important}.veil-mode .contact-item.expanded,.veil-mode .request-item.expanded{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 90%,black 10%)!important;box-shadow:0 5px 20px #00000059,inset 0 1px #ffffff14!important}.veil-mode .contact-item.selected,.veil-mode .request-item.sent{background:var(--veil-mode-pinned-gradient),#232328fa!important;border:2px solid var(--veil-mode-pinned-border)!important;box-shadow:0 12px 36px #8b5cf64d,0 4px 12px #0006,inset 0 0 25px #8b5cf61f!important}.veil-mode .contact-actions .btn-icon,.veil-mode .contact-actions .btn-icon .action-icon,.veil-mode .request-actions button{box-shadow:none!important;filter:none!important;transition:all .2s ease!important}.veil-mode .contact-actions .btn-icon:hover,.veil-mode .contact-actions .btn-icon:hover .action-icon,.veil-mode .request-actions button:hover{box-shadow:none!important;filter:none!important;transform:translateY(-2px) scale(1.08)!important;opacity:.9!important}.veil-mode .contact-avatar,.veil-mode .request-avatar{transition:transform .3s ease!important}.veil-mode .contact-item:hover .contact-avatar,.veil-mode .request-item:hover .request-avatar{transform:scale(1.05)}.veil-mode .status-indicator.online{box-shadow:0 0 10px #10b98199,0 0 20px #10b9814d!important}.veil-mode .btn-add-contact{background:#1a1a1efa!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1.5px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 14px #00000059,0 2px 6px #0003,inset 0 1px #ffffff14!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.veil-mode .btn-add-contact:hover{background:#28282dfa!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:0 8px 20px #00000073,0 4px 10px #0000004d,0 0 30px var(--veil-mode-sdm-glow),inset 0 1px #ffffff1f!important;transform:translateY(-2px)!important}.veil-mode .contacts-section-header{background:var(--veil-mode-gradient),#1e1e23f2!important;-webkit-backdrop-filter:blur(12px) saturate(180%)!important;backdrop-filter:blur(12px) saturate(180%)!important;border:1.5px solid var(--veil-mode-pinned-border)!important;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a!important;color:var(--veil-mode-sdm-glow)!important;text-shadow:0 0 10px var(--veil-mode-sdm-glow)!important}.veil-mode .contacts-search-container{margin:0 12px 12px!important}.veil-mode .contacts-search-container #contactsSearchInput{width:100%!important;box-sizing:border-box!important;background:#1a1a1efa!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:2px solid var(--veil-mode-bubble-border)!important;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff0d!important;transition:border-color .6s cubic-bezier(.4,0,.2,1),box-shadow .3s ease!important;position:relative!important;overflow:hidden!important}.veil-mode #contactsSearchInput:before{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:var(--veil-mode-gradient)!important;opacity:0!important;transition:opacity .3s ease!important;pointer-events:none!important;z-index:0!important}.veil-mode #contactsSearchInput:focus:before{opacity:.08!important}.veil-mode #contactsSearchInput:focus{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 90%,black 10%)!important;box-shadow:0 5px 20px #00000059,inset 0 1px #ffffff14!important}.veil-mode #contactsSearchClear{color:var(--veil-mode-sdm-glow)!important;text-shadow:none!important;transition:all .2s ease!important}.veil-mode #contactsSearchClear:hover{transform:translateY(-50%) scale(1.15)!important;text-shadow:none!important;opacity:.8!important}.veil-mode .empty-recents,.veil-mode #requestsSection .empty-state{background:transparent!important;border:none!important;box-shadow:none!important;color:var(--veil-mode-sdm-glow)!important;text-shadow:0 2px 8px rgba(0,0,0,.6),0 0 20px var(--veil-mode-sdm-glow)!important}.veil-mode .chat-avatar:not(.contact-avatar-with-image){background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;color:#fff!important;transition:all .3s ease!important}.veil-mode .chat-avatar:hover{box-shadow:0 4px 12px #0000004d,0 0 16px var(--veil-mode-sdm-glow)!important}.veil-mode .chat-avatar.contact-avatar-with-image{box-shadow:0 2px 8px #00000040!important;border:1px solid var(--veil-mode-bubble-border)!important}.veil-mode .chat-avatar .status-indicator{border-color:#1a1a1efa!important}.veil-mode .header-avatar:not(.with-image){background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;color:#fff!important}.veil-mode .header-avatar:hover{box-shadow:0 4px 12px #0000004d,0 0 16px var(--veil-mode-sdm-glow)!important}.veil-mode .header-avatar.with-image{box-shadow:0 2px 8px #00000040!important;border:1px solid var(--veil-mode-bubble-border)!important}.veil-mode .message-sender-avatar:not(.with-image){background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;color:#fff!important;box-shadow:0 2px 6px #0003!important}.veil-mode .message-sender-avatar.with-image{box-shadow:0 2px 6px #0003!important}.veil-mode .contact-avatar .avatar-placeholder{background:linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%)!important;color:#fff!important;box-shadow:0 2px 8px #0003!important}.veil-mode .contact-avatar:hover .avatar-placeholder{box-shadow:0 4px 12px #0000004d,0 0 16px var(--veil-mode-sdm-glow)!important}.veil-mode .contact-avatar img{box-shadow:0 2px 8px #0003!important;border:1px solid var(--veil-mode-bubble-border)!important}.veil-mode .group-avatar-placeholder:not(img){background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,black 50%),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 50%,black 50%))!important;color:#fff!important;box-shadow:0 2px 6px #0003!important;transition:all .3s ease!important}.veil-mode .group-avatar-placeholder:hover{box-shadow:0 4px 10px #00000040!important;transform:scale(1.03)}.veil-mode .group-avatar img{box-shadow:0 2px 8px #0000004d!important;border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,black 60%)!important}.veil-mode .group-avatar-large{background:#232328fa!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1.5px solid rgba(255,255,255,.08)!important;box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff0d!important}.veil-mode .group-avatar-large img{border:none!important;box-shadow:none!important}.veil-mode .header-avatar svg{filter:drop-shadow(0 0 8px rgba(0,0,0,.3))!important}.veil-mode .support-welcome-bubble{background:var(--veil-mode-gradient)!important;border:1px solid var(--veil-mode-pinned-border)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:background .6s ease-out,border-color .3s ease!important}.veil-mode .support-ticket-card{background:#1a1a1ef2!important;border:1px solid var(--veil-mode-bubble-border)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;transition:all .2s ease!important}.veil-mode .support-ticket-card:hover{background:#232328fa!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:0 4px 16px #0000004d!important}.veil-mode .support-new-ticket-btn{background:#1a1a1ed9!important;border:2px solid var(--veil-mode-pinned-border)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;transition:all .3s ease,border-color .3s ease!important}.veil-mode .support-new-ticket-btn:hover{background:#232328e6!important;transform:translateY(-1px)!important}.support-new-ticket-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid transparent}.support-new-ticket-btn:hover{transform:translateY(-1px)}[data-veil-theme=veil] .veil-mode .contact-profile-picture img{animation:profile-ring-veil 10s ease-in-out infinite!important}[data-veil-theme=veil] .veil-mode .avatar-placeholder-large{animation:profile-ring-veil-no-glow 6s ease-in-out infinite!important}@keyframes profile-ring-veil-no-glow{0%{border-color:#e9d5ff}33%{border-color:#a78bfa}66%{border-color:#7c3aed}to{border-color:#e9d5ff}}@keyframes profile-ring-veil{0%{border-color:#e9d5ff;box-shadow:0 0 60px #e9d5ff33,0 0 90px #e9d5ff33}33%{border-color:#a78bfa;box-shadow:0 0 60px #a78bfa33,0 0 90px #a78bfa33}66%{border-color:#7c3aed;box-shadow:0 0 60px #7c3aed33,0 0 90px #7c3aed33}to{border-color:#e9d5ff;box-shadow:0 0 60px #e9d5ff33,0 0 90px #e9d5ff33}}[data-veil-theme=ocean] .veil-mode .contact-profile-picture img{animation:profile-ring-ocean 10s ease-in-out infinite!important}[data-veil-theme=ocean] .veil-mode .avatar-placeholder-large{animation:profile-ring-ocean-no-glow 6s ease-in-out infinite!important}@keyframes profile-ring-ocean-no-glow{0%{border-color:#67e8f9}33%{border-color:#14b8a6}66%{border-color:#0891b2}to{border-color:#67e8f9}}@keyframes profile-ring-ocean{0%{border-color:#67e8f9;box-shadow:0 0 60px #67e8f933,0 0 90px #67e8f933}33%{border-color:#14b8a6;box-shadow:0 0 60px #14b8a633,0 0 90px #14b8a633}66%{border-color:#0891b2;box-shadow:0 0 60px #0891b233,0 0 90px #0891b233}to{border-color:#67e8f9;box-shadow:0 0 60px #67e8f933,0 0 90px #67e8f933}}[data-veil-theme=aurora] .veil-mode .contact-profile-picture img{animation:profile-ring-aurora 10s ease-in-out infinite!important}[data-veil-theme=aurora] .veil-mode .avatar-placeholder-large{animation:profile-ring-aurora-no-glow 6s ease-in-out infinite!important}@keyframes profile-ring-aurora-no-glow{0%{border-color:#6ee7b7}33%{border-color:#00f3ff}66%{border-color:#10b981}to{border-color:#6ee7b7}}@keyframes profile-ring-aurora{0%{border-color:#6ee7b7;box-shadow:0 0 60px #6ee7b733,0 0 90px #6ee7b733}33%{border-color:#00f3ff;box-shadow:0 0 60px #00f3ff33,0 0 90px #00f3ff33}66%{border-color:#10b981;box-shadow:0 0 60px #10b98133,0 0 90px #10b98133}to{border-color:#6ee7b7;box-shadow:0 0 60px #6ee7b733,0 0 90px #6ee7b733}}[data-veil-theme=cyberpunk] .veil-mode .contact-profile-picture img{animation:profile-ring-cyberpunk 10s ease-in-out infinite!important}[data-veil-theme=cyberpunk] .veil-mode .avatar-placeholder-large{animation:profile-ring-cyberpunk-no-glow 6s ease-in-out infinite!important}@keyframes profile-ring-cyberpunk-no-glow{0%{border-color:#f0f}33%{border-color:#0ff}66%{border-color:#ff0080}to{border-color:#f0f}}@keyframes profile-ring-cyberpunk{0%{border-color:#f0f;box-shadow:0 0 60px #f0f3,0 0 90px #ff00ff4d}33%{border-color:#0ff;box-shadow:0 0 60px #0ff3,0 0 90px #00ffff4d}66%{border-color:#ff0080;box-shadow:0 0 60px #ff008033,0 0 90px #ff00804d}to{border-color:#f0f;box-shadow:0 0 60px #f0f3,0 0 90px #ff00ff4d}}.sdm-message,.sdm-message .message-bubble{position:relative}.sdm-indicator{display:inline-block;cursor:help}.sdm-indicator.sdm-timer{animation:pulse 2s ease-in-out infinite}.sdm-indicator.sdm-expired{animation:flash .5s ease-in-out infinite}.sdm-indicator.sdm-burn-armed{filter:drop-shadow(0 0 3px #ff4444)}.sdm-indicator.sdm-burning{animation:burning .5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes burning{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 3px #ff4444) brightness(1)}25%{transform:scale(1.05) rotate(-5deg);filter:drop-shadow(0 0 5px #ff6666) brightness(1.2)}50%{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 8px #ff8888) brightness(1.4)}75%{transform:scale(1.05) rotate(-3deg);filter:drop-shadow(0 0 5px #ff6666) brightness(1.2)}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 3px #ff4444) brightness(1)}}@keyframes flash{0%,to{opacity:.3}50%{opacity:1}}@keyframes disappear{0%{opacity:1;transform:scale(1) rotate(0);filter:blur(0px)}30%{opacity:.8;transform:scale(1.05) rotate(2deg);filter:blur(0px)}60%{opacity:.4;transform:scale(1.15) rotate(-2deg);filter:blur(2px)}to{opacity:0;transform:scale(1.3) rotate(1deg);filter:blur(4px)}}.message.sdm-disappearing,.message-bubble.sdm-disappearing{animation:disappear .8s ease-out forwards!important;pointer-events:none}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 0 5px #ff000080}50%{transform:scale(1.1);box-shadow:0 0 10px #f00c}}.sdm-message.purging{animation:disappear .5s ease-out forwards}.sdm-countdown{position:absolute;top:-14px;display:flex;align-items:center;gap:3px;z-index:10}.sdm-countdown .sdm-emoji{width:28px;height:28px;background:#1a1a1af2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease;border:1.5px solid rgba(147,51,234,.4)}.sdm-countdown .sdm-timer{font-size:10px;color:#f66;font-weight:600;background:#1a1a1ae6;padding:2px 5px;border-radius:8px;white-space:nowrap;border:1px solid rgba(147,51,234,.3)}.message.me .sdm-countdown{left:-14px;flex-direction:row}.message:not(.me) .sdm-countdown{right:-14px;flex-direction:row-reverse}.sdm-countdown.urgent .sdm-emoji{background:#f003;animation:urgentPulse .5s ease-in-out infinite}.sdm-countdown.urgent .sdm-timer{color:#faa;background:#ff000026}.sdm-countdown.purging{color:#fcc;opacity:.5}.sdm-message .message-bubble{transition:opacity .3s ease-out,transform .3s ease-out}.sdm-message.sdm-expired .message-bubble{opacity:.7}body.dark-mode .sdm-countdown{background:#ffffff1a;color:#f88}@media (max-width: 768px){.sdm-indicator{font-size:14px}.sdm-countdown{font-size:10px;padding:1px 4px}}:root{--sdm-glass-bg: rgba(147, 51, 234, .15);--sdm-glass-border: rgba(147, 51, 234, .4);--sdm-glass-shadow-main: rgba(147, 51, 234, .4);--sdm-glass-shadow-glow: rgba(147, 51, 234, .25);--sdm-hover-bg: rgba(147, 51, 234, .35);--sdm-hover-border: rgba(147, 51, 234, .8);--sdm-modal-border: rgba(147, 51, 234, .5);--sdm-modal-shadow: rgba(147, 51, 234, .2);--sdm-modal-inset: rgba(147, 51, 234, .1);--sdm-header-border: rgba(147, 51, 234, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(139, 92, 246, .24) 0%, rgba(217, 70, 239, .18) 50%, rgba(99, 102, 241, .24) 100%);--sdm-activate-gradient-start: #9333ea;--sdm-activate-gradient-end: #c026d3;--sdm-activate-hover-start: #a855f7;--sdm-activate-hover-end: #d946ef;--sdm-active-bg: linear-gradient(135deg, #9333ea, #c026d3)}body[data-rgb-theme=ocean] .veil-mode,.veil-mode[data-rgb-theme=ocean]{--sdm-glass-bg: rgba(14, 119, 255, .15);--sdm-glass-border: rgba(14, 119, 255, .4);--sdm-glass-shadow-main: rgba(14, 119, 255, .4);--sdm-glass-shadow-glow: rgba(55, 210, 255, .25);--sdm-hover-bg: rgba(14, 119, 255, .35);--sdm-hover-border: rgba(55, 210, 255, .8);--sdm-modal-border: rgba(14, 119, 255, .5);--sdm-modal-shadow: rgba(14, 119, 255, .2);--sdm-modal-inset: rgba(14, 119, 255, .1);--sdm-header-border: rgba(14, 119, 255, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(14, 119, 255, .24) 0%, rgba(55, 210, 255, .18) 50%, rgba(14, 165, 233, .24) 100%);--sdm-activate-gradient-start: #0e77ff;--sdm-activate-gradient-end: #37d2ff;--sdm-activate-hover-start: #2b88ff;--sdm-activate-hover-end: #5cd9ff;--sdm-active-bg: linear-gradient(135deg, #0e77ff, #37d2ff)}body[data-rgb-theme=aurora] .veil-mode,.veil-mode[data-rgb-theme=aurora]{--sdm-glass-bg: rgba(0, 243, 127, .15);--sdm-glass-border: rgba(0, 243, 127, .4);--sdm-glass-shadow-main: rgba(0, 243, 127, .4);--sdm-glass-shadow-glow: rgba(0, 208, 255, .25);--sdm-hover-bg: rgba(0, 243, 127, .35);--sdm-hover-border: rgba(0, 208, 255, .8);--sdm-modal-border: rgba(0, 243, 127, .5);--sdm-modal-shadow: rgba(0, 243, 127, .2);--sdm-modal-inset: rgba(0, 243, 127, .1);--sdm-header-border: rgba(0, 243, 127, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(0, 243, 127, .24) 0%, rgba(0, 208, 255, .18) 50%, rgba(138, 92, 255, .24) 100%);--sdm-activate-gradient-start: #00f37f;--sdm-activate-gradient-end: #00d0ff;--sdm-activate-hover-start: #33f599;--sdm-activate-hover-end: #33d7ff;--sdm-active-bg: linear-gradient(135deg, #00f37f, #00d0ff)}body[data-rgb-theme=cyberpunk] .veil-mode,.veil-mode[data-rgb-theme=cyberpunk]{--sdm-glass-bg: rgba(255, 0, 255, .15);--sdm-glass-border: rgba(255, 0, 255, .4);--sdm-glass-shadow-main: rgba(255, 0, 255, .4);--sdm-glass-shadow-glow: rgba(0, 255, 255, .25);--sdm-hover-bg: rgba(255, 0, 128, .35);--sdm-hover-border: rgba(0, 255, 255, .8);--sdm-modal-border: rgba(255, 0, 255, .5);--sdm-modal-shadow: rgba(255, 0, 255, .2);--sdm-modal-inset: rgba(255, 0, 255, .1);--sdm-header-border: rgba(255, 0, 255, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(255, 0, 255, .24) 0%, rgba(0, 255, 255, .18) 50%, rgba(255, 0, 128, .24) 100%);--sdm-activate-gradient-start: #ff00ff;--sdm-activate-gradient-end: #00ffff;--sdm-activate-hover-start: #ff33ff;--sdm-activate-hover-end: #33ffff;--sdm-active-bg: linear-gradient(135deg, #ff00ff, #00ffff)}body[data-rgb-theme=fire] .veil-mode,.veil-mode[data-rgb-theme=fire]{--sdm-glass-bg: rgba(255, 69, 0, .15);--sdm-glass-border: rgba(255, 69, 0, .4);--sdm-glass-shadow-main: rgba(255, 69, 0, .4);--sdm-glass-shadow-glow: rgba(255, 165, 0, .25);--sdm-hover-bg: rgba(255, 99, 71, .35);--sdm-hover-border: rgba(255, 165, 0, .8);--sdm-modal-border: rgba(255, 69, 0, .5);--sdm-modal-shadow: rgba(255, 69, 0, .2);--sdm-modal-inset: rgba(255, 69, 0, .1);--sdm-header-border: rgba(255, 69, 0, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(255, 69, 0, .24) 0%, rgba(255, 165, 0, .18) 50%, rgba(255, 99, 71, .24) 100%);--sdm-activate-gradient-start: #ff4500;--sdm-activate-gradient-end: #ffa500;--sdm-activate-hover-start: #ff6347;--sdm-activate-hover-end: #ffb732;--sdm-active-bg: linear-gradient(135deg, #ff4500, #ffa500)}body[data-rgb-theme=matrix] .veil-mode,.veil-mode[data-rgb-theme=matrix]{--sdm-glass-bg: rgba(0, 255, 0, .15);--sdm-glass-border: rgba(0, 255, 0, .4);--sdm-glass-shadow-main: rgba(0, 255, 0, .4);--sdm-glass-shadow-glow: rgba(0, 204, 0, .25);--sdm-hover-bg: rgba(0, 255, 0, .35);--sdm-hover-border: rgba(0, 204, 0, .8);--sdm-modal-border: rgba(0, 255, 0, .5);--sdm-modal-shadow: rgba(0, 255, 0, .2);--sdm-modal-inset: rgba(0, 255, 0, .1);--sdm-header-border: rgba(0, 255, 0, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(0, 255, 0, .24) 0%, rgba(0, 204, 0, .18) 50%, rgba(0, 255, 0, .24) 100%);--sdm-activate-gradient-start: #00ff00;--sdm-activate-gradient-end: #00cc00;--sdm-activate-hover-start: #33ff33;--sdm-activate-hover-end: #00e600;--sdm-active-bg: linear-gradient(135deg, #00ff00, #00cc00)}body[data-rgb-theme=galaxy] .veil-mode,.veil-mode[data-rgb-theme=galaxy]{--sdm-glass-bg: rgba(139, 0, 255, .15);--sdm-glass-border: rgba(139, 0, 255, .4);--sdm-glass-shadow-main: rgba(139, 0, 255, .4);--sdm-glass-shadow-glow: rgba(75, 0, 130, .25);--sdm-hover-bg: rgba(139, 0, 255, .35);--sdm-hover-border: rgba(75, 0, 130, .8);--sdm-modal-border: rgba(139, 0, 255, .5);--sdm-modal-shadow: rgba(139, 0, 255, .2);--sdm-modal-inset: rgba(139, 0, 255, .1);--sdm-header-border: rgba(139, 0, 255, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(75, 0, 130, .24) 0%, rgba(139, 0, 255, .18) 50%, rgba(75, 0, 130, .24) 100%);--sdm-activate-gradient-start: #8b00ff;--sdm-activate-gradient-end: #4b0082;--sdm-activate-hover-start: #a333ff;--sdm-activate-hover-end: #6a0dad;--sdm-active-bg: linear-gradient(135deg, #8b00ff, #4b0082)}body[data-rgb-theme=frost] .veil-mode,.veil-mode[data-rgb-theme=frost]{--sdm-glass-bg: rgba(179, 229, 252, .15);--sdm-glass-border: rgba(179, 229, 252, .4);--sdm-glass-shadow-main: rgba(179, 229, 252, .4);--sdm-glass-shadow-glow: rgba(224, 247, 255, .25);--sdm-hover-bg: rgba(179, 229, 252, .35);--sdm-hover-border: rgba(224, 247, 255, .8);--sdm-modal-border: rgba(179, 229, 252, .5);--sdm-modal-shadow: rgba(179, 229, 252, .2);--sdm-modal-inset: rgba(179, 229, 252, .1);--sdm-header-border: rgba(179, 229, 252, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(224, 247, 255, .24) 0%, rgba(179, 229, 252, .18) 50%, rgba(224, 247, 255, .24) 100%);--sdm-activate-gradient-start: #b3e5fc;--sdm-activate-gradient-end: #e0f7ff;--sdm-activate-hover-start: #c9eeff;--sdm-activate-hover-end: #f0faff;--sdm-active-bg: linear-gradient(135deg, #b3e5fc, #e0f7ff)}body[data-rgb-theme=blood] .veil-mode,.veil-mode[data-rgb-theme=blood]{--sdm-glass-bg: rgba(220, 20, 60, .15);--sdm-glass-border: rgba(220, 20, 60, .4);--sdm-glass-shadow-main: rgba(220, 20, 60, .4);--sdm-glass-shadow-glow: rgba(139, 0, 0, .25);--sdm-hover-bg: rgba(220, 20, 60, .35);--sdm-hover-border: rgba(139, 0, 0, .8);--sdm-modal-border: rgba(220, 20, 60, .5);--sdm-modal-shadow: rgba(220, 20, 60, .2);--sdm-modal-inset: rgba(220, 20, 60, .1);--sdm-header-border: rgba(220, 20, 60, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(139, 0, 0, .24) 0%, rgba(220, 20, 60, .18) 50%, rgba(139, 0, 0, .24) 100%);--sdm-activate-gradient-start: #dc143c;--sdm-activate-gradient-end: #8b0000;--sdm-activate-hover-start: #e63946;--sdm-activate-hover-end: #a50000;--sdm-active-bg: linear-gradient(135deg, #dc143c, #8b0000)}body[data-rgb-theme=voice] .veil-mode,.veil-mode[data-rgb-theme=voice]{--sdm-glass-bg: rgba(79, 10, 255, .15);--sdm-glass-border: rgba(79, 10, 255, .4);--sdm-glass-shadow-main: rgba(79, 10, 255, .4);--sdm-glass-shadow-glow: rgba(30, 216, 255, .25);--sdm-hover-bg: rgba(138, 69, 255, .35);--sdm-hover-border: rgba(30, 216, 255, .8);--sdm-modal-border: rgba(79, 10, 255, .5);--sdm-modal-shadow: rgba(79, 10, 255, .2);--sdm-modal-inset: rgba(79, 10, 255, .1);--sdm-header-border: rgba(79, 10, 255, .4);--sdm-button-gradient: linear-gradient(135deg, rgba(79, 10, 255, .24) 0%, rgba(30, 216, 255, .18) 50%, rgba(138, 69, 255, .24) 100%);--sdm-activate-gradient-start: #4f0aff;--sdm-activate-gradient-end: #1ed8ff;--sdm-activate-hover-start: #8a45ff;--sdm-activate-hover-end: #4de3ff;--sdm-active-bg: linear-gradient(135deg, #4f0aff, #1ed8ff)}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:8px 0}.theme-app-icon{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:transform .2s ease;position:relative}.theme-app-icon:not(.empty):hover{transform:scale(1.05)}.theme-app-icon:not(.empty):active{transform:scale(.95)}.theme-icon-square{width:64px;height:64px;border-radius:16px;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;position:relative}.theme-app-icon.selected .theme-icon-square{box-shadow:0 0 0 3px var(--accent),0 4px 16px #0006}.theme-icon-label{font-size:11px;color:var(--text-primary);text-align:center;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-checkmark{position:absolute;top:2px;right:2px;background:var(--accent);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d}.theme-app-icon.empty{opacity:.3;pointer-events:none}.theme-app-icon.empty .theme-icon-square{background:var(--bg-secondary);box-shadow:none}@media (max-width: 480px){.theme-grid{gap:12px}.theme-icon-square{width:56px;height:56px;border-radius:14px}.theme-icon-label{font-size:10px;max-width:60px}}.new-menu-dropdown{position:fixed;background:#1a1a1af2;border:1.5px solid rgba(147,51,234,.3);border-radius:12px;padding:8px;box-shadow:0 4px 20px #0006;z-index:1000;min-width:200px;animation:fadeIn .2s ease}.new-menu-dropdown .menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:2px 0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#e0e0e0;font-size:14px;background:#ffffff05;border:1px solid rgba(147,51,234,.15)}.new-menu-dropdown .menu-item:hover{background:#9333ea33;border-color:#9333ea66;transform:translate(3px)}.new-menu-dropdown .menu-item svg{opacity:.7;transition:opacity .2s}.new-menu-dropdown .menu-item:hover svg{opacity:1}.new-menu-dropdown.veil-mode{background:linear-gradient(135deg,#141e3066,#243b554d,#141e3066)!important;backdrop-filter:blur(40px) saturate(180%)!important;-webkit-backdrop-filter:blur(40px) saturate(180%)!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:0 8px 32px #0009,0 0 80px #8b5cf626,inset 0 1px #ffffff1a,inset 0 -1px #0000004d!important}.new-menu-dropdown.veil-mode .menu-item{background:linear-gradient(135deg,rgba(255,255,255,.03) 0%,var(--veil-mode-bubble-bg, rgba(147, 51, 234, .08)) 100%)!important;border:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.new-menu-dropdown.veil-mode .menu-item:hover{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,var(--veil-mode-bubble-bg, rgba(147, 51, 234, .2)) 50%,rgba(255,255,255,.05) 100%)!important;border-color:#ffffff26!important;box-shadow:0 4px 12px #0000004d,0 0 20px var(--veil-mode-bubble-bg, rgba(147, 51, 234, .15));transform:translate(6px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pwa-install-banner{position:fixed;bottom:60px;left:0;right:0;z-index:9998;background:linear-gradient(90deg,#5a2fb8f2,#7a04d5f2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 -4px 12px #0000004d;transform:translateY(200%);transition:transform .4s cubic-bezier(.32,.72,0,1)}.pwa-install-banner.visible{transform:translateY(0)}.pwa-banner-content{display:flex;align-items:center;gap:8px;padding:12px 16px;max-width:1200px;margin:0 auto}.pwa-banner-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pwa-banner-text{flex:1;min-width:0}.pwa-banner-title{font-size:15px;font-weight:600;color:#fff;margin-bottom:2px}.pwa-banner-subtitle{font-size:12px;color:#ffffffe6}.pwa-banner-buttons{display:flex;gap:8px;flex-shrink:0}.pwa-banner-btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.pwa-banner-dismiss{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.pwa-banner-install{background:#ffffff26;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0003}@media (max-width: 480px){.pwa-banner-content{flex-wrap:wrap}.pwa-banner-buttons{width:100%;justify-content:stretch}.pwa-banner-btn{flex:1}}.pwa-onboarding-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0fb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;padding:20px}.pwa-onboarding-overlay.active{opacity:1}.pwa-onboarding-container{background:#141419fa;border:1px solid rgba(255,255,255,.12);border-radius:12px;max-width:420px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0006;transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.32,.72,0,1)}.pwa-onboarding-overlay.active .pwa-onboarding-container{transform:scale(1);opacity:1}.pwa-onboarding-header{position:relative;padding:20px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.pwa-onboarding-header h2{margin:0;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pwa-onboarding-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#ffffff80;font-size:24px;cursor:pointer;padding:4px;line-height:1}.pwa-onboarding-content{padding:20px}.pwa-section{margin-bottom:20px}.pwa-section:last-of-type{margin-bottom:0}.pwa-section-title{margin:0 0 8px;font-size:16px;font-weight:600;color:#fff}.pwa-section-desc{margin:0 0 12px;font-size:13px;color:#fff9;line-height:1.4}.pwa-section-divider{height:1px;background:#ffffff14;margin:20px 0}.pwa-notification-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:6px}.pwa-toggle-label{font-size:13px;font-weight:500;color:#ffffffe6}.pwa-toggle-status{font-size:12px;color:#ffffff80;display:block;margin-top:2px}.pwa-toggle-switch{flex-shrink:0}.pwa-switch-bg{position:relative;width:42px;height:24px;background:#ffffff1a;border-radius:24px;transition:background .2s ease}.pwa-switch-slider{position:absolute;height:18px;width:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 2px 4px #0003}.pwa-install-steps{margin:0;padding-left:20px;list-style:decimal}.pwa-install-steps li{font-size:13px;color:#fffc;line-height:1.5;margin-bottom:10px}.pwa-install-steps li:last-child{margin-bottom:0}.pwa-onboarding-done{width:100%;padding:12px;margin-top:20px;border:none;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #8b5cf64d}@media (max-width: 768px){.pwa-onboarding-container{max-width:calc(100% - 32px);max-height:calc(100vh - 60px)}.pwa-onboarding-header{padding:16px 16px 12px}.pwa-onboarding-content{padding:16px}}.pwa-onboarding-container::-webkit-scrollbar{width:8px}.pwa-onboarding-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:8px}.pwa-onboarding-container::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:8px}.pwa-onboarding-container::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@supports (padding-bottom: env(safe-area-inset-bottom)){.pwa-install-banner{bottom:calc(60px + env(safe-area-inset-bottom))}}.notification-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.notification-panel-container.active .notification-panel-overlay{opacity:1;visibility:visible}.notification-panel{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100%;background:linear-gradient(180deg,#121216fa,#0c0c10fc);border-left:1px solid rgba(255,255,255,.06);z-index:9999;display:flex;flex-direction:column;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s ease;box-shadow:none;overflow:hidden;box-sizing:border-box}.notification-panel-container.active .notification-panel{transform:translate(0);box-shadow:-8px 0 40px #00000080}.notification-panel-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;background:#ffffff05;flex-shrink:0}.notification-panel-title{font-size:18px;font-weight:600;color:#fff;margin:0;letter-spacing:-.02em}.notification-panel-close{width:32px;height:32px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffff80}.notification-panel-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.notification-panel-close:active{transform:scale(.95)}.notification-filters{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.notification-filters::-webkit-scrollbar{display:none}.filter-pill{padding:8px 16px;border-radius:20px;background:#ffffff14;border:none;color:#ffffffb3;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .2s ease;flex-shrink:0}.filter-pill:hover{background:#ffffff1f}.filter-pill.active{background:#fff;color:#000}.notification-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;width:100%;box-sizing:border-box}.notification-panel-content::-webkit-scrollbar{width:4px}.notification-panel-content::-webkit-scrollbar-track{background:transparent}.notification-panel-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.notification-panel-content::-webkit-scrollbar-thumb:hover{background:#fff3}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:background .15s ease;position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}.notification-item:hover{background:#ffffff08}.notification-item:active{background:#ffffff0d}.notification-item.unread{background:#8b5cf60a}.notification-item+.notification-item{border-top:1px solid rgba(255,255,255,.06)}.notification-item.unread:hover{background:#8b5cf614}.notification-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf64d,#6366f14d);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:2px solid transparent}.notification-item.unread .notification-avatar{border-color:#8b5cf666}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-avatar-placeholder{width:24px;height:24px;color:#fff9}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf699,#6366f199);text-transform:uppercase}.notification-avatar.inbox-avatar{border-radius:12px;background:transparent;border:none}.notification-avatar.inbox-avatar .inbox-icon{width:100%;height:100%;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}.notification-content,.notification-body{flex:1;min-width:0;overflow:hidden;text-align:left}.notification-item>*{min-width:0}.notification-text{font-size:14px;line-height:1.4;color:#ffffffe6;margin:0;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;text-align:left}.notification-text strong{font-weight:600;color:#fff}.notification-hub-name{font-weight:600;color:#ffffff80;font-size:12px;letter-spacing:.03em;margin-right:4px}.notification-preview{font-size:13px;color:#ffffff80;margin:4px 0 0;overflow:hidden;max-width:100%;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.notification-time{display:block;font-size:12px;color:#ffffff59;margin-top:4px;text-align:left}.notification-unread-indicator{width:8px;height:8px;background:#8b5cf6;border-radius:50%;flex-shrink:0;margin-top:4px;box-shadow:0 0 8px #8b5cf699}.notification-unread-dot{width:8px;height:8px;border-radius:50%;background:#8b5cf6;flex-shrink:0;align-self:center}.notification-hub-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#ffffff80;margin-top:6px;padding:2px 8px;background:#ffffff0d;border-radius:10px}.notification-hub-badge svg{width:10px;height:10px}.notification-type-icon{position:absolute;bottom:10px;left:46px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(18,18,22,1)}.notification-type-icon svg{width:10px;height:10px}.notification-type-icon.love{background:linear-gradient(135deg,#ec4899,#f43f5e);color:#fff}.notification-type-icon.comment{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.notification-type-icon.mention{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.notification-type-icon.member{background:linear-gradient(135deg,#10b981,#14b8a6);color:#fff}.inbox-item{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.04)}.inbox-item:hover{background:#ffffff08}.inbox-item:last-child{border-bottom:none}.inbox-item.unread{background:#8b5cf60a}.inbox-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inbox-icon svg{width:20px;height:20px}.inbox-icon.system_update{background:#3b82f626;color:#60a5fa}.inbox-icon.feature_patch{background:#8b5cf626;color:#a78bfa}.inbox-icon.security_advisory{background:#ef444426;color:#f87171}.inbox-icon.maintenance{background:#f59e0b26;color:#fbbf24}.inbox-icon.devlog{background:#10b98126;color:#34d399}.inbox-icon.promo{background:#ec489926;color:#f472b6}.inbox-icon.reward{background:#fbbf2426;color:#fbbf24}.inbox-icon.pwa_update{background:#8b5cf626;color:#a78bfa}.inbox-icon.tip{background:#0ea5e926;color:#38bdf8}.inbox-content{flex:1;min-width:0;overflow:hidden}.inbox-title{font-size:14px;font-weight:500;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.inbox-preview{font-size:13px;color:#ffffff80;margin:4px 0 0;overflow:hidden;max-width:100%;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.inbox-time{font-size:11px;color:#ffffff59;margin-top:4px}.notification-panel-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.08);background:#0003;flex-shrink:0}.notification-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative}.tab-label{font-size:15px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;transition:color .2s ease}.notification-tab:hover .tab-label{color:#fffc}.notification-tab.active .tab-label{color:#a78bfa}.notification-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:3px;background:linear-gradient(90deg,transparent,#8b5cf6,transparent);border-radius:2px}.tab-badge{position:absolute;top:6px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 4px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:8px;font-size:10px;font-weight:700;color:#fff;display:none;align-items:center;justify-content:center}.notification-list{display:flex;flex-direction:column;overflow-x:hidden;width:100%;box-sizing:border-box}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;height:100%;min-height:300px}.notification-empty-icon{margin-bottom:16px}.notification-empty-icon svg,.notification-empty svg{width:48px;height:48px;color:#fff3}.notification-empty h3{font-size:18px;font-weight:600;color:#fff9;margin:0 0 8px}.notification-empty p{font-size:14px;color:#fff6;margin:0;max-width:250px}.notification-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;height:100%;min-height:300px}.notification-loader p{font-size:14px;color:#ffffff80;margin-top:16px}.notification-loader-spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:notif-spin .8s linear infinite}@keyframes notif-spin{to{transform:rotate(360deg)}}.header-notification-btn{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;position:relative}.header-notification-btn:hover{transform:scale(1.05)}.header-notification-btn:active{transform:scale(.95)}.header-notification-badge{position:absolute;top:2px;right:2px;width:10px;height:10px;background:var(--veil-mode-sdm-glow, #8b5cf6);border-radius:50%;display:none;border:2px solid rgba(18,18,22,1);animation:badge-pulse 2s ease infinite;pointer-events:none}.header-notification-btn.has-unread .header-notification-badge{display:block}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.veil-mode .notification-panel{background:linear-gradient(180deg,rgba(var(--veil-mode-bg-rgb, 18, 18, 22),.98),rgba(var(--veil-mode-bg-rgb, 12, 12, 16),.99));border-left-color:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.15)}.veil-mode .notification-panel-header{border-bottom-color:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.1)}.veil-mode .notification-item.unread{background:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.04)}.veil-mode .notification-item.unread:hover{background:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.08)}.veil-mode .notification-item.unread .notification-avatar{border-color:var(--veil-mode-sdm-glow, rgba(139, 92, 246, .4))}.veil-mode .notification-unread-indicator{background:var(--veil-mode-sdm-glow, #8b5cf6);box-shadow:0 0 8px var(--veil-mode-sdm-glow, rgba(139, 92, 246, .6))}.veil-mode .notification-tab.active .tab-label{color:var(--veil-mode-sdm-glow, #a78bfa)}.veil-mode .notification-tab.active:after{background:linear-gradient(90deg,transparent,var(--veil-mode-sdm-glow, #8b5cf6),transparent)}.veil-mode .notification-panel-tabs{border-bottom-color:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.1)}.veil-mode .inbox-item.unread{background:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.04)}@media (max-width: 480px){.notification-panel{max-width:100%;border-left:none}.notification-panel-header{padding:14px 16px}.notification-panel-title{font-size:16px}.notification-item{padding:12px 16px;gap:10px}.notification-avatar{width:40px;height:40px}.notification-type-icon{left:42px;bottom:8px;width:18px;height:18px}.notification-type-icon svg{width:9px;height:9px}.inbox-item{padding:14px 16px}.notification-tab{padding:10px 0}.notification-tab-icon{width:22px;height:22px}.notification-tab-label{font-size:10px}}@supports (padding-top: env(safe-area-inset-top)){.notification-panel-header{padding-top:calc(16px + env(safe-area-inset-top))}}.notification-mark-all-read{padding:8px 12px;background:transparent;border:none;font-size:12px;font-weight:500;color:#ffffff80;cursor:pointer;transition:color .2s ease}.notification-mark-all-read:hover{color:#a78bfa}.notification-mark-all-read:disabled{opacity:.5;cursor:not-allowed}.notification-swipe-hint{width:36px;height:4px;background:#fff3;border-radius:2px;margin:8px auto 0}.message .message-reactions{display:flex;flex-wrap:nowrap;gap:4px;position:absolute;top:-14px;left:0;max-width:none;justify-content:flex-start;padding:0;margin:0;pointer-events:auto;z-index:5;white-space:nowrap}.message:has(.message-reactions){margin-top:14px}.message.me .message-reactions,.message.own .message-reactions{justify-content:flex-end;flex-direction:row-reverse;right:0;left:auto}.message,.message-bubble{position:relative}.reaction-badge{background:#1a1a1a;border:1.5px solid #2d2d2d;border-radius:14px;padding:3px 10px;display:flex;align-items:center;gap:4px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 8px #0009}.reaction-badge.user-reacted{background:#2a1a3a;border-color:#6d3ba8}.reaction-badge.reaction-more{background:#2d2d2d;border-color:#3a3a3a;cursor:pointer;font-size:11px;color:#ffffffb3}.reaction-badge.reaction-close{background:#2a1a3a;border-color:#6d3ba8;color:#8b5cf6}.reaction-emoji{font-size:14px;line-height:1}.reaction-count{color:#fffc;font-weight:500;font-size:12px}.reaction-tooltip{position:absolute;background:#141414f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;font-size:12px;color:#ffffffe6;white-space:nowrap;z-index:10001;pointer-events:none;opacity:0;transform:translateY(4px);transition:all .2s ease}.reaction-tooltip.visible{opacity:1;transform:translateY(0)}@keyframes reaction-pop-in{0%{opacity:0;transform:scale(.35) translateY(4px)}75%{transform:scale(1.05) translateY(-1px)}to{opacity:1;transform:scale(1) translateY(0)}}.reaction-badge.appearing{animation:reaction-pop-in .45s cubic-bezier(.25,.8,.25,1) forwards}@keyframes reaction-pop-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.4) translateY(4px)}}.reaction-badge.removing{animation:reaction-pop-out .25s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:none}@keyframes reactions-slide-expand{0%{opacity:.9;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.message-reactions{transition:all .3s cubic-bezier(.34,1.2,.64,1)}.message-reactions.reactions-expanded{animation:reactions-slide-expand .35s cubic-bezier(.34,1.2,.64,1) forwards}.rgb-strip{position:sticky;top:var(--header-height, 60px);width:100%;height:var(--rgb-strip-height, 4px);opacity:0;background-image:linear-gradient(90deg,var(--c0, #6a1fb5) 0%,var(--c0, #6a1fb5) 15%,var(--c1, #8d2eeb) 35%,var(--c2, #ac45f8) 50%,var(--c1, #8d2eeb) 65%,var(--c0, #6a1fb5) 85%,var(--c0, #6a1fb5) 100%),linear-gradient(90deg,var(--c0, #6a1fb5) 0%,var(--c0, #6a1fb5) 15%,var(--c1, #8d2eeb) 35%,var(--c2, #ac45f8) 50%,var(--c1, #8d2eeb) 65%,var(--c0, #5015c5) 85%,var(--c0, #5015c5) 100%);background-size:200% 100%,200% 100%;--phase: 0;background-position:calc(var(--phase) * 200%) 0%,calc((var(--phase) * 200%) - 100%) 0%;filter:saturate(var(--sat, 1)) brightness(var(--bright, 1));will-change:background-position,opacity,filter;transition:opacity .3s ease,filter .15s ease;z-index:100;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}@media (min-resolution: 2dppx){.rgb-strip{height:var(--rgb-strip-height-hdpi, 6px)}}.rgb-strip-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.rgb-strip-canvas.active{opacity:1}.rgb-strip.hidden{opacity:0;pointer-events:none}@media (prefers-reduced-motion: reduce){.rgb-strip{transition:none!important;animation:none!important;background-position:0% 0%!important}}.rgb-strip-static{background:linear-gradient(90deg,#3c0ba1,#5f17ca,#8d2eeb,#ac45f8,#8d2eeb,#5f17ca,#3c0ba1);background-size:300% 100%;animation:none}@supports (padding: env(safe-area-inset-top)){.rgb-strip{top:calc(var(--header-height, 60px) + env(safe-area-inset-top))}}.rgb-strip-theme-ocean{--c0: #0e77ff;--c1: #37d2ff;--c2: #0e77ff}.rgb-strip-theme-aurora{--c0: #00f37f;--c1: #00d0ff;--c2: #8a5cff}.rgb-strip-theme-cyberpunk{--c0: #ff00ff;--c1: #00ffff;--c2: #ff00ff}.rgb-strip-theme-fire{--c0: #ff4500;--c1: #ffa500;--c2: #ff6347}body.dark-theme .rgb-strip{filter:saturate(var(--sat, 1)) brightness(var(--bright, .9))}body.light-theme .rgb-strip{filter:saturate(var(--sat, .8)) brightness(var(--bright, 1.1))}#chatRgbStrip .rgb-strip{position:absolute;top:0;z-index:100}.chat-view-active #chatRgbStrip{position:sticky;top:var(--header-height, 60px);z-index:100}.contact-item{display:flex;align-items:center;padding:8px 14px;margin:0 16px 8px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.contact-item.expanded{padding:12px 18px;margin:0 16px 8px}.contact-item:hover{background:#00000080;border-color:#9333ea4d;transform:translate(2px)}.contact-avatar{position:relative;width:40px;height:40px;margin-right:12px;flex-shrink:0;transition:all .3s ease}.contact-item.expanded .contact-avatar{width:48px;height:48px;margin-right:16px}.contact-avatar img,.contact-avatar .avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}.contact-avatar .avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-weight:600;font-size:18px;transition:font-size .3s ease}.contact-item.expanded .contact-avatar .avatar-placeholder{font-size:20px}.contact-avatar .status-indicator{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-primary);transition:all .3s ease}.contact-item.expanded .contact-avatar .status-indicator{width:12px;height:12px;border:2px solid var(--bg-primary)}.contact-avatar .status-indicator.online{background:#10b981}.contact-avatar .status-indicator.offline{background:#6b7280}.contact-invitation-indicator{width:40px;height:40px;margin-left:auto;margin-right:12px;opacity:.8;transition:opacity .3s ease,filter .6s ease-out;flex-shrink:0;filter:hue-rotate(270deg) saturate(1.5)}.contact-item.expanded .contact-invitation-indicator{display:none!important}.contact-item:hover .contact-invitation-indicator,.contact-item.clicking .contact-invitation-indicator{opacity:1}.contact-invitation-indicator svg path{fill:#9333ea!important;stroke:#9333ea!important;transition:fill .6s ease-out,stroke .6s ease-out}.contact-info{flex:1;min-width:0}.contact-name{font-weight:500;font-size:16px;color:var(--text-primary);margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:font-size .3s ease}.contact-item.expanded .contact-name{font-size:17px}.contact-about{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:0;opacity:0;transition:max-height .3s ease,opacity .2s ease,margin-top .3s ease}.contact-item.expanded .contact-about{max-height:20px;opacity:1;margin-top:4px}.contact-item .contact-actions{display:flex;flex-direction:row!important;gap:8px;margin-left:auto;flex-shrink:0;border-top:none!important;padding:0!important;margin-top:0!important;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}.contact-item.expanded .contact-actions{max-height:50px;opacity:1}.contact-item .contact-actions .btn-icon{width:36px!important;height:36px!important;border-radius:50%!important;border:none!important;background:transparent!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;padding:0!important;position:relative;transition:all .2s ease;flex-shrink:0}.contact-item .contact-actions .btn-icon .action-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;transition:all .2s ease;box-shadow:none}.contact-item .contact-actions .btn-message .action-icon{background:linear-gradient(135deg,#818cf8,#4f46e5)}.contact-item .contact-actions .btn-view-profile .action-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.contact-item .contact-actions .btn-remove .action-icon{background:linear-gradient(135deg,#fb7185,#ef4444)}.contact-item .contact-actions .btn-icon:hover .action-icon{transform:translateY(-2px) scale(1.05)}.contact-item .contact-actions .btn-icon:active .action-icon{transform:scale(.92)}.contact-item .contact-actions .btn-icon svg{width:18px!important;height:18px!important;pointer-events:none}.contacts-section-header{padding:6px 20px;margin:12px 16px 8px;font-size:12px;font-weight:600;letter-spacing:1px;color:#9333eae6;background:#9333ea26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(147,51,234,.25);border-radius:16px;width:fit-content;display:inline-block;text-transform:uppercase}.alphabet-sidebar{position:fixed;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;z-index:100;padding:8px 4px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1)}.alphabet-letter{font-size:10px;font-weight:600;color:#9333ea99;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.alphabet-letter:hover,.alphabet-letter.active{background:#9333ea33;color:#9333ea}.letter-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(147,51,234,.5);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;color:#9333ea;z-index:1000;pointer-events:none;opacity:0;transition:opacity .2s ease}.letter-popup.visible{opacity:1}.contacts-list{padding:0 0 12px}#contactsSection{min-height:400px;background:linear-gradient(180deg,#0000,#9333ea05);border-radius:8px;padding:12px 0}.empty-recents{padding:16px;text-align:center;color:var(--text-secondary);font-size:13px}.cb-container{display:flex;flex-direction:column;height:100%;color:#e0e0e0;overflow:hidden}.cb-scroll-wrapper{flex:1;overflow-y:auto;padding:20px}.cb-glassmorphic-wrapper{background:#0c0c10bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;max-width:700px;margin:0 auto}.cb-hero{background:#16161cf2;border-radius:20px;padding:32px 24px;margin-bottom:24px;text-align:center;position:relative;z-index:1;border:none}.cb-hero:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:400% 100%;animation:cbHeroGradientFlow 15s linear infinite,cbHeroGradientBreathe 8s ease-in-out infinite;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 50%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,white 50%,transparent 100%)}.cb-hero:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:19px;background:#16161cfa;z-index:-1}@keyframes cbHeroGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}@keyframes cbHeroGradientBreathe{0%,to{opacity:.5}50%{opacity:1}}.cb-hero-icon-bubble{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#ec4899);position:relative}.cb-hero-icon-bubble:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:linear-gradient(135deg,#9333ea26,#ec48991a),#1a1a1a;z-index:1}.cb-hero-icon-bubble:after{content:"";position:absolute;width:56px;height:56px;background:linear-gradient(135deg,#9333ea,#ec4899);-webkit-mask:var(--icon-url) center/contain no-repeat;mask:var(--icon-url) center/contain no-repeat;z-index:2}.cb-hero-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.5px}.cb-hero-subtitle{font-size:15px;line-height:1.7;color:#ffffffa6;max-width:400px;margin:0 auto}.cb-gradient{font-weight:600;background:linear-gradient(135deg,#9b59b6,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cb-gradient-aurora{background:linear-gradient(135deg,#06b6d4,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-gradient-ocean{background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-gradient-cosmic{background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-gradient-sunset{background:linear-gradient(135deg,#f97316,#ea580c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cb-hero.cb-hero-compact{padding:24px 20px;margin-bottom:20px}.cb-hero.cb-hero-compact .cb-hero-title{font-size:24px;margin-bottom:8px}.cb-hero.cb-hero-compact .cb-hero-subtitle{font-size:14px}.cb-scroll-wrapper::-webkit-scrollbar{width:6px}.cb-scroll-wrapper::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.cb-scroll-wrapper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.cb-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#ffffff26}.cb-back-btn{position:absolute;top:12px;left:12px;z-index:10;display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;color:#ffffffd9;background:transparent;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease}.cb-back-btn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(135deg,#9333ea99,#a855f766,#ec48994d);z-index:-2}.cb-back-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:#121218e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:-1}.cb-back-btn:hover{color:#fff}.cb-back-btn:hover:before{background:linear-gradient(135deg,#9333eacc,#a855f799,#ec489980)}.cb-back-btn svg{width:16px;height:16px}.cb-header{display:none}.cb-title{font-size:20px;font-weight:600;background:linear-gradient(135deg,#9b59b6,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.cb-content{flex:1;overflow-y:auto;padding:20px}.cb-intro{display:none}.cb-intro-icon{font-size:48px;margin-bottom:12px}.cb-intro h2{font-size:22px;font-weight:600;color:#fff;margin:0 0 8px}.cb-intro p{font-size:14px;color:#fff9;margin:0;line-height:1.5}.cb-actions{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.cb-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;margin:0 auto;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:14px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.cb-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #9333ea40}.cb-submit-btn:active{transform:translateY(0)}.cb-limit-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#ffffff26;border-radius:10px;color:#ffffffd9;font-size:11px;font-weight:500}.cb-limit-exhausted{background:#e74c3c33;color:#f87171}.cb-submit-icon{font-size:18px;font-weight:700}.cb-secondary-actions{display:flex;gap:10px;justify-content:center}.cb-secondary-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffbf;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.cb-secondary-btn:hover{background:#ffffff14;border-color:#9b59b666;color:#fff}.cb-my-ideas-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:24px;color:#e0e0e0;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.cb-my-ideas-btn:hover{background:#ffffff1a;border-color:#fff3}.cb-roadmap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px}.cb-roadmap-header h3{font-size:17px;font-weight:600;color:#fff;margin:0;display:flex;align-items:center;gap:10px}.cb-roadmap-header h3:before{content:"";width:4px;height:20px;background:linear-gradient(135deg,#9b59b6,#ec4899);border-radius:2px}.cb-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.cb-section-header h3{font-size:16px;font-weight:600;color:#fff;margin:0}.cb-idea-count{font-size:12px;color:#fff9;background:#9b59b626;border:1px solid rgba(155,89,182,.25);padding:5px 14px;border-radius:20px;font-weight:500}.cb-ideas-list{display:flex;flex-direction:column;gap:16px}.cb-idea-card{position:relative;background:#1a1a1ae6;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:transform .5s cubic-bezier(.4,0,.2,1),border-color .2s}.cb-idea-card:hover{border-color:#9b59b64d}.cb-idea-card.own-idea{border-color:#9b59b633}.cb-heat-bar{height:4px;width:100%;background:#ffffff0d;transition:background .3s}.cb-heat-level-1 .cb-heat-bar{background:#8080804d}.cb-heat-level-2 .cb-heat-bar{background:#9b59b64d}.cb-heat-level-3 .cb-heat-bar{background:#9b59b680}.cb-heat-level-4 .cb-heat-bar{background:linear-gradient(90deg,#9b59b6b3,#8e44adb3)}.cb-heat-level-5 .cb-heat-bar{background:linear-gradient(90deg,#9b59b6e6,#e74c3ccc);animation:heat-pulse 2s ease-in-out infinite}@keyframes heat-pulse{0%,to{opacity:1}50%{opacity:.8}}.cb-card-content{padding:16px}.cb-rank{flex-shrink:0;min-width:32px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:6px;font-size:12px;font-weight:600;color:#fff9}.cb-idea-title{font-size:15px;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-idea-excerpt{font-size:13px;color:#fff9;line-height:1.5;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-reference-images{display:flex;gap:8px;margin-bottom:12px}.cb-reference-images.cb-images-count-1 .cb-ref-image{width:100%;max-width:200px}.cb-reference-images.cb-images-count-2 .cb-ref-image{width:calc(50% - 4px);max-width:150px}.cb-reference-images.cb-images-count-3 .cb-ref-image{width:calc(33.33% - 6px);max-width:120px}.cb-ref-image{aspect-ratio:16/10;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.cb-ref-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.cb-ref-image:hover img{transform:scale(1.05)}.cb-footer-left{display:flex;align-items:center;gap:8px}.cb-footer-right{display:flex;align-items:center}.cb-author{font-size:12px;color:#ffffff80}.cb-date{font-size:11px;color:#ffffff59}.cb-date:before{content:"·";margin:0 6px}.cb-own-idea-badge{font-size:11px;color:#9b59b6;background:#9b59b626;padding:4px 10px;border-radius:10px;font-weight:500}.cb-card-body{padding:16px}.cb-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.cb-card-title-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.cb-card-rank{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;border-radius:8px;font-size:13px;font-weight:600;color:#ffffffb3}.cb-card-title{font-size:16px;font-weight:600;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-status-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.cb-status-new{background:#f1c40f26;color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.cb-status-rising{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.cb-status-hot{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.cb-status-going_cold{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.3)}.cb-status-steady{display:none}.cb-card-description{font-size:14px;color:#ffffffb3;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cb-card-images{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.cb-card-images::-webkit-scrollbar{height:4px}.cb-card-images::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.cb-card-images::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.cb-card-image{width:80px;height:60px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .2s}.cb-card-image:hover{transform:scale(1.05)}.cb-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.cb-card-author{display:flex;align-items:center;gap:8px}.cb-author-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#9b59b6,#8e44ad);display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:600;overflow:hidden}.cb-author-avatar img{width:100%;height:100%;object-fit:cover}.cb-author-name{font-size:13px;color:#fff9}.cb-own-badge{font-size:11px;color:#9b59b6;background:#9b59b626;padding:2px 8px;border-radius:10px;margin-left:4px}.cb-slider-section{display:flex;align-items:center;gap:12px}.cb-slider-container{display:flex;flex-direction:column;gap:6px;min-width:120px}.cb-slider-wrapper{position:relative}.cb-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none;cursor:pointer}.cb-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:50%;cursor:grab;transition:transform .15s;border:2px solid #fff}.cb-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.cb-slider::-webkit-slider-thumb:active{cursor:grabbing}.cb-slider::-moz-range-thumb{width:18px;height:18px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:50%;cursor:grab;border:2px solid #fff}.cb-slider:disabled{opacity:.6;cursor:default}.cb-slider:disabled::-webkit-slider-thumb{cursor:default;transform:none}.cb-slider-meta{display:flex;justify-content:space-between;align-items:center}.cb-slider-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.cb-slider-status{font-size:11px;color:#9b59b6cc;font-weight:500}.cb-slider-locked .cb-slider{cursor:default}.cb-slider-locked .cb-slider-status{color:#2ecc71cc}.cb-voted-label{font-size:11px;color:#9b59b6cc}.cb-own-idea-note{font-size:12px;color:#fff6;font-style:italic}.cb-submit-view{max-width:600px;margin:0 auto}.cb-submit-header{text-align:center;margin-bottom:24px}.cb-submit-header h2{font-size:22px;font-weight:600;color:#fff;margin:0 0 8px}.cb-submit-header p{font-size:14px;color:#fff9;margin:0}.cb-form{display:flex;flex-direction:column;gap:20px}.cb-form-group{display:flex;flex-direction:column;gap:8px}.cb-form-group label{font-size:13px;font-weight:600;color:#fffc;display:flex;align-items:center;gap:8px}.cb-required{color:#e74c3c}.cb-char-count{font-weight:400;color:#fff6;margin-left:auto}.cb-form-group input,.cb-form-group textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;color:#fff;font-size:14px;transition:border-color .2s,background .2s}.cb-form-group input:focus,.cb-form-group textarea:focus{outline:none;border-color:#9b59b680;background:#ffffff0f}.cb-form-group input::placeholder,.cb-form-group textarea::placeholder{color:#ffffff4d}.cb-form-group textarea{min-height:120px;resize:vertical;line-height:1.5}.cb-image-upload{display:flex;flex-direction:column;gap:12px}.cb-upload-zone,.cb-image-upload-zone{border:2px dashed rgba(255,255,255,.15);border-radius:12px;padding:24px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.cb-upload-zone:hover,.cb-image-upload-zone:hover{border-color:#9b59b666;background:#9b59b60d}.cb-upload-zone.dragging,.cb-image-upload-zone.cb-drag-over{border-color:#9b59b6;background:#9b59b61a}.cb-upload-icon{font-size:32px;margin-bottom:8px}.cb-upload-text,.cb-image-upload-zone p{font-size:14px;color:#ffffffb3;margin:0 0 4px}.cb-upload-hint,.cb-image-upload-zone .cb-upload-hint{font-size:12px;color:#fff6;margin:0}.cb-field-hint{font-size:11px;color:#ffffff59;margin-top:4px}.cb-image-previews{display:flex;gap:12px;flex-wrap:wrap}.cb-image-preview{position:relative;width:100px;height:75px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.cb-image-preview img{width:100%;height:100%;object-fit:cover}.cb-remove-image{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#000000b3;border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.cb-remove-image:hover,.cb-image-remove:hover{background:#e74c3c}.cb-image-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;background:#000000b3;border:none;border-radius:50%;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1}.cb-submit-form-btn{width:100%;padding:14px 24px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,opacity .2s;margin-top:8px}.cb-submit-form-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.cb-submit-form-btn:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a}.cb-submit-note{text-align:center;font-size:12px;color:#fff6;margin-top:12px}.cb-my-submissions-list{display:flex;flex-direction:column;gap:12px}.cb-submission-desc{font-size:13px;color:#fff9;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-links-input{display:flex;flex-direction:column;gap:8px}.cb-link-row{display:flex;gap:8px}.cb-link-row input{flex:1}.cb-add-link-btn{padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:13px;cursor:pointer;transition:background .2s}.cb-add-link-btn:hover{background:#ffffff1a}.cb-remove-link{padding:8px 12px;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-size:14px;cursor:pointer;transition:background .2s}.cb-remove-link:hover{background:#e74c3c40}.cb-form-actions{display:flex;gap:12px;margin-top:8px}.cb-cancel-btn{flex:1;padding:14px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#e0e0e0;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.cb-cancel-btn:hover{background:#ffffff1a}.cb-submit-idea-btn{flex:2;padding:14px 24px;background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.cb-submit-idea-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.cb-submit-idea-btn:disabled{opacity:.5;cursor:not-allowed}.cb-submissions-view{max-width:700px;margin:0 auto}.cb-submissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cb-submissions-header h2{font-size:20px;font-weight:600;color:#fff;margin:0}.cb-back-to-list{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffffb3;font-size:13px;cursor:pointer;transition:background .2s}.cb-back-to-list:hover{background:#ffffff1a}.cb-submissions-list{display:flex;flex-direction:column;gap:12px}.cb-submission-card{background:#1a1a1ae6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.cb-submission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.cb-submission-title{font-size:15px;font-weight:600;color:#fff;margin:0}.cb-submission-status{padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.cb-submission-status.pending{background:#f1c40f26;color:#f1c40f;border:1px solid rgba(241,196,15,.3)}.cb-submission-status.approved{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.cb-submission-status.rejected{background:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3)}.cb-submission-status.in_progress{background:#9b59b626;color:#9b59b6;border:1px solid rgba(155,89,182,.3)}.cb-submission-status.completed{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3)}.cb-submission-description{font-size:13px;color:#fff9;line-height:1.4;margin-bottom:8px}.cb-submission-date{font-size:12px;color:#fff6}.cb-activity-timeline{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.cb-activity-label{font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.cb-activity-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px}.cb-activity-icon{font-size:14px;flex-shrink:0}.cb-activity-text{flex:1;color:#fffc}.cb-activity-time{font-size:11px;color:#fff6;flex-shrink:0}.cb-submission-status.merged,.cb-status-merged{background:#3498db26;color:#3498db;border:1px solid rgba(52,152,219,.3)}.cb-badge-story{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:#141419fa;border:1px solid rgba(155,89,182,.4);border-radius:16px;padding:16px 20px;max-width:320px;width:calc(100% - 48px);z-index:9999;opacity:0;transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 32px #00000080}.cb-badge-story.visible{opacity:1;transform:translate(-50%) translateY(0)}.cb-badge-story-header{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}.cb-badge-story-body{font-size:14px;color:#ffffffd9;line-height:1.5;margin-bottom:12px}.cb-badge-story-tip{font-size:12px;color:#9b59b6e6;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}.cb-status-badge{cursor:pointer;transition:transform .15s ease,opacity .15s ease}.cb-status-badge:hover{transform:scale(1.05)}.cb-status-badge:active{transform:scale(.95)}.cb-empty-state{text-align:center;padding:48px 24px}.cb-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.cb-empty-state h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 8px}.cb-empty-state p{font-size:14px;color:#ffffff80;margin:0 0 16px}.cb-empty-action{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:transform .15s,opacity .15s}.cb-empty-action:hover{transform:scale(1.02)}.cb-empty-action:active{transform:scale(.98);opacity:.9}.cb-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.cb-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#9b59b6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cb-loading-text{font-size:14px;color:#fff9}.cb-error{text-align:center;padding:48px 24px}.cb-error-icon{font-size:48px;margin-bottom:16px}.cb-error h3{font-size:18px;font-weight:600;color:#e74c3c;margin:0 0 8px}.cb-error p{font-size:14px;color:#ffffff80;margin:0 0 16px}.cb-retry-btn{padding:10px 24px;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-size:14px;cursor:pointer;transition:background .2s}.cb-retry-btn:hover{background:#e74c3c40}.cb-idea-card.flipping{transition:transform .5s cubic-bezier(.4,0,.2,1)}.cb-idea-card.rank-up{animation:rank-up-flash .6s ease-out}@keyframes rank-up-flash{0%{background-color:#2ecc7126}to{background-color:transparent}}.cb-idea-card.rank-down{animation:rank-down-flash .6s ease-out}@keyframes rank-down-flash{0%{background-color:#3498db26}to{background-color:transparent}}@media (max-width: 600px){.cb-header{padding:12px 16px}.cb-title{font-size:18px}.cb-content,.cb-intro{padding:16px}.cb-intro-icon{font-size:40px}.cb-intro h2{font-size:20px}.cb-actions{flex-direction:column;align-items:stretch}.cb-submit-btn,.cb-my-ideas-btn{justify-content:center}.cb-card-header{flex-direction:column;gap:8px}.cb-slider-section{width:100%;margin-top:8px}.cb-slider-container{flex:1}.cb-form-actions{flex-direction:column}.cb-cancel-btn,.cb-submit-idea-btn{flex:none;width:100%}}.cb-content::-webkit-scrollbar{width:6px}.cb-content::-webkit-scrollbar-track{background:#ffffff05}.cb-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.cb-content::-webkit-scrollbar-thumb:hover{background:#ffffff26}.cb-sparkline{display:flex;align-items:flex-end;gap:2px;height:20px;padding:2px;margin-left:auto;flex-shrink:0;cursor:help}.cb-sparkline-empty{width:40px;background:#ffffff08;border-radius:4px}.cb-sparkline-bar{width:3px;min-height:3px;background:#9b59b666;border-radius:1px;transition:background .2s}.cb-sparkline-latest{background:#9b59b6e6}.cb-sparkline-rising .cb-sparkline-bar{background:#2ecc7166}.cb-sparkline-rising .cb-sparkline-latest{background:#2ecc71e6}.cb-sparkline-falling .cb-sparkline-bar{background:#e74c3c66}.cb-sparkline-falling .cb-sparkline-latest{background:#e74c3ce6}.cb-sparkline-stable .cb-sparkline-bar{background:#9b59b666}.cb-sparkline-stable .cb-sparkline-latest{background:#9b59b6e6}.cb-team-signal{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;margin-bottom:10px;background:#9b59b61a;border:1px solid rgba(155,89,182,.2)}.cb-signal-icon{font-size:14px}.cb-signal-label{color:#fffc}.cb-signal-considering{background:#f1c40f1a;border-color:#f1c40f40}.cb-signal-considering .cb-signal-label{color:#f1c40f}.cb-signal-researching{background:#3498db1a;border-color:#3498db40}.cb-signal-researching .cb-signal-label{color:#3498db}.cb-signal-planned{background:#9b59b61a;border-color:#9b59b640}.cb-signal-planned .cb-signal-label{color:#9b59b6}.cb-signal-building{background:#2ecc711a;border-color:#2ecc7140}.cb-signal-building .cb-signal-label{color:#2ecc71}.cb-signal-votes{background:#e67e221a;border-color:#e67e2240}.cb-signal-votes .cb-signal-label{color:#e67e22}.cb-signal-complex{background:#95a5a61a;border-color:#95a5a640}.cb-signal-complex .cb-signal-label{color:#95a5a6}.cb-brigade-flagged{opacity:.7;position:relative}.cb-brigade-flagged:after{content:"⚠️ Under Review";position:absolute;top:8px;right:8px;padding:4px 8px;background:#e74c3c26;border:1px solid rgba(231,76,60,.3);border-radius:6px;font-size:10px;color:#e74c3c;font-weight:600}.cb-impact-preview{display:none;align-items:center;gap:6px;position:absolute;top:-28px;left:50%;transform:translate(-50%);padding:4px 10px;background:#1a1a1af2;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-size:11px;white-space:nowrap;z-index:10;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cb-impact-arrow{font-size:14px}.cb-impact-text{color:#ffffffb3}.cb-impact-up{border-color:#2ecc714d}.cb-impact-up .cb-impact-arrow,.cb-impact-up .cb-impact-text{color:#2ecc71}.cb-impact-top{border-color:#f1c40f4d}.cb-impact-top .cb-impact-arrow,.cb-impact-top .cb-impact-text{color:#f1c40f}.cb-impact-slight{border-color:#9b59b64d}.cb-impact-slight .cb-impact-arrow,.cb-impact-slight .cb-impact-text{color:#9b59b6}.cb-impact-neutral{border-color:#95a5a64d}.cb-impact-neutral .cb-impact-arrow,.cb-impact-neutral .cb-impact-text{color:#95a5a6}.cb-similar-ideas{margin-top:12px;padding:12px;background:#f1c40f0d;border:1px solid rgba(241,196,15,.2);border-radius:12px}.cb-similar-header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#f1c40f;margin-bottom:10px}.cb-similar-icon{font-size:16px}.cb-similar-list{display:flex;flex-direction:column;gap:8px}.cb-similar-item{padding:10px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s}.cb-similar-item:hover{background:#ffffff0f;border-color:#9b59b64d}.cb-similar-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;margin-bottom:4px}.cb-similar-rank{font-size:11px;color:#9b59b6cc;background:#9b59b626;padding:2px 6px;border-radius:4px}.cb-similar-desc{font-size:12px;color:#ffffff80;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-similar-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#fff6}.cb-similar-match{background:#e74c3c26;color:#e74c3c;padding:2px 6px;border-radius:4px;font-weight:600}.cb-similar-hint{font-size:11px;color:#fff6;margin:10px 0 0;font-style:italic}.cb-highlight-pulse{animation:highlight-pulse 2s ease-out}@keyframes highlight-pulse{0%{box-shadow:0 0 0 4px #9b59b666}to{box-shadow:0 0 #9b59b600}}.cb-secondary-actions{display:flex;gap:8px;margin-top:8px}.cb-following-btn{display:flex;align-items:center;gap:6px}.cb-follow-icon{font-size:14px;color:#f1c40f}.cb-following-intro{padding:12px 16px;color:#fff9;font-size:14px;border-bottom:1px solid rgba(255,255,255,.06)}.cb-following-list{padding:12px 0}.cb-following-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin:0 12px 8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:background .15s,border-color .15s}.cb-following-card:hover{background:#ffffff0f;border-color:#9b59b64d}.cb-following-info{flex:1;min-width:0}.cb-following-title{font-size:15px;font-weight:500;color:#e0e0e0;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-following-meta{display:flex;gap:10px;align-items:center;font-size:12px}.cb-following-rank{color:#9b59b6;font-weight:600}.cb-following-status{padding:2px 8px;border-radius:4px;background:#ffffff14;color:#fff9;text-transform:capitalize}.cb-following-status.cb-status-approved{background:#2ecc7126;color:#2ecc71}.cb-following-status.cb-status-in_progress{background:#3498db26;color:#3498db}.cb-following-status.cb-status-planned{background:#9b59b626;color:#9b59b6}.cb-following-status.cb-status-completed{background:#2ecc7133;color:#27ae60}.cb-following-status.cb-status-pending{background:#f1c40f26;color:#f1c40f}.cb-following-status.cb-status-rejected{background:#e74c3c26;color:#e74c3c}.cb-following-status.cb-status-parked{background:#95a5a626;color:#95a5a6}.cb-following-status.cb-status-active{background:#2ecc7126;color:#2ecc71}.cb-following-signal{font-size:14px}.cb-unfollow-btn{width:32px;height:32px;border-radius:50%;background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);color:#e74c3c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;flex-shrink:0;margin-left:12px}.cb-unfollow-btn:hover{background:#e74c3c33;border-color:#e74c3c66}.cb-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.cb-detail-modal.cb-detail-visible{opacity:1;pointer-events:auto}.cb-detail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3}.cb-detail-content{position:relative;background:#1a1a1a;border-radius:16px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;border:1px solid rgba(255,255,255,.1);transform:translateY(20px);transition:transform .2s ease}.cb-detail-modal.cb-detail-visible .cb-detail-content{transform:translateY(0)}.cb-detail-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 0;gap:16px}.cb-detail-title{font-size:20px;font-weight:600;background:linear-gradient(135deg,#9b59b6,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1}.cb-detail-close{width:32px;height:32px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s;flex-shrink:0}.cb-detail-close:hover{background:#ffffff1f}.cb-detail-body{padding:16px 20px 20px}.cb-detail-meta{display:flex;gap:12px;align-items:center;font-size:13px;color:#ffffff80;margin-bottom:12px}.cb-detail-rank{color:#9b59b6;font-weight:600}.cb-detail-description{font-size:15px;line-height:1.6;color:#fffc;margin:16px 0}.cb-detail-images{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.cb-detail-image{width:100px;height:100px;object-fit:cover;border-radius:8px;cursor:pointer;transition:transform .15s}.cb-detail-image:hover{transform:scale(1.05)}.cb-detail-actions{padding:16px 0;border-top:1px solid rgba(255,255,255,.06);margin-top:16px}.cb-follow-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;background:#f1c40f1a;border:1px solid rgba(241,196,15,.3);color:#f1c40f;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.cb-follow-toggle:hover{background:#f1c40f33;border-color:#f1c40f80}.cb-follow-toggle.cb-following-active{background:#f1c40f33;border-color:#f1c40f}.cb-follow-star{font-size:16px}.cb-changelog{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.cb-changelog-title{font-size:14px;font-weight:600;color:#ffffffb3;margin:0 0 12px}.cb-changelog-list{display:flex;flex-direction:column;gap:8px}.cb-changelog-entry{display:flex;gap:10px;padding:10px 12px;background:#ffffff08;border-radius:8px;border-left:3px solid rgba(155,89,182,.4)}.cb-changelog-icon{font-size:16px;flex-shrink:0}.cb-changelog-info{flex:1;min-width:0}.cb-changelog-desc{display:block;font-size:13px;color:#fffc;margin-bottom:4px}.cb-changelog-time{font-size:11px;color:#fff6}.cb-idea-card{cursor:pointer}.cb-idea-card:hover .cb-idea-title{color:#9b59b6}:root{--veil-onboard-bg: #070214;--veil-onboard-gradient-start: #12072f;--veil-onboard-gradient-mid: rgba(37, 19, 82, .88);--veil-onboard-gradient-end: rgba(10, 4, 24, .92);--veil-onboard-surface: rgba(12, 6, 30, .9);--veil-onboard-surface-strong: rgba(15, 8, 36, .94);--veil-onboard-border: rgba(146, 97, 255, .35);--veil-onboard-border-soft: rgba(146, 97, 255, .22);--veil-onboard-text: rgba(246, 244, 255, .96);--veil-onboard-muted: rgba(205, 202, 232, .75);--veil-onboard-accent: #a978ff;--veil-onboard-accent-strong: #c68eff;--veil-onboard-radius-lg: 28px;--veil-onboard-radius-md: 18px;--veil-onboard-radius-sm: 12px;--veil-onboard-heading-font: "Space Grotesk", "Inter", "Segoe UI", sans-serif;--veil-onboard-body-font: "Inter", "Segoe UI", sans-serif;--veil-onboard-input-height: 3.25rem;--veil-onboard-input-padding-x: 1.1rem}.video-matrix{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.matrix-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s ease}.matrix-video.is-active{opacity:1}.matrix-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(45% 45% at 20% 16%,rgba(133,70,255,.25),transparent 60%),radial-gradient(60% 60% at 82% 12%,rgba(82,185,255,.18),transparent 70%),linear-gradient(135deg,#0a0418a6,#060310b3);mix-blend-mode:screen;pointer-events:none}.onboarding-container{height:100dvh;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,64px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;animation:onboardContainerFadeIn .5s ease}@media (max-width: 768px){.onboarding-container{justify-content:center;padding:clamp(16px,4vw,32px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@keyframes onboardContainerFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-container .console-logo{text-align:center;margin-bottom:1.5rem;animation:onboardFadeIn .5s ease}.onboarding-container .console-logo img{width:140px;height:140px;display:inline-block}@media (max-width: 768px){.onboarding-container .console-logo{margin-bottom:1rem}.onboarding-container .console-logo img{width:84px;height:84px}}.onboarding-container .floating-lock-icon{font-size:3rem;margin-bottom:.75rem;display:block;animation:onboardBreathing 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(147,51,234,.3))}@keyframes onboardBreathing{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.onboarding-container .veil-console{position:relative;padding:clamp(22px,3.6vw,30px);border-radius:32px;border:1px solid rgba(200,170,255,.22);background:linear-gradient(160deg,#120823bf,#080412ad);backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);width:min(420px,90vw);min-height:200px;max-height:min(90vh,900px);height:auto;overflow:hidden;display:flex;flex-direction:column;will-change:height;box-shadow:inset 0 1px #ffffff38,0 24px 80px #0602148c}.onboarding-container .veil-console:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(140% 120% at 0% 0%,rgba(140,92,255,.28),transparent 55%),radial-gradient(120% 120% at 100% 0%,rgba(82,185,255,.22),transparent 60%),radial-gradient(120% 160% at 100% 100%,rgba(255,120,220,.2),transparent 55%);opacity:.65;pointer-events:none;z-index:0}.onboarding-container .veil-console>*{position:relative;z-index:1}.onboarding-container .veil-body{opacity:1;transition:opacity .3s ease;position:relative;z-index:1;flex:1;overflow:visible;padding:0;font-family:var(--veil-onboard-body-font);-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;justify-content:center}.onboarding-container .veil-body::-webkit-scrollbar{width:6px}.onboarding-container .veil-body::-webkit-scrollbar-track{background:#33333a4d;border-radius:3px}.onboarding-container .veil-body::-webkit-scrollbar-thumb{background:#9333ea4d;border-radius:3px;transition:background .3s ease}.onboarding-container .veil-body::-webkit-scrollbar-thumb:hover{background:#9333ea80}.onboarding-container .veil-body{scrollbar-width:thin;scrollbar-color:rgba(147,51,234,.3) rgba(51,51,58,.3)}@media (min-width: 769px){.onboarding-container .veil-body{padding:2rem 1.5rem}}@media (min-width: 1024px){.onboarding-container .veil-body{padding:2.5rem 2rem}}.onboarding-container .veil-body.hiding{opacity:0}.onboarding-container .welcome-section{text-align:center;margin-bottom:2rem;animation:onboardFadeInUp .6s ease forwards;opacity:0}.onboarding-container .subtitle{font-size:.95rem;color:#94a3b8;font-weight:500;letter-spacing:.5px;margin-top:1rem}.onboarding-container .manifesto-container{opacity:1;display:flex;flex-direction:column;align-items:center;width:100%}.onboarding-container .manifesto-title{font-size:1.6rem;font-weight:900;letter-spacing:0;margin-bottom:1.25rem;text-align:center;display:flex;align-items:center;justify-content:center;position:relative;padding-bottom:.5rem}.onboarding-container .manifesto-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:2px;width:0;background:linear-gradient(90deg,transparent,rgba(220,190,255,.6),transparent);animation:onboardLineExpand 1s ease forwards;animation-delay:1.2s}.onboarding-container .manifesto-letter{display:inline-block;background:linear-gradient(135deg,#b8b8b8,#e5e5e5,#fff 40%,#f8f8f8,#fff 60%,#e5e5e5,#b8b8b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;opacity:0;animation:onboardLetterFadeIn .8s ease forwards;margin-right:.15em}.onboarding-container .manifesto-letter:nth-child(1){animation-delay:.05s}.onboarding-container .manifesto-letter:nth-child(2){animation-delay:.15s}.onboarding-container .manifesto-letter:nth-child(3){animation-delay:.25s}.onboarding-container .manifesto-letter:nth-child(4){animation-delay:.35s}.onboarding-container .manifesto-letter:nth-child(5){animation-delay:.45s}.onboarding-container .manifesto-letter:nth-child(6){animation-delay:.55s}.onboarding-container .manifesto-letter:nth-child(7){animation-delay:.65s}.onboarding-container .manifesto-letter:nth-child(8){animation-delay:.75s}.onboarding-container .manifesto-letter:nth-child(9){animation-delay:.85s}.onboarding-container .manifesto-letter:nth-child(10){animation-delay:.95s}.onboarding-container .manifesto-letter:nth-child(11){animation-delay:1.05s}.onboarding-container .manifesto-letter:nth-child(12){animation-delay:1.15s}.onboarding-container .content-bubble{margin:.5rem 0;padding:14px 16px 16px;border-radius:var(--veil-onboard-radius-sm);border:1px solid rgba(198,142,255,.2);background:linear-gradient(135deg,#0e082299,#0a051899);box-shadow:inset 0 1px #ffffff1f,0 12px 28px #06021259;text-align:left;opacity:0;transform:translateY(14px);animation:onboardBubbleReveal .4s ease forwards;transition:opacity .4s ease,transform .4s ease;width:100%}@keyframes onboardBubbleReveal{to{opacity:1;transform:translateY(0)}}.onboarding-container .manifesto-container .content-bubble:nth-of-type(1){animation-delay:.5s}.onboarding-container .manifesto-container .content-bubble:nth-of-type(2){animation-delay:2.5s}.onboarding-container .manifesto-container .content-bubble:nth-of-type(3){animation-delay:4.5s}.onboarding-container .manifesto-container .content-bubble:nth-of-type(4){animation-delay:6.5s}.onboarding-container .manifesto-heading{display:block;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:#d2d0f0b3;margin-bottom:8px}.onboarding-container .manifesto-text{margin:0;font-size:.86rem;color:#e1def5d9;line-height:1.6;letter-spacing:.04em}.onboarding-container .manifesto-text strong{color:#f5f2fff2}.onboarding-container .form-group{margin-bottom:1.5rem;animation:onboardFadeInUp .6s ease forwards;opacity:0}.onboarding-container .form-label{display:block;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:#d2d0f0ad;margin-bottom:10px;text-align:center}.onboarding-container .form-input{width:100%;height:var(--veil-onboard-input-height);padding:0 calc(var(--veil-onboard-input-padding-x) + .1rem);box-sizing:border-box;border-radius:var(--veil-onboard-radius-sm);border:1px solid rgba(198,142,255,.45);background:linear-gradient(135deg,#07051066,#0a081466);color:var(--veil-onboard-text);font-size:1rem;font-family:var(--veil-onboard-body-font);letter-spacing:.04em;line-height:1.25;box-shadow:inset 0 1px #ffffff1a;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease;text-align:center}.onboarding-container #username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-container #username.long-username{font-size:.875rem}.onboarding-container #username.very-long-username{font-size:.75rem}.onboarding-container .form-input:focus{outline:none;border-color:#dcbeffcc;background:linear-gradient(135deg,#0a081880,#0c081e80);box-shadow:0 0 0 3px #a878ff2e,inset 0 1px #ffffff40}.onboarding-container .form-input:disabled{opacity:.5;cursor:not-allowed}.onboarding-container .form-input.code-locked{opacity:1;border-color:#a878ffcc;background:linear-gradient(135deg,#a878ff26,#845ce333);animation:onboardCodePulse 2s ease-in-out infinite;box-shadow:0 0 0 3px #a878ff33,inset 0 1px #ffffff40}@keyframes onboardCodePulse{0%,to{border-color:#a878ffcc;box-shadow:0 0 0 3px #a878ff33,inset 0 1px #ffffff40}50%{border-color:#dcbeffe6;box-shadow:0 0 0 5px #a878ff4d,inset 0 1px #ffffff4d}}@keyframes onboardCharLock{0%{opacity:0;transform:scale(.5) rotate(-10deg)}60%{opacity:1;transform:scale(1.15) rotate(3deg)}to{opacity:1;transform:scale(1) rotate(0)}}.onboarding-container .input-with-button{display:flex;gap:.75rem;align-items:center}.onboarding-container .input-with-button .form-input{flex:1}.onboarding-container .input-with-button .password-input-wrapper{flex:1;min-width:0}.onboarding-container .dice-btn{width:var(--veil-onboard-input-height);height:var(--veil-onboard-input-height);padding:0;box-sizing:border-box;background:linear-gradient(135deg,#a878ff14,#845ce31f);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(198,142,255,.25);border-radius:var(--veil-onboard-radius-sm);color:#e2e8f0;font-size:1.35rem;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.onboarding-container .dice-btn.roll-btn:hover{transform:rotate(180deg);border-color:#dcbeff66;background:linear-gradient(135deg,#a878ff26,#845ce333)}.onboarding-container .dice-btn.copy-btn{font-size:1.1rem;border-radius:var(--veil-onboard-radius-sm);background:linear-gradient(135deg,#60a5fa1f,#845ce324)}.onboarding-container .dice-btn.copy-btn:hover{transform:translateY(-1px);border-color:#94a3ff66;background:linear-gradient(135deg,#60a5fa33,#845ce33d)}.onboarding-container .dice-btn.copy-btn.copied{border-color:#22c55e99;color:#4ade80;background:linear-gradient(135deg,#22c55e2e,#0d948833)}.onboarding-container .dice-btn.copy-btn.copy-error{border-color:#ef444499;color:#fca5a5;background:linear-gradient(135deg,#ef44442e,#b453092e)}.onboarding-container .btn-container{margin-top:.75rem;margin-bottom:.5rem;animation:onboardFadeInUp .8s ease .3s forwards;opacity:0}.onboarding-container .manifesto-container .btn-container{animation-delay:8s}.onboarding-container .btn-primary{width:100%;margin-top:10px;margin-bottom:.5rem;border-radius:var(--veil-onboard-radius-sm);border:1px solid rgba(198,142,255,.3);background:linear-gradient(135deg,#a878ff1f,#845ce329);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);color:var(--veil-onboard-text);padding:12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.onboarding-container .btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .3s ease}.onboarding-container .btn-primary:hover:not(:disabled){border-color:#dcbeff80;background:linear-gradient(135deg,#a878ff33,#845ce340);transform:translateY(-1px)}.onboarding-container .btn-primary:hover:not(:disabled):before{opacity:1}.onboarding-container .btn-primary:active:not(:disabled){transform:translateY(0)}.onboarding-container .btn-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-container .btn-success{background:linear-gradient(135deg,#a878ff33,#845ce340);border-color:#dcbeff80}@keyframes onboardSuccessPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.onboarding-container .btn-container-horizontal{display:flex;align-items:center;gap:1rem;margin-top:1rem}.onboarding-container .btn-container:not(.btn-container-horizontal){display:flex;flex-direction:column;gap:.75rem}.onboarding-container .btn-container:not(.btn-container-horizontal) .btn-flat{flex:none;width:100%}.onboarding-container .btn-flat{flex:1;padding:10px 16px;border-radius:var(--veil-onboard-radius-sm);border:1px solid rgba(198,142,255,.3);background:linear-gradient(135deg,#a878ff1f,#845ce329);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);color:var(--veil-onboard-text);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.onboarding-container .btn-flat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .3s ease}.onboarding-container .btn-flat:hover:not(:disabled){border-color:#dcbeff80;background:linear-gradient(135deg,#a878ff33,#845ce340);transform:translateY(-1px)}.onboarding-container .btn-flat:hover:not(:disabled):before{opacity:1}.onboarding-container .btn-flat:active:not(:disabled){transform:translateY(0)}.onboarding-container .btn-flat:disabled{opacity:.5;cursor:not-allowed}.onboarding-container .btn-flat-primary{border-color:#c68eff66}.onboarding-container .btn-flat-secondary{background:linear-gradient(135deg,#60a5fa14,#845ce31f);border-color:#94a3ff4d}.onboarding-container .btn-flat-secondary:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa26,#845ce333);border-color:#94a3ff73}.onboarding-container .status-message{text-align:center;font-size:.875rem;color:#a855f7;margin-top:1rem;animation:onboardStatusPulse 2s ease-in-out infinite}@keyframes onboardStatusPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.onboarding-container .recovery-header{text-align:center;margin-bottom:.75rem;animation:onboardFadeInUp .4s ease forwards;opacity:0}.onboarding-container .recovery-icon{font-size:2rem;margin-bottom:.5rem}.onboarding-container .recovery-title{font-size:1.125rem;font-weight:600;margin-bottom:.375rem;background:linear-gradient(135deg,#9333ea,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em}.onboarding-container .recovery-warning{color:#ef4444;font-size:.75rem;font-weight:500;animation:onboardPulse 2s ease-in-out infinite;line-height:1.2}.onboarding-container .recovery-phrase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:360px;margin:0 auto;animation:onboardFadeInUp .6s ease forwards;animation-delay:.2s;opacity:0}@media (max-width: 480px){.onboarding-container .recovery-phrase-grid{grid-template-columns:repeat(2,1fr);max-width:280px;gap:.4rem}}.onboarding-container .recovery-word{background:linear-gradient(135deg,#0e082299,#0a051899);border:1px solid rgba(198,142,255,.2);border-radius:10px;padding:.5rem .25rem;text-align:center;animation:onboardFadeInUp .5s ease forwards;opacity:0;box-shadow:inset 0 1px #ffffff1f,0 12px 28px #06021259}@media (max-width: 480px){.onboarding-container .recovery-word{padding:.4rem .2rem}}.onboarding-container .word-number{font-size:.5rem;color:#94a3b8;margin-bottom:.15rem}.onboarding-container .word-text{font-weight:600;color:#e2e8f0;font-size:.75rem;word-break:break-all}@media (max-width: 480px){.onboarding-container .word-text{font-size:.7rem}}.onboarding-container .recovery-actions{margin:.75rem 0;animation:onboardFadeInUp .7s ease forwards;animation-delay:.4s;opacity:0;display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.onboarding-container .recovery-actions .btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1;min-width:140px;max-width:180px;padding:.75rem 1rem}@media (max-width: 480px){.onboarding-container .recovery-actions .btn-secondary{min-width:130px;padding:.65rem .75rem;font-size:.875rem}.onboarding-container .recovery-actions .btn-secondary .btn-text{font-size:.8rem}}.onboarding-container .recovery-notice{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:.625rem;margin:.75rem 0;animation:onboardFadeInUp .8s ease forwards;animation-delay:.5s;opacity:0}.onboarding-container .notice-title{font-weight:600;color:#ef4444;margin-bottom:.25rem;font-size:.6875rem}.onboarding-container .notice-list{margin:0;padding-left:1.25rem;list-style:none}.onboarding-container .notice-list li{position:relative;color:#94a3b8;font-size:.625rem;line-height:1.3;margin-bottom:.125rem}.onboarding-container .notice-list li:before{content:"•";position:absolute;left:-1rem;color:#ef4444}.onboarding-container .recovery-confirm{margin:.75rem 0;animation:onboardFadeInUp .9s ease forwards;animation-delay:.6s;opacity:0}@keyframes onboardPulse{0%,to{opacity:1}50%{opacity:.7}}.onboarding-container .recovery-subtitle{color:#94a3b8;font-size:.875rem;margin-top:.25rem;transition:color .3s ease}.onboarding-container .recovery-info{background:#9333ea1a;border:1px solid rgba(147,51,234,.3);border-radius:12px;padding:.75rem;margin:1rem 0;animation:onboardFadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.onboarding-container .info-message{color:#e2e8f0;font-size:.8125rem;line-height:1.5;text-align:center}.onboarding-container .recovery-input-section{margin:.75rem 0;animation:onboardFadeInUp .6s ease forwards;animation-delay:.3s;opacity:0}.onboarding-container .recovery-hint{font-size:.75rem;color:#a855f7;margin:.5rem 0 1rem;text-align:center}.onboarding-container .recovery-words-grid-container{display:flex;justify-content:center;width:100%;padding:0 1rem}.onboarding-container .recovery-words-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;max-width:360px}@media (max-width: 480px){.onboarding-container .recovery-words-grid{grid-template-columns:repeat(2,1fr);max-width:280px;gap:.4rem}}.onboarding-container .word-input{padding:.5rem .25rem;background:#33333a4d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;font-size:.875rem;text-align:center;transition:all .3s ease;outline:none;width:100%}.onboarding-container .word-input:focus{border-color:#dcbeffcc;background:#0e082280;box-shadow:0 0 0 2px #a878ff2e}.onboarding-container .word-input.filled{border-color:#a855f7;background:#a855f71a}.onboarding-container .word-input::placeholder{color:#666;font-size:.75rem}.onboarding-container .recovery-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;animation:onboardFadeInUp .7s ease forwards;animation-delay:.5s;opacity:0}.onboarding-container .footer-warning{font-size:.75rem;line-height:1.5;color:#94a3b8}.onboarding-container .warning-text{color:#ef4444;font-weight:500}.onboarding-container .warning-subtext{font-size:.625rem;color:#666;font-style:italic}.onboarding-container .import-section{margin-bottom:1rem;animation:onboardFadeInUp .5s ease forwards;animation-delay:.2s;opacity:0}.onboarding-container .import-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#a878ff14,#845ce31f);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(198,142,255,.25);border-radius:var(--veil-onboard-radius-sm);color:#e2e8f0;font-size:.875rem;cursor:pointer;transition:all .3s ease}.onboarding-container .import-btn:hover{background:linear-gradient(135deg,#a878ff26,#845ce333);border-color:#dcbeff66;transform:translateY(-1px)}.onboarding-container .import-btn .btn-icon{font-size:1.125rem}.onboarding-container .identity-header{text-align:center;margin-bottom:2rem}.onboarding-container .password-input-wrapper{position:relative;display:flex;align-items:center;height:var(--veil-onboard-input-height);min-width:0}.onboarding-container .password-input-wrapper .form-input{width:100%;height:100%;padding-left:var(--veil-onboard-input-padding-x);padding-right:var(--veil-onboard-input-padding-x);min-width:0;text-align:center}.onboarding-container .eye-toggle{position:absolute;right:.65rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;background:#a878ff1a;border:1px solid rgba(198,142,255,.2);border-radius:999px;padding:0;cursor:pointer;color:#d2d0f0d1;transition:color .3s ease,background .3s ease,border-color .3s ease;display:flex;align-items:center;justify-content:center;z-index:10}.onboarding-container .eye-toggle:hover{color:#f6f4fff2;background:#a878ff33;border-color:#c68eff59}.onboarding-container .eye-icon{width:20px;height:20px}.onboarding-container .password-strength{margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.onboarding-container .strength-bar{flex:1;height:4px;background:#1a1a1e;border-radius:2px;overflow:hidden}.onboarding-container .strength-fill{height:100%;width:0;transition:width .3s ease,background .3s ease;border-radius:2px}.onboarding-container .strength-text{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;min-width:60px;text-align:right}.onboarding-container .match-status{font-size:.875rem;margin-top:.5rem;font-weight:500;transition:color .3s ease}.onboarding-container .variations-container{margin-top:.5rem;padding:1rem 1.15rem;background:linear-gradient(145deg,#130e26d1,#0c091ce0);border-radius:var(--veil-onboard-radius-md);border:1px solid rgba(168,120,255,.28);box-shadow:inset 0 1px #ffffff14,0 12px 32px #08061473;animation:onboardFadeInUp .35s ease;display:flex;flex-direction:column;gap:.75rem;text-align:center}.onboarding-container .variations-label{font-size:.72rem;color:#d2d0f0b3;text-transform:uppercase;letter-spacing:.28em;margin:0}.onboarding-container .variations-list{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:center}.onboarding-container .variation-btn{padding:.45rem .95rem;background:linear-gradient(135deg,#a878ff29,#52b9ff24);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(198,142,255,.28);border-radius:var(--veil-onboard-radius-sm);color:#f6f4fff0;font-size:.82rem;cursor:pointer;transition:all .3s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-container .variation-btn.long-username{font-size:.72rem}.onboarding-container .variation-btn.very-long-username{font-size:.66rem}.onboarding-container .variation-btn:hover{border-color:#dcbeff73;background:linear-gradient(135deg,#a878ff3d,#52b9ff38);transform:translateY(-1px)}.onboarding-container .variation-btn:focus-visible{outline:none;border-color:#ffffffb3}.onboarding-container .optional-field{opacity:.9}.onboarding-container .optional-tag{color:#64748b;font-weight:400;font-size:.75rem}.onboarding-container .email-input{background:#33333ab3;border-style:dashed}.onboarding-container .auth-header{text-align:center;margin-bottom:2rem;animation:onboardFadeInUp .4s ease forwards;opacity:0}.onboarding-container .veil-title{font-family:var(--veil-onboard-heading-font);font-size:2rem;font-weight:700;letter-spacing:0;text-transform:uppercase;margin:0;position:relative;padding-bottom:.75rem}.onboarding-container .veil-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:2px;width:0;background:linear-gradient(90deg,transparent,rgba(220,190,255,.6),transparent);animation:onboardLineExpand 1s ease forwards;animation-delay:1.5s}@keyframes onboardLineExpand{0%{width:0;opacity:0}50%{opacity:1}to{width:80%;opacity:.85}}.onboarding-container .veil-title-letter{display:inline-block;background:linear-gradient(135deg,#b8b8b8,#e5e5e5,#fff 40%,#f8f8f8,#fff 60%,#e5e5e5,#b8b8b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;opacity:0;animation:onboardLetterFadeIn .8s ease forwards;margin-right:.5em}.onboarding-container .veil-title-letter:last-child{margin-right:0}.onboarding-container .veil-title-letter:nth-child(1){animation-delay:.1s}.onboarding-container .veil-title-letter:nth-child(2){animation-delay:.4s}.onboarding-container .veil-title-letter:nth-child(3){animation-delay:.7s}.onboarding-container .veil-title-letter:nth-child(4){animation-delay:1s}@keyframes onboardLetterFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.85;transform:translateY(0)}}.onboarding-container .title-main{font-size:1.375rem;font-weight:600;margin-bottom:.75rem;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#a855f7,#9333ea);background-size:300% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.1em;animation:onboardShimmer 8s ease-in-out infinite}@keyframes onboardShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.onboarding-container .subtitle{font-size:.875rem;color:#94a3b8;transition:all .3s ease;text-transform:none}.onboarding-container .subtitle.status-success{color:#a855f7;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.onboarding-container .subtitle.status-error{color:#ef4444}.onboarding-container .subtitle.status-info{color:#3b82f6}.onboarding-container .error-message{font-size:.875rem;color:#ef4444;margin-top:.5rem;animation:onboardFadeIn .2s ease}.onboarding-container .form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;animation:onboardFadeInUp .6s ease forwards;opacity:0}.onboarding-container .custom-checkbox{display:flex;align-items:center;cursor:pointer;position:relative}.onboarding-container .checkbox-input{position:absolute;opacity:0;width:0;height:0}.onboarding-container .checkbox-custom{width:20px;height:20px;border-radius:50%;border:2px solid #666;display:inline-block;position:relative;transition:all .3s ease;margin-right:.5rem}.onboarding-container .checkbox-input:checked~.checkbox-custom{background:linear-gradient(135deg,#9333ea,#a855f7);border-color:#9333ea;animation:onboardCheckPulse .4s ease-out}.onboarding-container .checkbox-custom:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.onboarding-container .checkbox-input:checked~.checkbox-custom:after{display:block}.onboarding-container .checkbox-label{font-size:.875rem;color:#94a3b8;-webkit-user-select:none;user-select:none}@keyframes onboardCheckPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.onboarding-container .forgot-link{font-size:.875rem;color:#a855f7;text-decoration:none;transition:color .3s ease}.onboarding-container .forgot-link:hover{color:#c084fc}.onboarding-container .divider-container{display:flex;align-items:center;margin:1.5rem 0;opacity:.7}.onboarding-container .divider-line{flex:1;height:1px;background:#ffffff1a}.onboarding-container .divider-text{padding:0 1rem;font-size:.875rem;color:#64748b;text-transform:lowercase}.onboarding-container .btn-secondary{width:100%;padding:12px;background:linear-gradient(135deg,#60a5fa14,#845ce31f);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);border:1px solid rgba(148,163,255,.3);border-radius:var(--veil-onboard-radius-sm);color:var(--veil-onboard-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.onboarding-container .btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .3s ease}.onboarding-container .btn-secondary:hover{background:linear-gradient(135deg,#60a5fa26,#845ce333);border-color:#94a3ff73;transform:translateY(-1px)}.onboarding-container .btn-secondary:hover:before{opacity:1}.onboarding-container .btn-loader{display:inline-flex;gap:4px}.onboarding-container .loader-dot{width:8px;height:8px;background:#e2e8f0;border-radius:50%;animation:onboardLoaderPulse 1.4s ease-in-out infinite}.onboarding-container .loader-dot:nth-child(2){animation-delay:.2s}.onboarding-container .loader-dot:nth-child(3){animation-delay:.4s}@keyframes onboardLoaderPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes onboardFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardFadeIn{0%{opacity:0}to{opacity:1}}.onboarding-container .veil-measurer{position:absolute;visibility:hidden;height:auto;width:100%;top:-9999px;left:-9999px}.onboarding-container .veil-measurer,.onboarding-container .veil-measurer *{animation:none!important;transition:none!important;transform:none!important;opacity:1!important;visibility:visible!important}@media (min-width: 769px){.onboarding-container .veil-console{transition:height .7s cubic-bezier(.34,1.56,.64,1)}}@media (min-width: 768px){.onboarding-container{padding:2rem}.onboarding-container .veil-console{max-width:440px;padding:0;border-radius:28px}.onboarding-container .veil-logo{width:120px;height:120px}.onboarding-container .btn-primary{padding:1.125rem;border-radius:16px}}@media (min-width: 1024px){.onboarding-container .veil-console{max-width:480px;padding:0}}@media (prefers-reduced-motion: reduce){.onboarding-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.onboarding-container .veil-console{transition:height .3s ease!important}}@media (max-width: 768px){.onboarding-container .veil-console{transition:none!important;height:auto!important;max-height:calc(100dvh - 120px);overflow:hidden}.onboarding-container .veil-body{max-height:calc(100dvh - 140px);overflow-y:hidden}}@media (max-height: 700px){.onboarding-container .veil-console{max-height:calc(100dvh - 70px)}.onboarding-container .veil-body{max-height:calc(100dvh - 120px)}.onboarding-container .console-logo img{width:100px;height:100px}}@media (min-width: 769px){.onboarding-container .recovery-words-grid{gap:.75rem}.onboarding-container .recovery-input-section{margin:.5rem 0}.onboarding-container .recovery-info{padding:.5rem;margin:.5rem 0}.onboarding-container .recovery-footer{margin-top:.5rem;padding-top:.5rem}.onboarding-container .recovery-subtitle{margin-top:.25rem;margin-bottom:0}.onboarding-container .recovery-header{margin-bottom:.5rem}.onboarding-container .recovery-title{margin:.25rem 0}.onboarding-container .btn-container{margin-top:.5rem}.onboarding-container .form-group{margin-bottom:1rem}}.email-optin-header{text-align:center;margin-bottom:1.5rem;animation:fadeInUp .5s ease forwards}.email-title{font-family:var(--veil-onboard-heading-font);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;background:linear-gradient(135deg,var(--veil-onboard-accent),var(--veil-onboard-accent-strong));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.optional-badge{font-size:.65em;font-weight:500;background:#9261ff33;border:1px solid rgba(146,97,255,.4);padding:.2em .6em;border-radius:20px;-webkit-text-fill-color:rgba(169,120,255,.9)}.email-subtitle{font-size:.95rem;color:var(--veil-onboard-muted);line-height:1.5;max-width:340px;margin:0 auto}.email-subtitle em{color:var(--veil-onboard-accent);font-style:normal}.email-benefits{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;animation:fadeInUp .5s ease .1s forwards;opacity:0}.benefit-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .9rem;background:#9261ff14;border:1px solid rgba(146,97,255,.2);border-radius:var(--veil-onboard-radius-sm);transition:all .2s ease}.benefit-item:hover{background:#9261ff1f;border-color:#9261ff4d}.benefit-icon{font-size:1.2rem}.benefit-text{font-size:.9rem;color:var(--veil-onboard-text)}.email-warning{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:#ffc10714;border:1px solid rgba(255,193,7,.25);border-radius:var(--veil-onboard-radius-sm);margin-bottom:1.25rem;animation:fadeInUp .5s ease .2s forwards;opacity:0}.warning-icon{font-size:1.2rem;flex-shrink:0}.warning-text{font-size:.85rem;color:#ffdc78e6;line-height:1.5}.email-form-group{margin-bottom:1rem;animation:fadeInUp .3s ease forwards}.email-form-group .form-label{display:block;font-size:.85rem;font-weight:600;color:var(--veil-onboard-muted);margin-bottom:.5rem}.email-form-group .input-wrapper{position:relative;display:flex;align-items:center}.email-form-group .form-input{width:100%;height:var(--veil-onboard-input-height);padding:0 var(--veil-onboard-input-padding-x);padding-right:3rem;font-size:1rem;color:var(--veil-onboard-text);background:var(--veil-onboard-surface);border:1.5px solid var(--veil-onboard-border-soft);border-radius:var(--veil-onboard-radius-sm);outline:none;transition:all .2s ease}.email-form-group .form-input:focus{border-color:var(--veil-onboard-accent);box-shadow:0 0 0 3px #a978ff26}.email-form-group .form-input::placeholder{color:#cdcae880}.email-form-group .input-status{position:absolute;right:1rem;font-size:.85rem}.email-note{font-size:.8rem;color:var(--veil-onboard-muted);margin-top:.5rem;opacity:.8}.email-promise{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:var(--veil-onboard-radius-sm);margin-bottom:1.5rem;animation:fadeInUp .5s ease .3s forwards;opacity:0}.promise-icon{font-size:1rem}.promise-text{font-size:.85rem;color:#86eface6}.email-buttons{display:flex;gap:1rem;animation:fadeInUp .5s ease .4s forwards;opacity:0}.email-buttons .btn-secondary,.email-buttons .btn-primary{flex:1}.email-submit-container{display:flex;gap:1rem}.email-submit-container .btn-secondary,.email-submit-container .btn-primary{flex:1}@media (max-width: 480px){.email-title{flex-direction:column;gap:.5rem}.email-buttons,.email-submit-container{flex-direction:column-reverse}.benefit-item{padding:.5rem .75rem}.benefit-text{font-size:.85rem}}.transition-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;opacity:0;transition:opacity .6s ease-out;overflow:hidden}.transition-screen.visible{opacity:1}.transition-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.transition-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;animation:messageSlideIn .8s ease-out}.transition-text{font-size:18px;font-weight:500;color:#ffffffe6;text-shadow:0 2px 20px rgba(0,0,0,.4);padding:16px 32px;background:#14141466;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;letter-spacing:.5px;white-space:nowrap}.transition-fade{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0;z-index:3;transition:opacity 2s ease-in-out;pointer-events:none}.transition-fade.active{opacity:1}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 768px){.transition-text{font-size:16px;padding:14px 28px}}@media (max-width: 480px){.transition-text{font-size:14px;padding:12px 24px}}@supports (padding: max(0px)){.transition-screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}.landing-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,32px);overflow-y:auto;z-index:9999;animation:landingFadeIn .5s ease}.landing-video-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(135deg,#0a0412,#1a0a2e,#16001e,#0f0a1e,#0a0412)}.landing-video-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(140,92,255,.08),transparent 50%),radial-gradient(circle at 80% 80%,rgba(82,185,255,.06),transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,120,220,.05),transparent 60%);animation:gradientPulse 15s ease-in-out infinite}@keyframes gradientPulse{0%,to{opacity:.5}50%{opacity:.65}}.landing-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out;will-change:opacity;backface-visibility:hidden}.landing-video.is-active{opacity:1;z-index:1}.landing-video.is-loaded{opacity:1}@keyframes landingFadeIn{0%{opacity:0}to{opacity:1}}.landing-console{position:relative;padding:clamp(22px,3.6vw,30px);border-radius:32px;border:1px solid rgba(200,170,255,.22);background:linear-gradient(160deg,#120823bf,#080412ad);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);width:min(420px,90vw);min-height:200px;max-height:min(90vh,900px);height:auto;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 1px #ffffff38,0 24px 80px #0602148c;transition:max-height .6s cubic-bezier(.34,1.56,.64,1)}.landing-console:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(140% 120% at 0% 0%,rgba(140,92,255,.18),transparent 55%),radial-gradient(120% 120% at 100% 0%,rgba(82,185,255,.14),transparent 60%),radial-gradient(120% 160% at 100% 100%,rgba(255,120,220,.12),transparent 55%);opacity:.65;pointer-events:none;z-index:0}.landing-console>*{position:relative;z-index:1}.landing-logo{text-align:center;margin-bottom:.75rem;animation:landingFadeIn .5s ease}.landing-logo img{width:140px;height:140px;display:inline-block}@media (max-width: 768px){.landing-logo{margin-bottom:.5rem}.landing-logo img{width:84px;height:84px}}.landing-header{text-align:center;margin-bottom:1rem;animation:landingFadeInUp .4s ease forwards;opacity:0}@keyframes landingFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-title{font-family:Space Grotesk,Inter,Segoe UI,sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:0;text-transform:uppercase;margin:0;position:relative;padding-bottom:.75rem}.landing-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);height:2px;width:0;background:linear-gradient(90deg,transparent,rgba(220,190,255,.6),transparent)}.landing-title.animate:after{animation:landingLineExpand 1s ease forwards;animation-delay:1.5s}@keyframes landingLineExpand{0%{width:0;opacity:0}50%{opacity:1}to{width:80%;opacity:.85}}.landing-title-letter{display:inline-block;background:linear-gradient(135deg,#b8b8b8,#e5e5e5,#fff 40%,#f8f8f8,#fff 60%,#e5e5e5,#b8b8b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% auto;opacity:0;animation:landingLetterFadeIn .8s ease forwards;margin-right:.5em}.landing-title-letter:last-child{margin-right:0}.landing-title-letter:nth-child(1){animation-delay:.1s}.landing-title-letter:nth-child(2){animation-delay:.4s}.landing-title-letter:nth-child(3){animation-delay:.7s}.landing-title-letter:nth-child(4){animation-delay:1s}@keyframes landingLetterFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.85;transform:translateY(0)}}@media (max-width: 768px){.landing-title{font-size:1.6rem}}.landing-install-text{text-align:center;font-size:.95rem;font-weight:350;color:#ffffffd9;line-height:1.6;margin-bottom:1rem;animation:landingFadeIn .6s ease .5s both}.landing-install-text .highlight-word{font-weight:600;color:#dcbefff2}.landing-info-link{display:inline-block;color:#ffffffd9;text-decoration:none;font-size:.9rem;padding:6px 18px;margin-top:.5rem;background:#9b59b633;border:1px solid rgba(155,89,182,.4);border-radius:16px;transition:all .3s ease}.landing-info-link:hover{background:#9b59b659;border-color:#9b59b699;color:#fff;transform:translateY(-1px)}.landing-platforms{display:flex;gap:1rem;margin-bottom:.75rem;animation:landingFadeIn .6s ease .6s both}.landing-legal{display:flex;justify-content:center;align-items:center;gap:.5rem;animation:landingFadeIn .6s ease .7s both}.landing-legal a{color:#ffffff80;text-decoration:none;font-size:.75rem;transition:color .3s ease}.landing-legal a:hover{color:#fffc}.legal-separator{color:#ffffff4d;font-size:.75rem}.landing-platform-btn{flex:1;padding:16px 12px;border-radius:var(--veil-onboard-radius-sm, 12px);border:1px solid rgba(198,142,255,.25);background:#ffffff14;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing-platform-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:transparent;opacity:0;transition:opacity .3s ease}.landing-platform-btn:hover{border-color:#dcbeff4d;background:#a878ff14;transform:translateY(-2px)}.landing-platform-btn:hover:before{opacity:0}.platform-icon{width:128px;height:128px;display:flex;align-items:center;justify-content:center}.platform-name{font-size:.9rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.1em}.landing-quote{text-align:center;font-size:.8rem;font-weight:350;font-style:italic;color:#ffffff73;line-height:1.5;margin-top:2rem;margin-bottom:1rem;padding:0 1.5rem;animation:landingFadeIn .6s ease .7s both}.quote-author{display:block;margin-top:.5rem;font-size:.75rem;color:#ffffff59;font-style:normal}.landing-instructions{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.instructions-title{font-size:1.4rem;font-weight:700;color:#fffffff2;margin-bottom:.75rem;text-align:center;opacity:0;animation:instructionsFadeIn .4s ease forwards;animation-delay:.2s}@keyframes instructionsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#chromeLottieTitle,#safariLottieTitle{width:180px;height:180px;margin:0 auto;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}#chromeLottieTitle svg,#safariLottieTitle svg{mix-blend-mode:screen;filter:contrast(1.1) brightness(1.05)}.instructions-content{margin-bottom:1.25rem;opacity:0;animation:instructionsFadeIn .4s ease forwards;animation-delay:.25s}.browser-note{background:linear-gradient(135deg,#a878ff14,#845ce31f);border:1px solid rgba(198,142,255,.2);border-radius:8px;padding:12px 16px;margin-bottom:1.5rem;font-size:.9rem;font-weight:350;color:#fffc;line-height:1.5;text-align:center}.browser-note strong{color:#dcbefff2;font-weight:500}.install-steps{list-style:none;counter-reset:step-counter;padding:0}.install-steps li{counter-increment:step-counter;margin-bottom:1rem;padding-left:2rem;position:relative;color:#fffc;line-height:1.5;font-size:.9rem}.install-steps li:before{content:counter(step-counter);position:absolute;left:0;top:2px;width:20px;height:20px;background:#a878ff26;border:1px solid rgba(198,142,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.75rem;color:#dcbeffb3}.install-steps strong{color:#dcbefff2;font-weight:600}.landing-back-btn{display:block;width:auto;max-width:150px;margin:0 auto;padding:10px 24px;border-radius:20px;border:1px solid rgba(148,163,255,.3);background:linear-gradient(135deg,#60a5fa14,#845ce31f);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%);color:#ffffffe6;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;animation:instructionsFadeIn .4s ease forwards;animation-delay:.3s}.landing-back-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent);opacity:0;transition:opacity .3s ease}.landing-back-btn:hover{border-color:#94a3ff73;background:linear-gradient(135deg,#60a5fa26,#845ce333);transform:translateY(-1px)}.landing-back-btn:hover:before{opacity:1}@media (max-width: 768px){.landing-console{padding:20px}.landing-install-text{font-size:.85rem}.landing-platform-btn{padding:12px 8px}.platform-icon{width:96px;height:96px}.instructions-title{font-size:1.2rem;margin-bottom:.5rem}#chromeLottieTitle,#safariLottieTitle{width:140px;height:140px}.browser-note{font-size:.75rem;padding:10px 12px}.install-steps li{font-size:.8rem;padding-left:1.8rem}.install-steps li:before{width:18px;height:18px;font-size:.7rem}}.landing-info-panel{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;text-align:center;padding:16px 20px;display:flex;flex-direction:column;align-items:center}.info-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.25rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-intro{color:#ffffffe6;font-size:.9rem;line-height:1.6;margin-bottom:1.25rem;width:100%;max-width:340px}.info-content{width:100%;max-width:360px;margin:0 auto;padding:0 8px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:.75rem;max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(155,89,182,.4) transparent}.info-features{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem;width:100%;max-width:320px;margin-left:auto;margin-right:auto;align-items:center}.info-feature{color:#fffc;font-size:.85rem;padding:8px 14px;background:#9b59b626;border-radius:8px;border-left:3px solid #9B59B6;text-align:left;width:100%;max-width:320px}.info-business{background:#ffffff0d;border-radius:8px;padding:12px 16px;margin-bottom:1rem;width:100%;max-width:360px;margin-left:auto;margin-right:auto}.info-business p{margin:0;color:#ffffffb3;font-size:.8rem;line-height:1.5;text-align:center}.info-policies{margin-bottom:.25rem;width:100%;text-align:center}.info-policies a{color:#9b59b6;text-decoration:none;font-size:.9rem;transition:color .3s ease}.info-policies a:hover{color:#b370cf;text-decoration:underline}.info-contact{color:#ffffff80;font-size:.8rem;margin-bottom:.25rem;text-align:center}.info-contact a{color:#9b59b6;text-decoration:none}.info-contact a:hover{text-decoration:underline}.landing-policies-panel{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;text-align:left;padding:10px;max-height:450px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(155,89,182,.4) transparent}.landing-policies-panel::-webkit-scrollbar{width:6px}.landing-policies-panel::-webkit-scrollbar-track{background:transparent}.landing-policies-panel::-webkit-scrollbar-thumb{background:#9b59b666;border-radius:10px}.landing-policies-panel::-webkit-scrollbar-thumb:hover{background:#9b59b699}.policies-content,.policy-section{margin-bottom:1.25rem}.policy-section h4{color:#9b59b6;font-size:.95rem;margin-bottom:.5rem;font-weight:600}.policy-section p{color:#fffc;font-size:.8rem;line-height:1.6;margin:0}.policy-section a{color:#9b59b6;text-decoration:none}.policy-section a:hover{text-decoration:underline}.policy-full-link{margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(155,89,182,.2);text-align:center}.policy-full-link a{color:#fff9;font-size:.8rem;text-decoration:none;transition:color .3s ease}.policy-full-link a:hover{color:#9b59b6}.info-content::-webkit-scrollbar{width:6px}.info-content::-webkit-scrollbar-track{background:transparent}.info-content::-webkit-scrollbar-thumb{background:#9b59b666;border-radius:10px}.info-content::-webkit-scrollbar-thumb:hover{background:#9b59b699}@media (max-width: 768px){.landing-info-link{font-size:.85rem;padding:8px 20px}.landing-legal a{font-size:.7rem}.info-title{font-size:1.3rem;margin-bottom:1rem}.info-intro{font-size:.85rem;margin-bottom:1rem}.info-feature{font-size:.8rem;padding:6px 12px}.info-business{padding:10px 14px}.info-business p{font-size:.75rem}.policy-section h4{font-size:.9rem}.policy-section p{font-size:.75rem}}.incoming-call-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6a1fb5fa,#8d2eebfa);z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:voiceCallFadeIn .3s ease;padding:20px}.incoming-call-content{display:flex;flex-direction:column;align-items:center;gap:32px;max-width:400px;width:100%}.incoming-call-avatar{width:120px;height:120px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;font-weight:600;border:4px solid rgba(255,255,255,.4);animation:voiceCallPulse 2s ease-in-out infinite;background-size:cover;background-position:center}.incoming-call-avatar.with-image{font-size:0}.incoming-call-info{text-align:center}.incoming-call-name{font-size:28px;font-weight:600;color:#fff;margin-bottom:8px}.incoming-call-status{font-size:16px;color:#ffffffe6}.incoming-call-actions{display:flex;gap:40px;margin-top:20px}.call-action-btn{width:70px;height:70px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;position:relative}.call-action-btn:active{transform:scale(.95)}.call-action-btn svg{width:32px;height:32px;fill:#fff}.call-reject-btn{background:#ef4444;box-shadow:0 4px 20px #ef444480}.call-reject-btn:hover{background:#dc2626;box-shadow:0 6px 24px #ef444499}.call-accept-btn{background:#10b981;box-shadow:0 4px 20px #10b98180}.call-accept-btn:hover{background:#059669;box-shadow:0 6px 24px #10b98199}.active-call-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1f1f2dfa,#2d1f46fa);z-index:10000;display:flex;flex-direction:column;animation:voiceCallFadeIn .3s ease}.active-call-header{padding:20px;text-align:center}.active-call-status{font-size:14px;color:#ffffffb3;margin-bottom:4px}.active-call-name{font-size:24px;font-weight:600;color:#fff}.call-timer{font-size:16px;color:#fffc;margin-top:8px;font-variant-numeric:tabular-nums}.active-call-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:48px;padding:40px 20px}.active-call-avatar{width:160px;height:160px;border-radius:50%;background:#a878ff33;display:flex;align-items:center;justify-content:center;font-size:64px;color:#ffffffe6;font-weight:600;border:4px solid rgba(168,120,255,.4);background-size:cover;background-position:center}.active-call-avatar.with-image{font-size:0}.active-call-avatar.speaking{animation:voiceCallSpeaking .3s ease-in-out;border-color:#10b981cc;box-shadow:0 0 30px #10b98166}.active-call-controls{display:flex;gap:24px;align-items:center}.call-control-btn{width:64px;height:64px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;background:#ffffff1a}.call-control-btn:active{transform:scale(.95)}.call-control-btn svg{width:28px;height:28px;fill:#fff}.call-control-btn:hover{background:#ffffff26}.call-control-btn.active{background:#a878ff4d}.call-end-btn{background:#ef4444;width:72px;height:72px}.call-end-btn:hover{background:#dc2626;box-shadow:0 4px 20px #ef444466}.call-end-btn svg{width:32px;height:32px}.call-end-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:24px 40px;border-radius:12px;color:#fff;font-size:18px;text-align:center;animation:voiceCallFadeIn .3s ease;z-index:10}@keyframes voiceCallFadeIn{0%{opacity:0}to{opacity:1}}@keyframes voiceCallPulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 20px 10px #fff3}}@keyframes voiceCallSpeaking{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.header-phone-icon{width:40px;height:40px;border-radius:50%;background:#a878ff26;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:12px}.header-phone-icon:hover{background:#a878ff40;transform:scale(1.05)}.header-phone-icon:active{transform:scale(.95)}.header-phone-icon svg{width:20px;height:20px;fill:#a878ff}@media (max-width: 768px){.incoming-call-avatar{width:100px;height:100px;font-size:40px}.incoming-call-name{font-size:24px}.call-action-btn{width:64px;height:64px}.call-action-btn svg{width:28px;height:28px}.active-call-avatar{width:140px;height:140px;font-size:56px}.call-control-btn{width:56px;height:56px}.call-control-btn svg{width:24px;height:24px}.call-end-btn{width:64px;height:64px}}@supports (padding: env(safe-area-inset-top)){.incoming-call-modal,.active-call-modal{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}