: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}}*,*:before,*:after{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}input,textarea,[contenteditable=true]{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;-webkit-touch-callout:default}.selectable,.copyable{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}input,textarea,select,input[type=text],input[type=password],input[type=email],input[type=search],input[type=tel],input[type=url],input[type=number]{font-size:16px}@media (min-width: 768px) and (pointer: fine){input,textarea,select{font-size:inherit}}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(40px);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{animation:none;opacity:1}#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.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-profile-actions{display:none;align-items:center;gap:8px;margin-right:4px}.header-action-btn{padding:6px 14px;border-radius:16px;font-size:13px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.header-action-btn.cancel{background:#ffffff1a;color:#fffc}.header-action-btn.cancel:hover{background:#ffffff26}.header-action-btn.cancel:active{transform:scale(.95)}.header-action-btn.save{background:#1a1a1a;color:#fff;border:2px solid var(--veil-mode-sdm-glow, #9333ea)}.header-action-btn.save:hover{background:#252525}.header-action-btn.save:active{transform:scale(.95)}.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}.load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;margin:16px 0;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.load-more-btn:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf680}.load-more-btn:active:not(:disabled){transform:scale(.98)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}.load-more-btn .load-more-icon{font-size:16px}.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}.pending-indicator{animation:pendingPulse 2s ease-in-out infinite}@keyframes pendingPulse{0%,to{opacity:.5}50%{opacity:1}}.failed-indicator{animation:failedShake .5s ease-in-out}@keyframes failedShake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.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,.reply-close:active{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-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:70px;height:auto;display:flex;flex-direction:column}.input-container{position:fixed;bottom:70px;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:100px}}@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),.nav-arrow:active: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,.contact-back-btn:active{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-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,.contact-section:active{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,.contact-action-btn:active{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,.profile-action-btn.add:active .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,.profile-action-btn.remove:active .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,.profile-action-btn.block:active .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,.profile-action-btn.unblock:active .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,.profile-action-btn.clear:active .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,.profile-action-btn.mute:active .action-icon-circle{background:linear-gradient(135deg,#8b5cf659,#6d28d94d);box-shadow:0 0 24px #8b5cf680}.contact-action-btn.danger:hover,.contact-action-btn.danger:active{background:#ff3b301a}.header-info{cursor:pointer;transition:opacity .2s}.header-info:hover,.header-info:active{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,.profile-back-btn:active{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,.profile-save-btn:not(:disabled):active{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,.profile-save-btn-inline:not(:disabled):active{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-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,.badge-slot:active{transform:scale(1.1) rotate(-5deg);border-color:#8b5cf699}.badge-slot.filled:hover,.badge-slot.filled:active{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,.contact-action-btn.primary:active{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-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,.search-btn:active{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,.new-chat-btn:active{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,.profile-back-btn:active{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,.action-button:active{background:#ffffff14;border-color:#fff3}.action-button.danger{color:#ef4444;border-color:#ffffff1a}.action-button.danger:hover,.action-button.danger:active{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(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) 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,.modal-btn.btn-primary:active{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,.modal-btn.btn-secondary:active{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,.modal-btn.btn-danger:active{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,.options-button:active 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,.attachment-option:active{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,.attachment-option:active .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,.grid-image-wrapper:active{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,.lightbox-close:active{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,.lightbox-nav:active{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),.thumbnail-item:active:not(.active){border-color:#ffffff80}.contact-section.clickable{cursor:pointer;transition:background .2s}.contact-section.clickable:hover,.contact-section.clickable:active{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,.media-grid-item:active{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, #0a0a0a)}.photo-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border, rgba(255, 255, 255, .1))}.photo-editor-cancel{background:none;border:none;color:var(--text-primary, #ffffff);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, #ffffff)}.photo-editor-done{background:var(--accent, #9333ea);border:none;color:#fff;padding:8px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease}.photo-editor-done:active{background:var(--accent-hover, #7c22ce);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, rgba(255, 255, 255, .1))}.photo-editor-zoom{background:var(--bg-secondary, #1a1a1e);border:none;color:var(--text-primary, #ffffff);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.photo-editor-zoom:active{background:var(--bg-tertiary, #2a2a2e)}#photoEditorZoom{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-secondary, #1a1a1e);border-radius:2px;outline:none}#photoEditorZoom::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent, #9333ea);border-radius:50%;cursor:pointer}#photoEditorZoom::-moz-range-thumb{width:20px;height:20px;background:var(--accent, #9333ea);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,.profile-avatar-edit-btn:active{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;padding-bottom:env(safe-area-inset-bottom,0px);background:#242424;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.bottom-nav{height:70px;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(35px);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:center;padding-bottom:4px;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:70px;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,.section-tab:active{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,.empty-state-invite-btn:active{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,.btn-secondary:active{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,.settings-item:active{background:transparent}.settings-item:focus{outline:none}.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:transparent;border-radius:50%;margin-right:16px}.settings-icon.community-build-icon,.settings-icon.veilpedia-icon,.settings-icon.support-icon,.settings-icon.premium-icon,.settings-icon.blocked-users-icon,.settings-icon.account-icon,.settings-icon.encryption-icon,.settings-icon.account-security-icon,.settings-icon.customisation-icon,.settings-icon.veil-services-icon,.settings-icon.push-notifications-icon{background:#0006}.settings-icon.rgb-icon{background:transparent}.settings-icon.settings-profile-avatar{background:linear-gradient(135deg,var(--accent),var(--accent-hover));font-weight:600;font-size:16px;color:#fff;overflow:hidden}.veil-mode .settings-icon.settings-profile-avatar:not(.has-image){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box;border:2px solid transparent;color:var(--text-primary, #ffffff);transition:all .3s ease}.veil-mode .settings-icon.settings-profile-avatar:not(.has-image):hover,.veil-mode .settings-icon.settings-profile-avatar:not(.has-image):active{box-shadow:0 4px 12px #0000004d,0 0 16px var(--veil-mode-sdm-glow)}.veil-mode .settings-icon.settings-profile-avatar.has-image{box-shadow:0 2px 8px #00000040;border:none}.settings-icon.settings-profile-avatar.has-image{background-size:cover;background-position:center;background-repeat:no-repeat}[data-veil-theme=inner-circle] .settings-icon.settings-profile-avatar:not(.has-image){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) border-box;border:2px solid transparent;color:#d4af37}[data-veil-theme=inner-circle] .settings-icon.settings-profile-avatar.has-image{border:2px solid var(--veil-mode-sdm-glow);box-shadow:none}.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,.btn-danger:active{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:100px;-webkit-overflow-scrolling:touch}.input-container{position:fixed;bottom:70px;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:70px;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,.request-item:active{background:#ffffff0d}.request-item.sent{background:linear-gradient(135deg,#8b5cf60d,#7c3aed08);border:1px solid rgba(139,92,246,.2)}.request-item.sent:hover,.request-item.sent:active{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,.btn-accept:active{background:#10b9814d;transform:scale(1.1)}.btn-cancel{background:#ffffff1a;color:#fff9}.btn-cancel:hover,.btn-cancel:active{background:#ef444433;color:#ef4444;transform:scale(1.1)}.btn-reject{background:#ef444433;color:#ef4444}.btn-reject:hover,.btn-reject:active{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,.panel-close:active{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,.btn-add-member:active{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,.btn-remove-member:active{opacity:1;color:#f44}.contact-select-item{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background .2s}.contact-select-item:hover,.contact-select-item:active{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,.modal .action-btn:active{background:var(--bg-tertiary)}.modal .action-btn.danger{color:#f44}.modal .action-btn.danger:hover,.modal .action-btn.danger:active{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,.btn-add-member:active{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,.member-item:active{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,.btn-promote-member:active{color:gold;transform:scale(1.1)}.btn-demote-member:hover,.btn-demote-member:active{color:#ff9800;transform:scale(1.1)}.btn-remove-member:hover,.btn-remove-member:active{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,.setting-item:active{background:var(--bg-tertiary);transform:translate(2px)}.setting-item.danger{background:var(--bg-secondary)}.setting-item.danger:hover,.setting-item.danger:active{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,.setting-select:active{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,.contact-info-panel .action-btn:active{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,.contact-info-panel .action-btn.danger:active{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,.view-in-chat-btn:active{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,.contact-select-item:active{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(40px);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(40px);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(20px);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,.shared-media-header .back-btn:active{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,.media-grid-item:active{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,.media-grid-item:active 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}@keyframes spin{to{transform:rotate(360deg)}}.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,.context-menu-item:active{background:#9333ea33;border-color:#9333ea66;transform:translate(3px)}.context-menu-item.danger{color:#ff6b6b;border-color:#ff6b6b33}.context-menu-item.danger:hover,.context-menu-item.danger:active{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,.pinned-cycle-arrow:active{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,.voice-preview-play:active{background:#8047f340;transform:scale(1.1)}.voice-preview-delete{background:#ff3b3026;color:#ff3b30}.voice-preview-delete:hover,.voice-preview-delete:active{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,.input-container.recording .attach-button.voice-cancel-btn:active{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,.voice-effects-close:active{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,.effect-card:active .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,.effect-card.locked:active .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,.test-record-btn:active{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),.test-play-btn:active: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,.upgrade-modal-btn.primary:active{transform:translateY(-2px);box-shadow:0 12px 32px #8c5cff73}.upgrade-modal-btn.secondary{background:#ffffff14;color:#faf5ffbf}.upgrade-modal-btn.secondary:hover,.upgrade-modal-btn.secondary:active{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,.blocked-user-item:active{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,.header-phone-icon:active 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,.veil-mode .veil-bloom:active: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:transparent!important}.veil-mode .invitations-bubble-wrapper{background:#0c0c108c!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid var(--veil-mode-bubble-border, rgba(255, 255, 255, .08))!important;transition:background .6s ease-out!important}.veil-mode .invitations-card:after{background:#12161ceb!important}.veil-mode .invitations-card:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),color-mix(in srgb,var(--veil-mode-sdm-glow) 70%,var(--veil-mode-nav-gradient-end) 30%),var(--veil-mode-nav-gradient-end),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 70%,var(--veil-mode-sdm-glow) 30%),var(--veil-mode-sdm-glow))!important;background-size:100% 100%!important;animation:none!important}.veil-mode .invitations-icon-bubble{background:linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end))!important}.veil-mode .invitations-icon-bubble:before{background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 10%,transparent)),#1a1a1a!important}.veil-mode .invitations-hero:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),color-mix(in srgb,var(--veil-mode-sdm-glow) 70%,var(--veil-mode-nav-gradient-end) 30%),var(--veil-mode-nav-gradient-end),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 70%,var(--veil-mode-sdm-glow) 30%),var(--veil-mode-sdm-glow))!important;background-size:100% 100%!important;animation:none!important;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%)!important;mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%)!important}.veil-mode .invitations-generate-bubble{background:#0000004d!important;border-color:#ffffff14!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 .invitations-code-pill:before{background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 50%,transparent 50%),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 50%,transparent 50%))!important}.veil-mode .invitations-code-pill.pill-used:before{background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-nav-gradient-end) 50%,transparent 50%),color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent 70%))!important}.veil-mode .pill-code{color:var(--veil-mode-sdm-glow)!important}.veil-mode .pill-username{color:var(--veil-mode-nav-gradient-end)!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:before{background:linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end))!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}.veil-mode .empty-state-invite-btn:hover,.veil-mode .empty-state-invite-btn:active{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 .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}.veil-mode .reveal-copy-btn:before{background:linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end))!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,.veil-mode .chat-item-wrapper:active{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,.veil-mode .chat-item-wrapper:active .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,.veil-mode .btn-add-contact:active{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}.referral-tooltip.veil-mode .referral-tooltip-icon 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 .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;position:relative}.veil-mode .settings-overlay-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--veil-mode-gradient);pointer-events:none;z-index:0}.veil-mode .settings-container{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.veil-mode .community-build-overlay-container{background:linear-gradient(180deg,#141418fa,#0c0c10f2)!important;transition:background .6s ease-out;position:relative}.veil-mode .community-build-overlay-container:before{display:none}.veil-mode .settings-section{background:#141418f2!important;border:none!important;border-radius:16px!important;padding:12px!important;margin-bottom:16px!important;box-shadow:none!important;position:relative!important;z-index:1!important}.veil-mode .settings-section:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(90deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 75%,black),color-mix(in srgb,var(--veil-mode-sdm-glow) 55%,var(--veil-mode-nav-gradient-end) 20%),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 75%,black),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 55%,var(--veil-mode-sdm-glow) 20%),color-mix(in srgb,var(--veil-mode-sdm-glow) 75%,black));background-size:400% 100%;animation:settingsGradientFlow 60s linear infinite,settingsGradientBreathe 25s ease-in-out infinite;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%)}.veil-mode .settings-section:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;background:#141418fa;z-index:-1}@keyframes settingsGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}@keyframes settingsGradientBreathe{0%,to{opacity:.6}50%{opacity:.9}}[data-veil-theme=inner-circle] .settings-section:before{--shimmer-span: 220vmax;background:linear-gradient(135deg,#aa771c,#bf953f,#aa771c 30%,#fffef8,#aa771c 70%,#bf953f,#aa771c);background-size:var(--shimmer-span) var(--shimmer-span);background-position:calc(50% - var(--shimmer-span)) calc(50% - var(--shimmer-span));-webkit-mask-image:none;mask-image:none;opacity:.9;animation:innerCircleShimmer 10s linear infinite}[data-veil-theme=inner-circle] .settings-section:after{background:#141418fa;animation:none}@keyframes innerCircleShimmer{0%,40%{background-position:calc(50% - 220vmax) calc(50% - 220vmax)}50%{background-position:50% 50%}60%,to{background-position:calc(50% + 220vmax) calc(50% + 220vmax)}}.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),.veil-mode .connection-card:active: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,.veil-mode .generate-btn:active{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,.veil-mode .code-action-btn:active{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,.veil-mode .branch-item:active{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,.veil-mode .branch-revoke-icon:active{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,.veil-mode .branch-action:active{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,.veil-mode .settings-v2-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:0!important;padding:14px 4px!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;transition:background .15s ease!important}.veil-mode .settings-item:last-child,.veil-mode .settings-subitem:last-child{border-bottom:none!important}.veil-mode .settings-item:active{background:#ffffff0d!important}.veil-mode .settings-item:hover,.veil-mode .settings-item:focus,.veil-mode .settings-item:focus-visible{outline:none!important;background:transparent!important;box-shadow:none!important;transform:none!important}.veil-mode .settings-section-title{display:block!important;padding:0 0 0 4px!important;font-size:13px!important;font-weight:600!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#fff9!important;background:transparent!important;border:none!important;margin:0 0 12px!important}.veil-mode .settings-item .settings-label{font-size:14px!important;font-weight:600!important;color:#fffffff2!important}.veil-mode .settings-item .settings-value{font-size:12px!important;color:#ffffff80!important;margin-top:2px!important}.veil-mode .btn-danger#logoutBtn{position:relative!important;background:#141418f2!important;border:none!important;color:#ffffffe6!important;padding:14px 24px!important;border-radius:12px!important;font-weight:600!important;z-index:1!important}.veil-mode .btn-danger#logoutBtn:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:13px;background:linear-gradient(135deg,#7f1d1d,#991b1b);z-index:-1;opacity:.6}.veil-mode .btn-danger#logoutBtn:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:11px;background:#141418fa;z-index:-1}.veil-mode .btn-danger#logoutBtn svg{color:#ef4444!important;fill:#ef4444!important}.veil-mode .btn-danger#logoutBtn:hover,.veil-mode .btn-danger#logoutBtn:active{transform:none!important;background:#141418f2!important}.veil-mode .premium-spotlight:before{-webkit-mask-image:none!important;mask-image:none!important}.veil-mode .premium-spotlight-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--veil-mode-sdm-glow);margin-bottom:8px;position:relative}.veil-mode .premium-spotlight-title{font-size:20px;font-weight:700;margin-bottom:8px;position:relative;color:#fff}.veil-mode .premium-purple-gradient{background: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}.veil-mode .premium-gold-text{background:linear-gradient(135deg,gold,orange);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.veil-mode .premium-spotlight-desc{font-size:14px;color:#ffffffb3;line-height:1.5;margin-bottom:16px;position:relative}.veil-mode .premium-spotlight-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:24px;border:2px solid transparent;background:linear-gradient(#141414e6,#141414e6) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box;font-size:14px;font-weight:600;color:#fff;position:relative}.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,.veil-mode .display-mode-card:active{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}[data-veil-theme=inner-circle] .message.me .message-bubble{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,#aa771c,#bf953f 40%,#fcf6ba,#bf953f 60%,#aa771c) border-box!important;border:2px solid transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 4px 12px #0000004d!important}[data-veil-theme=inner-circle] .message.me .message-bubble .message-content{color:#fff!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[data-veil-theme=inner-circle] .message.them .message-bubble,[data-veil-theme=inner-circle].veil-mode .message.them .message-bubble,[data-veil-theme=inner-circle] .veil-mode .message.them .message-bubble{background:linear-gradient(135deg,#0f0f0f,#191919)!important;border:1px solid rgba(192,192,192,.5)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!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;border:2px solid var(--veil-mode-sdm-glow);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,.veil-mode .options-button:active{transform:translateY(-2px) scale(1.05)!important}.veil-mode .options-button:hover svg,.veil-mode .options-button:active 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%)}.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;border:2px solid var(--veil-mode-sdm-glow);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,.veil-mode .send-button:active{border:2px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 82%,#ffffff 18%)}.veil-mode .send-button:hover svg,.veil-mode .send-button:active svg{fill:#fff!important}.veil-mode .send-button:active,.veil-mode .send-button.veil-button-pressed{background:#141414;border:3px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#e0f2fe 60%);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.me .message-reply:active .reply-thumbnail,.veil-mode .message.them .message-reply:hover .reply-thumbnail,.veil-mode .message.them .message-reply:active .reply-thumbnail,.veil-mode .message-reply:hover .reply-thumbnail,.veil-mode .message-reply:active .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.me .message-reply:active .reply-thumbnail img,.veil-mode .message.them .message-reply:hover .reply-thumbnail img,.veil-mode .message.them .message-reply:active .reply-thumbnail img,.veil-mode .message-reply:hover .reply-thumbnail img,.veil-mode .message-reply:active .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 var(--veil-mode-sdm-glow)!important;transition:all .2s ease!important}@supports (color: color-mix(in srgb,red,blue)){.attachment-menu.veil-mode .attachment-option{border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 65%,transparent)!important}}.attachment-menu.veil-mode .attachment-option:hover,.attachment-menu.veil-mode .attachment-option:active{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,.attachment-menu.veil-mode .attachment-option:active .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(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(139,92,246,.3)!important;box-shadow:0 8px 32px #0009,0 0 60px #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,.context-menu.veil-mode .context-menu-item:active{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,.context-menu.veil-mode .context-menu-item.danger:active{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(20px)!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,.veil-mode .bottom-nav .nav-item:active>.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}.veil-mode .cb-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .cb-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .vp-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .vp-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .support-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .support-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .premium-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .premium-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .blocked-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .blocked-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .account-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .account-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .encryption-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .encryption-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .account-security-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .account-security-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .customisation-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .customisation-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .veil-services-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .veil-services-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!important}.veil-mode .push-notifications-gradient-start{stop-color:var(--veil-mode-sdm-glow)!important}.veil-mode .push-notifications-gradient-end{stop-color:var(--veil-mode-nav-gradient-end)!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}[data-veil-theme=inner-circle] .nav-item.active:before,[data-veil-theme=inner-circle].veil-mode .nav-item.active:before,.veil-mode[data-veil-theme=inner-circle] .nav-item.active:before{background:linear-gradient(to right,#aa771c,#bf953f 25%,#fcf6ba 40%,#fcf6ba 60%,#bf953f 75%,#aa771c)!important}.modal-overlay.veil-mode{background:#0006!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}.modal-overlay.veil-mode .modal-shell{display:flex!important;flex-direction:column!important;align-items:center!important;max-width:400px!important;width:calc(100% - 40px)!important}.modal-overlay.veil-mode .modal-title{position:relative!important;z-index:10!important;display:inline-block!important;color:#fff!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;padding:8px 20px!important;margin:0 0 -14px!important;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:3px solid transparent!important;border-radius:20px!important}.modal-overlay.veil-mode .modal-container{background:linear-gradient(135deg,#14141cf2,#0c0c10f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:2px solid transparent!important;border-radius:20px!important;box-shadow:0 8px 32px #0006!important;padding:24px 20px 20px!important;width:100%!important}[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-title{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(90deg,#aa771c,#bf953f,#fcf6ba,#bf953f,#aa771c) border-box!important;border:3px solid transparent!important;color:#d4af37!important}[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-container{background:linear-gradient(135deg,#14141cf2,#0c0c10f2) padding-box,linear-gradient(135deg,#aa771c,#bf953f,#fcf6ba,#bf953f,#aa771c) border-box!important;border:2px solid transparent!important}[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-btn,[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-btn-confirm,[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-btn-cancel,[data-veil-theme=inner-circle] .modal-overlay.veil-mode .btn-primary,[data-veil-theme=inner-circle] .modal-overlay.veil-mode .btn-secondary{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(90deg,#aa771c,#bf953f 40%,#fcf6ba,#bf953f 60%,#aa771c) border-box!important;border:2px solid transparent!important;color:#d4af37!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}.modal-overlay.veil-mode .modal-message{color:#ffffff80!important}.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 strong[style*="text-align: center"]{text-align:center!important}.modal-overlay.veil-mode .modal-buttons .modal-btn:last-child{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,#ef4444,#dc2626) border-box!important}[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-buttons .modal-btn:last-child{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(90deg,#aa771c,#bf953f 40%,#fcf6ba,#bf953f 60%,#aa771c) border-box!important;color:#d4af37!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-buttons,.modal-overlay.veil-mode .modal-footer{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.modal-overlay.veil-mode .modal-btn{flex:1 1 auto!important;min-width:80px!important;padding:10px 16px!important;border-radius:20px!important;font-size:13px!important;font-weight:600!important;background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:#ffffffe6!important;transition:transform .15s ease!important}.modal-overlay.veil-mode .modal-btn:active{transform:scale(.95)}.modal-overlay.veil-mode .modal-btn[style*=ef4444],.modal-overlay.veil-mode .modal-btn[style*="rgb(239, 68, 68)"]{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#ef4444,#dc2626) border-box!important;border:2px solid transparent!important;color:#fffffff2!important;border-radius:24px!important;padding:12px 24px;font-weight:600;transition:transform .15s ease!important}.modal-overlay.veil-mode .modal-btn[style*=ef4444]:active,.modal-overlay.veil-mode .modal-btn[style*="rgb(239, 68, 68)"]:active{transform:scale(.95)}.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:border-color .2s ease,background .2s ease!important}.modal-overlay.veil-mode #passwordInput:focus{border:1px solid var(--veil-mode-sdm-glow, rgba(139, 92, 246, .6))!important;outline:none!important;background:#ffffff14!important}.modal-overlay.veil-mode #passwordInput::placeholder{color:#fff6!important}.modal-overlay.veil-mode #errorMessage{color:#ff6b6b!important}.modal-overlay.veil-mode #countdownContainer{color:#ffffffe6!important}.modal-overlay.veil-mode #countdownNumber{color:#ef4444!important;font-weight:700}.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 textarea.form-input,.modal-overlay.veil-mode textarea.modal-input{resize:none!important}[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-input,[data-veil-theme=inner-circle] .modal-overlay.veil-mode .form-input{border:1px solid rgba(191,149,63,.4)!important}[data-veil-theme=inner-circle] .modal-overlay.veil-mode .modal-input:focus,[data-veil-theme=inner-circle] .modal-overlay.veil-mode .form-input:focus{border:1px solid #BF953F!important;box-shadow:0 0 8px #bf953f4d!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}[data-veil-theme=inner-circle] .modal-overlay.veil-mode .form-group label{background:linear-gradient(90deg,#bf953f,#d4af37,#fcf6ba,#d4af37,#bf953f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.modal-overlay.veil-mode .modal-btn-confirm,.modal-overlay.veil-mode .btn-primary{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box!important;border:2px solid transparent!important;color:#fffffff2!important;border-radius:24px!important;padding:12px 24px!important;font-weight:600!important;transition:transform .15s ease!important}.modal-overlay.veil-mode .modal-btn-confirm:active,.modal-overlay.veil-mode .btn-primary:active{transform:scale(.95)}.modal-overlay.veil-mode .modal-btn-cancel,.modal-overlay.veil-mode .btn-secondary{background:linear-gradient(#1a1a1a,#1a1a1a) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:#ffffffe6!important;border-radius:20px!important;padding:10px 16px!important;font-weight:600!important;transition:transform .15s ease!important}.modal-overlay.veil-mode .modal-btn-cancel:active,.modal-overlay.veil-mode .btn-secondary:active{transform:scale(.95)}.danger-confirm-overlay.modal-overlay.veil-mode,.danger-confirm-overlay.modal-overlay,.danger-confirm-overlay{background:#0009!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.danger-confirm-overlay .modal-btn-cancel-grey{background:transparent!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:50px!important;color:#ffffffd9!important}.danger-confirm-overlay .modal-btn-confirm-danger{background:#ef444426!important;border:1px solid rgba(239,68,68,.5)!important;border-radius:50px!important;color:#ef4444!important}.danger-confirm-modal{box-shadow:none!important}.danger-confirm-modal .modal-title{display:inline-block!important;padding:8px 20px!important;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box!important;border:2px solid transparent!important;border-radius:50px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;letter-spacing:1.5px!important;text-transform:uppercase!important;animation:dangerPulse 2s ease-in-out infinite!important;box-shadow:none!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,.veil-mode .archived-chat-item:active{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,.veil-mode .unarchive-btn:active{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(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) 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,.notification-center-overlay.veil-mode .notification-center-close:active{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,.notification-center-overlay.veil-mode .notif-tab:active{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,.notification-center-overlay.veil-mode .notification-pill:active{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,.notification-center-overlay.veil-mode .notification-pill.unread:active{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(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) 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,.notification-modal-overlay.veil-mode .notification-modal-close:active{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,.notification-modal-overlay.veil-mode .notification-modal-action-btn:active{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,.notification-modal-overlay.veil-mode .notification-modal-dismiss-btn:active{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(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;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(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;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 .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,.veil-mode .view-in-chat-btn:active{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,.voice-effects-modal.veil-mode .test-play-btn:not(:disabled):active{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;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:2px solid var(--veil-mode-sdm-glow);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;border:3px solid color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#e0f2fe 60%);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%);box-shadow:0 2px 8px #0006,0 0 24px color-mix(in srgb,var(--veil-mode-sdm-glow) 40%,#bae6fd 60%)!important}[data-veil-theme=inner-circle] .veil-mode .options-button,[data-veil-theme=inner-circle] .veil-mode .send-button,[data-veil-theme=inner-circle] .veil-mode .header-phone-icon{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) border-box!important;border:2px solid transparent!important;box-shadow:0 4px 12px #0000004d!important}.veil-mode #premiumSection{background:transparent!important;border:none!important;box-shadow:none!important}.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 #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 .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,.veil-mode .call-end-btn:active{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,.veil-mode .sdm-mode-btn:active{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,.veil-mode .sdm-fuse-btn:active{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,.veil-mode .sdm-cancel-btn:active{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,.veil-mode .sdm-activate-btn:active{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}.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,.veilmoji-close:active{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:8px;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 10px;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px;max-width:70px;position:relative;flex-shrink:0}.veilmoji-tab:hover,.veilmoji-tab:active{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:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-transform:uppercase;letter-spacing:.3px}.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(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) 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,.veilmoji-picker-overlay.veil-mode .veilmoji-tab:active{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,.veilmoji-picker-overlay.veil-mode .veilmoji-item:active{background:var(--veil-mode-gradient);transform:scale(1.08);transition:all .3s ease}.veilmoji-picker-overlay.veil-mode .veilmoji-close:hover,.veilmoji-picker-overlay.veil-mode .veilmoji-close:active{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:6px}.veilmoji-tab{min-width:48px;max-width:60px;padding:6px}.tab-icon{font-size:18px}.tab-label{font-size:8px}.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%}}.premium-trial-status-card{background:linear-gradient(135deg,#8b5cf626,#fbbf241a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;border:1px solid rgba(251,191,36,.3);padding:1.25rem;margin-bottom:1rem;position:relative;overflow:hidden}.premium-trial-status-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b,#b794f6)}.trial-status-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.trial-status-icon{font-size:1.25rem}.trial-status-title{font-size:1.1rem;font-weight:600;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.trial-status-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.trial-countdown{display:flex;align-items:baseline;gap:.35rem}.trial-days{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.trial-days-label{font-size:.85rem;color:#fff9}.trial-end-date{font-size:.85rem;color:#ffffffb3;text-align:right}.trial-end-date strong{color:#ffffffe6}.trial-status-message{font-size:.9rem;line-height:1.5;color:#fffc}.trial-status-message p{margin:0 0 .75rem}.trial-status-message p:last-child{margin-bottom:0}.trial-upgrade-hint{color:#ffffffe6;font-weight:500}.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,.classic-mode .chat-item-wrapper:active{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,.classic-mode .chat-item-wrapper.pinned:active{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,.veil-mode .section-tab:active{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 .cb-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 .cb-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 .cb-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 .cb-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,.veil-mode .request-item:active: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,.veil-mode .request-actions button:active{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,.veil-mode .request-item:active .request-avatar{transform:scale(1.05)}.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,.veil-mode .btn-add-contact:active{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,.veil-mode #contactsSearchClear:active{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,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:var(--text-primary, #ffffff)!important;transition:all .3s ease!important}.veil-mode .chat-avatar:hover,.veil-mode .chat-avatar:active{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:none!important}.veil-mode .header-avatar:not(.with-image){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:var(--text-primary, #ffffff)!important}.veil-mode .header-avatar:hover,.veil-mode .header-avatar:active{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:none!important}.veil-mode .message-sender-avatar:not(.with-image){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:var(--text-primary, #ffffff)!important;box-shadow:0 2px 6px #0003!important}.veil-mode .message-sender-avatar.with-image{box-shadow:0 2px 6px #0003!important;border:none!important}.veil-mode .contact-avatar .avatar-placeholder{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:var(--text-primary, #ffffff)!important;box-shadow:0 2px 8px #0003!important}.veil-mode .contact-avatar:hover .avatar-placeholder,.veil-mode .contact-avatar:active .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:none!important}[data-veil-theme=inner-circle] .chat-avatar:not(.contact-avatar-with-image){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) border-box!important;border:2px solid transparent!important;color:#d4af37!important}[data-veil-theme=inner-circle] .header-avatar:not(.with-image){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) border-box!important;border:2px solid transparent!important;color:#d4af37!important}[data-veil-theme=inner-circle] .message-sender-avatar:not(.with-image){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) border-box!important;border:2px solid transparent!important;color:#d4af37!important}[data-veil-theme=inner-circle] .contact-avatar .avatar-placeholder{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c) border-box!important;border:2px solid transparent!important;color:#d4af37!important}[data-veil-theme=inner-circle] .chat-avatar.contact-avatar-with-image,[data-veil-theme=inner-circle] .header-avatar.with-image,[data-veil-theme=inner-circle] .message-sender-avatar.with-image{border:2px solid var(--veil-mode-sdm-glow)!important;box-shadow:none!important}[data-veil-theme=inner-circle] .contact-avatar img{border:none!important;box-shadow:none!important}.veil-mode .group-avatar-placeholder:not(img){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:var(--text-primary, #ffffff)!important;box-shadow:0 2px 6px #0003!important;transition:all .3s ease!important}.veil-mode .group-avatar-placeholder:hover,.veil-mode .group-avatar-placeholder:active{box-shadow:0 4px 10px #00000040!important;transform:scale(1.03)}.veil-mode .group-avatar img{box-shadow:0 2px 8px #0000004d!important;border:none!important}.veil-mode .group-avatar-large:not(:has(img)){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:3px solid transparent!important;color:var(--text-primary, #ffffff)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 2px 8px #00000040!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}[data-veil-theme=inner-circle] .group-avatar-placeholder:not(img){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:2px solid transparent!important;color:var(--veil-mode-sdm-glow)!important}[data-veil-theme=inner-circle] .group-avatar img{border:2px solid var(--veil-mode-sdm-glow)!important;box-shadow:none!important}[data-veil-theme=inner-circle] .group-avatar-large:not(:has(img)){background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important;border:3px solid transparent!important;color:var(--veil-mode-sdm-glow)!important}[data-veil-theme=inner-circle] .group-avatar-large img{border:3px solid var(--veil-mode-sdm-glow)!important;border-radius:50%!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,.veil-mode .support-ticket-card:active{background:#232328fa!important;border-color:var(--veil-mode-sdm-glow)!important;box-shadow:0 4px 16px #0000004d!important}.support-new-ticket-btn,.support-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#ec4899) border-box;border:2px solid transparent;border-radius:50px;color:#fffffff2;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.support-new-ticket-btn:active,.support-submit-btn:active{transform:scale(.98)}.veil-mode .support-new-ticket-btn,.veil-mode .support-submit-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box!important}:root[data-veil-theme=veil] .veil-mode .support-new-ticket-btn,:root[data-veil-theme=veil] .veil-mode .support-submit-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#8b5cf6,#a78bfa,#d946ef) border-box!important}:root[data-veil-theme=ocean] .veil-mode .support-new-ticket-btn,:root[data-veil-theme=ocean] .veil-mode .support-submit-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#0e77ff,#3b9eff,#37d2ff) border-box!important}:root[data-veil-theme=aurora] .veil-mode .support-new-ticket-btn,:root[data-veil-theme=aurora] .veil-mode .support-submit-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#00f37f,#4fffaa,#00d0ff) border-box!important}:root[data-veil-theme=cyberpunk] .veil-mode .support-new-ticket-btn,:root[data-veil-theme=cyberpunk] .veil-mode .support-submit-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#f0f,#f6f,#0ff) border-box!important}[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}}.settings-submenu{padding-left:16px}.settings-submenu-nested{padding-left:32px}.recovery-page{display:flex;flex-direction:column;gap:20px;padding:16px 16px 24px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100%}.recovery-wrapper{background:#0c0c108c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:20px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;overflow:visible}.recovery-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 20px 24px;border-radius:20px;background:transparent;z-index:1}.recovery-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,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899));position:relative}.recovery-icon-bubble:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:#0c0c10}.recovery-icon-bubble #recoveryKeyLottie{width:72px;height:72px;position:relative;z-index:1}.recovery-icon-bubble #recoveryKeyLottie svg path,.recovery-icon-bubble #recoveryKeyLottie svg circle,.recovery-icon-bubble #recoveryKeyLottie svg line{stroke:url(#recoveryKeyGradient)!important}.recovery-hero:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 70%,white),var(--veil-mode-nav-gradient-end, #ec4899),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #f472b6) 70%,white),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 70%,white),var(--veil-mode-sdm-glow, #9333ea));background-size:400% 100%;animation:recoveryGradientFlow 15s linear infinite;z-index:-2;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%)}.recovery-hero:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:19px;background:#121218fa;z-index:-1}@keyframes recoveryGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}.recovery-hero-content{text-align:center}.recovery-hero-title{font-size:20px;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,silver,#fff,silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recovery-hero-tagline{font-size:13px;margin:0;color:#fff9}.recovery-hero-desc{font-size:12px;line-height:1.6;margin:12px 0 0;color:#ffffff80;max-width:320px}.recovery-gradient{font-weight:600;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.support-wrapper{position:relative;background:transparent;border-radius:16px;padding:0}.support-hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 20px 16px;margin-bottom:16px;border-radius:20px;overflow:hidden}.support-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 70%,white),var(--veil-mode-nav-gradient-end, #ec4899),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #f472b6) 70%,white),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 70%,white),var(--veil-mode-sdm-glow, #9333ea));background-size:400% 100%;animation:recoveryGradientFlow 15s linear infinite;z-index:-2;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%)}.support-hero:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:18px;background:#121218fa;z-index:-1}.support-back-btn{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #6366f1)),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffd9;cursor:pointer;transition:transform .15s ease}.support-back-btn:hover,.support-back-btn:active{transform:scale(.95)}.rgb-settings-wrapper{position:relative}.rgb-back-btn{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 60%,var(--veil-mode-nav-gradient-end, #6366f1) 40%),var(--veil-mode-nav-gradient-end, #6366f1)) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffd9;cursor:pointer;transition:transform .15s ease}.rgb-back-btn:hover,.rgb-back-btn:active{transform:scale(.95)}.rgb-back-btn svg{width:18px;height:18px}.support-hero-icon{width:48px;height:48px;margin-bottom:12px}.support-hero-icon svg{width:100%;height:100%}.support-hero-icon .support-gradient-start{stop-color:var(--veil-mode-sdm-glow, #9333ea)}.support-hero-icon .support-gradient-end{stop-color:var(--veil-mode-nav-gradient-end, #ec4899)}.support-hero-content{text-align:center}.support-hero-title{font-size:20px;font-weight:700;margin:0 0 4px;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.support-hero-tagline{font-size:13px;margin:0;color:#fff9}.support-hero-desc{font-size:12px;line-height:1.6;margin:12px 0 0;color:#ffffff80;max-width:320px}.support-gradient{font-weight:600;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent}.support-new-ticket-btn{width:100%;padding:14px 24px;font-size:15px;font-weight:600;color:#ffffffe6;background:#19191e;border:2px solid var(--veil-mode-bubble-border, rgba(255, 255, 255, .12));border-radius:50px;cursor:pointer;transition:opacity .15s ease,border-color .3s ease}.support-new-ticket-btn:active{opacity:.85}.recovery-info-btn{position:absolute;top:12px;right:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #6366f1)),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffd9;cursor:pointer;transition:transform .15s ease}.recovery-info-btn:active{transform:scale(.9)}.recovery-info-btn svg{width:22px;height:22px}.recovery-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .2s ease}.recovery-info-overlay.visible{opacity:1}.recovery-info-modal{background:#121218f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:300px;width:90%;text-align:center;position:relative;transform:scale(.9);transition:transform .2s ease;overflow:hidden}.recovery-info-overlay.visible .recovery-info-modal{transform:scale(1)}.recovery-info-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #6366f1)),var(--veil-mode-nav-gradient-end, #ec4899))}.recovery-info-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.recovery-info-close:active{color:#ffffffe6}.recovery-info-preview{padding:20px 20px 14px}.recovery-info-pill{display:inline-block;padding:8px 20px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #6366f1)),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:3px solid transparent;border-radius:20px}.recovery-info-desc{font-size:12px;color:#ffffffa6;line-height:1.6;padding:0 20px 20px}.recovery-info-desc p{margin:0 0 12px}.recovery-info-desc p:last-child{margin-bottom:0}.recovery-info-highlight:not(.danger){color:var(--veil-mode-sdm-glow, rgba(168, 85, 247, .9));font-weight:600}.recovery-info-btn.danger{position:absolute;top:12px;right:12px;width:40px;height:40px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box!important}.recovery-info-btn.danger svg{width:22px;height:22px}.recovery-info-modal.danger:before{background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c)!important}.recovery-info-pill.danger{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box!important;animation:dangerPulse 2s ease-in-out infinite}@keyframes dangerPulse{0%,to{opacity:1}50%{opacity:.7}}.danger-emoji{position:relative;top:-1px}.recovery-info-highlight.danger{color:#ef4444!important}.recovery-info-modal.danger ul{text-align:left;margin:16px 0;padding-left:24px;list-style-type:disc}.recovery-info-modal.danger ul li{margin-bottom:8px;color:#ffffffbf;line-height:1.5}.recovery-info-modal.danger ul li strong{color:#ef4444}.recovery-danger-toggle{position:relative;overflow:hidden;width:100%;padding:16px 20px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef444480,#dc26264d) border-box;border:2px solid transparent;border-radius:50px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s}.recovery-danger-toggle:active{transform:scale(.98)}.recovery-danger-toggle.expanded{background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box;color:#ef4444}.recovery-danger-progress{position:absolute;bottom:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:0 0 50px 50px;transition:none}.recovery-danger-progress.filling{width:100%;transition:width 1.5s linear}.recovery-danger-toggle.holding{animation:dangerBreathe 2s ease-in-out infinite;border:2px solid #ef4444;color:#ef4444}.recovery-danger-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out,margin .3s ease-out;opacity:0;margin-top:0}.recovery-danger-content.expanded{max-height:100px;opacity:1;margin-top:12px}.recovery-btn-danger-solid{width:100%;padding:14px 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.4);border-radius:50px!important;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.recovery-btn-danger-solid:active{transform:scale(.98);background:#ef444433}.danger-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .2s ease}.danger-confirm-overlay.visible{opacity:1}.danger-confirm-modal{background:#121218fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;max-width:320px;width:90%;text-align:center;position:relative;transform:scale(.9);transition:transform .2s ease;overflow:hidden;box-shadow:none!important}.danger-confirm-overlay.visible .danger-confirm-modal{transform:scale(1)}.danger-confirm-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ef4444,#dc2626)}.danger-confirm-modal .modal-header.danger{padding:24px 20px 12px}.danger-confirm-modal .modal-title{display:inline-block;padding:8px 20px;background:transparent;border:1px solid rgba(239,68,68,.4);border-radius:20px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.danger-confirm-modal .modal-message{padding:12px 20px 24px;color:#ffffffb3;font-size:14px;line-height:1.6}.danger-confirm-modal .modal-buttons{display:flex;gap:12px;padding:0 20px 24px}.modal-btn-cancel-grey{flex:1;padding:14px 20px;background:transparent;border:1px solid rgba(255,255,255,.25);border-radius:50px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn-cancel-grey:active{background:#ffffff14;transform:scale(.98)}.modal-btn-confirm-danger{flex:1;padding:14px 20px;background:#ef444426;border:1px solid rgba(239,68,68,.5);border-radius:50px;color:#ef4444;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn-confirm-danger:active{background:#ef444440;transform:scale(.98)}.recovery-back{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #6366f1)),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffd9;cursor:pointer;transition:transform .15s ease}.recovery-back:active{transform:scale(.9)}.recovery-back svg{width:18px;height:18px}.recovery-status-inline{display:flex;align-items:center;gap:10px;padding:10px 18px;background:#0003;border-radius:50px;margin-bottom:8px}.recovery-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.recovery-status-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e80}.recovery-status-dot.inactive{background:#ef4444;box-shadow:0 0 8px #ef444480}.recovery-status-text{font-size:13px;color:#fffc;margin:0}.recovery-section{position:relative;padding:20px;border-radius:16px;z-index:1}.recovery-section:not(.danger):before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 40%,transparent),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 20%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #6366f1) 30%,transparent));z-index:-2}.recovery-section:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;background:#121218f2;z-index:-1}.recovery-section.danger:before{background:linear-gradient(135deg,#dc2626,#b91c1c)!important}.recovery-section-header{position:relative;display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;margin-bottom:16px;z-index:1}.recovery-section-header:not(.danger):before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #6366f1)),var(--veil-mode-nav-gradient-end, #ec4899));z-index:-2;opacity:.8}.recovery-section-header:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:19px;background:#121218fa;z-index:-1}.recovery-section-header.danger:before{background:linear-gradient(135deg,#ef4444,#dc2626,#b91c1c)}.recovery-section-title{font-size:13px;font-weight:600;margin:0;background:linear-gradient(135deg,silver,#fff,silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.recovery-section-subtitle{font-size:12px;color:#ffffff80;margin:0 0 16px}.recovery-input-group{margin-bottom:16px}.recovery-label{display:block;font-size:13px;font-weight:500;color:#fffc;margin-bottom:6px}.recovery-input{width:100%;padding:12px 18px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;font-size:14px;box-sizing:border-box;transition:border-color .2s}.recovery-input:focus{outline:none;border-color:#a855f780}.recovery-tip{font-size:12px;color:#fff9;margin-bottom:10px}.recovery-word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.recovery-word-input{padding:8px 4px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:50px;color:#fff;font-size:12px!important;text-align:center;box-sizing:border-box;transition:border-color .2s;min-width:0;width:100%}.recovery-word-input:focus{outline:none;border-color:color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 80%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 20%,transparent)}.recovery-word-input.filled{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 70%,transparent);background:color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 10%,transparent)}.recovery-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.recovery-btn-primary{width:100%;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #6366f1)),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;color:#fffffff2;border-radius:24px;padding:14px 24px;font-weight:600;letter-spacing:.3px}.recovery-btn-primary:active{transform:scale(.95)}.recovery-btn-secondary{flex:1;background:color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 10%,transparent);border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 30%,transparent);color:#fff;border-radius:50px}.recovery-btn-secondary:active{background:color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 20%,transparent);transform:scale(.98)}.recovery-btn-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:50px;width:100%}.recovery-btn-danger:active{background:#ef444433;transform:scale(.98)}.recovery-btn-import{width:100%;background:color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 15%,transparent);border:1px solid color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 40%,transparent);color:#fff;margin-bottom:12px;border-radius:50px;padding:14px 24px}.recovery-btn-import:active{background:color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 25%,transparent);transform:scale(.98)}.recovery-btn-row{display:flex;gap:10px}.recovery-phrase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px;margin-bottom:16px}.recovery-phrase-word{position:relative;background:#a855f71a;border:1px solid rgba(168,85,247,.25);border-radius:10px;padding:10px 8px;text-align:center}.recovery-phrase-num{position:absolute;top:3px;left:6px;font-size:9px;color:#fff6}.recovery-phrase-text{font-size:13px;font-weight:500;color:#fff}.account-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;padding:20px 20px 16px;border-radius:20px;background:transparent;z-index:1;margin-bottom:16px}.account-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(90deg,color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 75%,black),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 55%,var(--veil-mode-nav-gradient-end, #6366f1) 20%),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #6366f1) 75%,black),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 55%,var(--veil-mode-nav-gradient-end, #6366f1) 20%),color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 75%,black));background-size:400% 100%;animation:accountGradientFlow 15s linear infinite;z-index:-2;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 30%,transparent 70%);mask-image:linear-gradient(to bottom,white 0%,white 30%,transparent 70%)}.account-hero:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:18px;background:#141418;z-index:-1}@keyframes accountGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}.account-hero-back{position:absolute;top:12px;left:12px;z-index:10;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 60%,var(--veil-mode-nav-gradient-end, #6366f1) 40%),var(--veil-mode-nav-gradient-end, #6366f1)) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffd9;cursor:pointer;transition:transform .15s ease}.account-hero-back:active{transform:scale(.9)}.account-hero-back svg{width:18px;height:18px}.account-hero-title{font-size:20px;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,silver,#fff,silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-hero-content{width:100%;text-align:center}.account-section{position:relative;padding:20px;border-radius:16px;z-index:1;margin-bottom:16px}.account-section:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 40%,transparent),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 20%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #6366f1) 30%,transparent));z-index:-2}.account-section:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;background:#141418;z-index:-1}.account-section.danger:before{background:linear-gradient(135deg,#ef444480,#dc26264d)}.account-premium-hero{text-align:center;padding:20px 0}.account-premium-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:50px;margin-bottom:12px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #8b5cf6),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent}.account-premium-badge.trial{background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#fbbf24,#f59e0b) border-box}.account-premium-badge.lifetime{background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#fbbf24,#f59e0b,#fbbf24) border-box}.account-premium-badge.expired{background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ffffff4d,#ffffff1a) border-box}.account-premium-icon{font-size:24px}.account-premium-tier{font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #a78bfa),var(--veil-mode-nav-gradient-end, #f472b6));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-premium-badge.trial .account-premium-tier,.account-premium-badge.lifetime .account-premium-tier{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-premium-badge.expired .account-premium-tier{background:linear-gradient(135deg,#ffffffb3,#ffffff80);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-premium-status{font-size:14px;color:#fff9;margin:0 0 4px}.account-premium-remaining{font-size:15px;font-weight:600;color:#ffffffe6;margin:0 0 16px}.account-premium-remaining.trial{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-lifetime-badge{display:inline-flex;padding:12px 24px;border-radius:50px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#fbbf24,#f59e0b) border-box;border:2px solid transparent}.account-lifetime-badge span{font-size:14px;font-weight:600;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-section-header{display:inline-flex;align-items:center;padding:8px 16px;border-radius:20px;margin-bottom:16px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #ec4899) 50%),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent}.account-section-header.danger{background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box}.account-section-title{font-size:13px;font-weight:600;margin:0;background:linear-gradient(135deg,silver,#fff,silver);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-section-subtitle{font-size:13px;color:#fff9;margin:0 0 16px;line-height:1.4}.account-input{width:100%;padding:12px 40px 12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;box-sizing:border-box;transition:border-color .2s;outline:none}.account-input::placeholder{color:#fff6}.account-input:focus{border-width:2px;border-color:var(--veil-mode-sdm-glow, #a855f7)}.account-input-wrapper{position:relative;margin-bottom:12px}.account-input-label{display:block;font-size:13px;color:#ffffffb3;margin-bottom:6px;font-weight:500}.account-input-toggle{position:absolute;right:12px;bottom:10px;background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;color:#ffffff80;transition:color .2s}.account-input-toggle:active{color:#ffffffe6}.account-btn-primary{width:100%;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 50%,var(--veil-mode-nav-gradient-end, #ec4899) 50%),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;color:#fffffff2;border-radius:24px;padding:14px 24px;font-size:14px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:transform .15s ease}.account-btn-primary:active{transform:scale(.95)}.account-btn-danger{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box;border:2px solid transparent;border-radius:24px;color:#fffffff2;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease}.account-btn-danger:active{transform:scale(.95)}.account-btn-danger-solid{width:100%;padding:14px 24px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box;border:2px solid transparent;border-radius:24px;color:#fffffff2;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease}.account-btn-danger-solid:active{transform:scale(.95)}.unblock-btn-outline{padding:8px 16px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box;border:2px solid transparent;border-radius:24px;color:#fffffff2;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease}.unblock-btn-outline:active{transform:scale(.95)}.unblock-btn-outline:focus,.unblock-btn-outline:hover,.unblock-btn-outline:focus-visible{background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box;outline:none}.account-helper-text{font-size:12px;color:#ef4444d9;text-align:center;margin-top:8px;font-weight:500;letter-spacing:.2px}.account-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0003;border-radius:12px;width:100%;box-sizing:border-box}.account-toggle-info{flex:1;min-width:0}.account-toggle-title{font-size:14px;color:#fffffff2;font-weight:500}.account-toggle-desc{font-size:12px;color:#ffffff80;margin-top:2px}.account-toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:12px}.account-toggle-switch input{opacity:0;width:0;height:0}.account-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff1a;transition:.3s;border-radius:24px}.account-toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#ffffffe6;transition:.3s;border-radius:50%}.account-toggle-switch input:checked+.account-toggle-slider{background:var(--veil-mode-sdm-glow, #8b5cf6)}.account-toggle-switch input:checked+.account-toggle-slider:before{transform:translate(20px)}.account-note{font-size:11px;color:#ffffff80;margin:8px 0 0;text-align:center;width:100%}.account-note.danger{color:#ef4444b3}.account-danger-toggle{width:100%;padding:16px 20px;background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 60%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #ec4899) 40%,transparent)) border-box;border:2px solid transparent;border-radius:20px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.account-danger-toggle:active{transform:scale(.98)}.account-danger-toggle svg{transition:transform .3s}.account-danger-toggle.expanded{background:linear-gradient(#141418,#141418) padding-box,linear-gradient(135deg,#ef4444,#dc2626,#b91c1c) border-box;color:#ef4444}.account-danger-toggle.expanded svg{transform:rotate(180deg)}.account-danger-progress{position:absolute;bottom:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:0 0 20px 20px;transition:none}.account-danger-progress.filling{width:100%;transition:width 1.5s linear}.account-danger-toggle.holding{animation:dangerBreathe 2s ease-in-out infinite;border:2px solid #ef4444;color:#ef4444}@keyframes dangerBreathe{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 8px #ef44444d}}.account-danger-toggle{position:relative;overflow:hidden}.account-danger-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .3s ease-out;opacity:0}.account-danger-content.expanded{max-height:300px;opacity:1}.theme-quick-picker{padding:12px 16px 16px 52px}.theme-quick-picker-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#fff6;margin-bottom:12px;font-weight:500}.theme-quick-picker-row{display:flex;gap:12px;flex-wrap:wrap}.theme-quick-circle{width:52px;height:52px;min-width:52px;min-height:52px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:transparent;padding:0;cursor:pointer;position:relative;transition:transform .15s ease,border-color .2s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.theme-quick-circle:active{transform:scale(.92);opacity:.85}.theme-quick-circle.selected{border-color:#fff9}.theme-quick-gradient{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%}.theme-quick-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#000c;opacity:0;transition:opacity .15s ease}.theme-quick-circle.selected .theme-quick-check{opacity:1}.new-menu-dropdown{position:fixed;background:#121216fa;border-radius:16px;padding:8px;box-shadow:0 8px 32px #00000080;z-index:1000;min-width:180px;animation:menuSlideIn .2s ease-out}@keyframes menuSlideIn{0%{opacity:0;transform:translate(-100%) translateY(-8px)}to{opacity:1;transform:translate(-100%) translateY(0)}}.new-menu-dropdown .menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:4px 0;border-radius:12px;cursor:pointer;transition:all .15s ease;color:#ffffffe6;font-size:14px;font-weight:500;background:transparent;border:none}.new-menu-dropdown .menu-item:hover{background:#ffffff14}.new-menu-dropdown .menu-item:active{transform:scale(.98)}.new-menu-dropdown .menu-item svg{opacity:.7;transition:opacity .15s;flex-shrink:0}.new-menu-dropdown .menu-item:hover svg,.new-menu-dropdown .menu-item:active svg{opacity:1}.new-menu-dropdown.veil-mode{background:#161616!important;border:none!important;box-shadow:0 8px 32px #0009!important}.new-menu-dropdown.veil-mode .menu-item{background:transparent!important;border:none!important;color:#ffffffd9!important}.new-menu-dropdown.veil-mode .menu-item:hover,.new-menu-dropdown.veil-mode .menu-item:active{background:#ffffff0f!important;color:#fff!important}.new-menu-dropdown.veil-mode .menu-item svg{fill:var(--veil-mode-sdm-glow, #8B5CF6);color:var(--veil-mode-sdm-glow, #8B5CF6)}[data-veil-theme=inner-circle] .new-menu-dropdown.veil-mode{border:none!important}[data-veil-theme=inner-circle] .new-menu-dropdown.veil-mode .menu-item{color:#ffffffd9!important}[data-veil-theme=inner-circle] .new-menu-dropdown.veil-mode .menu-item:hover,[data-veil-theme=inner-circle] .new-menu-dropdown.veil-mode .menu-item:active{background:#bf953f1a!important;color:#d4af37!important}[data-veil-theme=inner-circle] .new-menu-dropdown.veil-mode .menu-item svg{fill:#d4af37!important;color:#d4af37!important}.pwa-install-banner{position:fixed;bottom:70px;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(70px + env(safe-area-inset-bottom))}}.notification-view{flex:1;flex-direction:column;overflow:hidden;display:none}.notification-view-wrapper{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.notification-view-wrapper::-webkit-scrollbar{display:none}.notification-view-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;min-height:0;width:100%;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}.notification-view-content::-webkit-scrollbar{display:none}.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,.notification-item.unread:active{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:50%;background:transparent;border:none}.notification-avatar.inbox-avatar .inbox-icon{width:100%;height:100%;border-radius:50%;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;background:#ffffff0a;border-radius:4px 16px 16px;padding:12px 14px}.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:#9b59b6}.notification-view.veil-mode .notification-text strong{background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #a78bfa),color-mix(in srgb,var(--veil-mode-sdm-glow, #a78bfa) 85%,white));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.notification-action-link{color:#9b59b6;font-weight:500;cursor:pointer;transition:color .2s ease}.notification-action-link:hover,.notification-action-link:active{color:#b370cf;text-decoration:underline}.notification-view.veil-mode .notification-action-link{color:#fffffff2;font-weight:600}.notification-view.veil-mode .notification-action-link:hover,.notification-view.veil-mode .notification-action-link:active{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-read-more{color:#9b59b6;font-weight:500;font-size:inherit;cursor:pointer;transition:color .2s ease;white-space:nowrap}.notification-read-more:hover,.notification-read-more:active{color:#b370cf;text-decoration:underline}.veil-mode .notification-read-more{background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #a78bfa),color-mix(in srgb,var(--veil-mode-sdm-glow, #a78bfa) 85%,white));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.veil-mode .notification-read-more:hover,.veil-mode .notification-read-more:active{opacity:.8}.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{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 6px #8b5cf680}.veil-mode .notification-unread-dot{background:var(--veil-mode-sdm-glow, #8b5cf6);box-shadow:0 0 6px var(--veil-mode-sdm-glow, rgba(139, 92, 246, .5))}.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,.inbox-item:active{background:#ffffff08}.inbox-item:last-child{border-bottom:none}.inbox-item.unread{background:#8b5cf60a}.inbox-icon{width:40px;height:40px;border-radius:50%;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:#000;border:2px solid rgba(251,191,36,.5)}.inbox-icon.reward svg{width:22px;height:22px}.inbox-icon.reward .reward-grad-start{stop-color:#f59e0b}.inbox-icon.reward .reward-grad-end{stop-color:#fbbf24}.inbox-icon.pwa_update{background:#8b5cf626;color:#a78bfa}.inbox-icon.tip{background:#0ea5e926;color:#38bdf8}.inbox-icon.community{background:#000;border:2px solid rgba(139,92,246,.5)}.inbox-icon.community svg{width:24px;height:24px}.inbox-icon.community .cb-grad-start{stop-color:#7c3aed}.inbox-icon.community .cb-grad-end{stop-color:#a78bfa}:root[data-veil-theme=veil] .veil-mode .inbox-icon.community{background:#000;border-color:#7c3aed80}:root[data-veil-theme=veil] .veil-mode .inbox-icon.community .cb-grad-start{stop-color:#7c3aed}:root[data-veil-theme=veil] .veil-mode .inbox-icon.community .cb-grad-end{stop-color:#a78bfa}:root[data-veil-theme=ocean] .veil-mode .inbox-icon.community{background:#000;border-color:#0e77ff80}:root[data-veil-theme=ocean] .veil-mode .inbox-icon.community .cb-grad-start{stop-color:#0e77ff}:root[data-veil-theme=ocean] .veil-mode .inbox-icon.community .cb-grad-end{stop-color:#37d2ff}:root[data-veil-theme=aurora] .veil-mode .inbox-icon.community{background:#000;border-color:#00f37f80}:root[data-veil-theme=aurora] .veil-mode .inbox-icon.community .cb-grad-start{stop-color:#00f37f}:root[data-veil-theme=aurora] .veil-mode .inbox-icon.community .cb-grad-end{stop-color:#00d0ff}:root[data-veil-theme=cyberpunk] .veil-mode .inbox-icon.community{background:#000;border-color:#00ffff80}:root[data-veil-theme=cyberpunk] .veil-mode .inbox-icon.community .cb-grad-start{stop-color:#f0f}:root[data-veil-theme=cyberpunk] .veil-mode .inbox-icon.community .cb-grad-end{stop-color:#0ff}:root[data-veil-theme=veil] .veil-mode .inbox-icon.reward{background:#000;border-color:#7c3aed80}:root[data-veil-theme=veil] .veil-mode .inbox-icon.reward .reward-grad-start{stop-color:#7c3aed}:root[data-veil-theme=veil] .veil-mode .inbox-icon.reward .reward-grad-end{stop-color:#a78bfa}:root[data-veil-theme=ocean] .veil-mode .inbox-icon.reward{background:#000;border-color:#0e77ff80}:root[data-veil-theme=ocean] .veil-mode .inbox-icon.reward .reward-grad-start{stop-color:#0e77ff}:root[data-veil-theme=ocean] .veil-mode .inbox-icon.reward .reward-grad-end{stop-color:#37d2ff}:root[data-veil-theme=aurora] .veil-mode .inbox-icon.reward{background:#000;border-color:#00f37f80}:root[data-veil-theme=aurora] .veil-mode .inbox-icon.reward .reward-grad-start{stop-color:#00f37f}:root[data-veil-theme=aurora] .veil-mode .inbox-icon.reward .reward-grad-end{stop-color:#00d0ff}:root[data-veil-theme=cyberpunk] .veil-mode .inbox-icon.reward{background:#000;border-color:#00ffff80}:root[data-veil-theme=cyberpunk] .veil-mode .inbox-icon.reward .reward-grad-start{stop-color:#f0f}:root[data-veil-theme=cyberpunk] .veil-mode .inbox-icon.reward .reward-grad-end{stop-color:#0ff}.veil-mode .inbox-icon.feature_patch,.veil-mode .inbox-icon.pwa_update,.veil-mode .inbox-icon.promo,.veil-mode .inbox-icon.system,.veil-mode .inbox-icon.tip,.veil-mode .inbox-icon.devlog{background:linear-gradient(135deg,rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.2),rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.1));color:var(--veil-mode-sdm-glow, #a78bfa)}.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,.notification-tab:active .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,#8b5cf6,#7c3aed);border-radius:8px;font-size:10px;font-weight:700;color:#fff;display:none;align-items:center;justify-content:center}#requestsBadge{position:relative;top:auto;right:auto;min-width:auto;width:8px;height:8px;padding:0;margin:0;background:var(--veil-mode-sdm-glow, #8b5cf6);border-radius:50%;display:none;animation:badge-pulse 2s ease infinite}.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)}}.notification-view.veil-mode .notification-item.unread{background:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.04)}.notification-view.veil-mode .notification-item.unread:hover,.notification-view.veil-mode .notification-item.unread:active{background:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.08)}.notification-view.veil-mode .notification-item.unread .notification-avatar{border-color:var(--veil-mode-sdm-glow, rgba(139, 92, 246, .4))}.notification-view.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))}.notification-view.veil-mode .inbox-item.unread{background:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.04)}.notification-view.veil-mode .notification-back-btn:before{background:var(--veil-mode-nav-gradient, linear-gradient(135deg, var(--veil-mode-sdm-glow, #9333ea), var(--veil-mode-accent, #a855f7)))}.veil-mode .filter-pill:before{background:var(--veil-mode-nav-gradient, linear-gradient(135deg, var(--veil-mode-sdm-glow, #9333ea), var(--veil-mode-accent, #a855f7), var(--veil-mode-nav-gradient-end, #ec4899)));background-size:200% 200%}.veil-mode .filter-pill.active{color:var(--veil-mode-text, white)}@media (max-width: 480px){.notification-view-header{padding:14px 16px}.notification-view-title{font-size:16px}.notification-back-btn{width:32px;height:32px}.notification-header-spacer{width:32px}.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-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,.notification-mark-all-read:active{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}.inbox-message-detail{padding:20px 20px 40px}.inbox-message-detail-card{background:#1a1a1a;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:none;position:relative}.inbox-message-detail-back{position:absolute;top:16px;left:16px;width:36px;height:36px;border-radius:50%;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ffffffb3;z-index:10}.inbox-message-detail-back:hover{background:#00000080;color:#fff}.inbox-message-detail-back:active{transform:scale(.95)}.inbox-message-detail-pills{position:absolute;top:16px;right:16px;display:flex;gap:8px;z-index:10}.inbox-message-detail-category-pill{padding:5px 10px;border-radius:12px;background:#8b5cf626;border:1px solid rgba(139,92,246,.25);font-size:11px;font-weight:600;color:#8b5cf6e6;text-transform:lowercase}.inbox-message-detail-time-pill{padding:5px 10px;border-radius:12px;background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:500;color:#fff9}.inbox-message-detail-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 20px 12px;background:linear-gradient(180deg,rgba(139,92,246,.08) 0%,transparent 100%)}.inbox-message-detail-icon{margin-bottom:12px}.inbox-message-detail-icon .inbox-icon{width:64px;height:64px;font-size:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d}.inbox-message-detail-title{font-size:18px;font-weight:600;color:#fff;margin:0;line-height:1.3}.inbox-message-detail-lottie{display:flex;justify-content:center;align-items:center;padding-top:52px;margin-bottom:-16px;width:180px;height:180px;margin-left:auto;margin-right:auto}.inbox-message-detail-lottie svg{width:100%!important;height:100%!important}.inbox-message-detail-header.with-lottie,.veil-mode .inbox-message-detail-header.with-lottie{padding-top:8px;background:none!important;border:none!important}.notification-view-wrapper.has-confetti{position:relative;overflow:hidden}.confetti-bg-layer{position:absolute;left:0;right:0;height:50%;z-index:0;pointer-events:none;opacity:.7}.confetti-bg-layer.top{top:0}.confetti-bg-layer.bottom{bottom:0}.confetti-bg-layer svg{width:100%!important;height:100%!important}.inbox-message-detail{position:relative;z-index:1}.confetti-check-layer{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;z-index:10000;pointer-events:none}.confetti-check-layer svg{width:100%!important;height:100%!important}.inbox-message-detail-body{padding:12px 24px 24px}.inbox-message-detail-body p{font-size:14px;line-height:1.5;color:#ffffffbf;margin:0 0 12px;letter-spacing:.01em}.inbox-message-detail-body p:last-child{margin-bottom:0}.inbox-message-detail-body p:first-child{color:#ffffffe6;font-weight:500}.inbox-message-detail-body{font-weight:450}.inbox-message-detail-body strong,.inbox-message-detail-body b,.notif-emphasis{font-weight:600;color:#fffffff2}.notif-highlight{font-weight:600;background:linear-gradient(90deg,#9333ea,#a855f7)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;display:inline}.veil-mode .notif-highlight{background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 85%,white))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}.notif-heart{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-right:4px;position:relative;top:-3px}.notif-heart svg{width:100%;height:100%}.notif-heart svg path{fill:var(--veil-mode-sdm-glow, #a78bfa)}.notif-sparkle{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-left:4px;position:relative;top:-1px}.notif-sparkle-main{animation:notif-sparkle-pulse 2.5s ease-in-out infinite}.notif-sparkle-sm1{animation:notif-sparkle-pulse 2.5s ease-in-out infinite .5s}.notif-sparkle-sm2{animation:notif-sparkle-pulse 2.5s ease-in-out infinite 1s}@keyframes notif-sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.inbox-message-detail-actions{padding:16px 16px 20px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.06)}.notification-view.veil-mode .notification-view-wrapper{background:var(--veil-mode-gradient)!important;transition:background .6s ease-out}.notification-view.veil-mode .notification-item{background:#1a1a1a!important;margin:6px 10px;border-radius:16px;padding:12px 14px;border-top:none!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;box-sizing:border-box!important}.notification-view.veil-mode .notification-item+.notification-item{border-top:none!important}.notification-view.veil-mode .notification-item .notification-body,.notification-view.veil-mode .notification-item .notification-content{background:transparent!important;padding:0!important;border-radius:0!important}.notification-view.veil-mode .notification-avatar .avatar-fallback{background:linear-gradient(135deg,var(--veil-mode-sdm-glow, rgba(139, 92, 246, .6)),var(--veil-mode-nav-gradient-end, rgba(99, 102, 241, .6)))!important}.veil-mode .inbox-message-detail-card{background:#1a1a1a!important;border:none!important;box-shadow:none!important}.veil-mode .inbox-message-detail-header{background:linear-gradient(180deg,rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.08) 0%,transparent 100%)}.veil-mode .inbox-message-detail-back{background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;color:#fffc!important}.veil-mode .inbox-message-detail-back:active{background:#ffffff26!important;transform:scale(.95)}.veil-mode .inbox-message-detail-category-pill{background:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.15)!important;border:1px solid rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.25)!important;color:var(--veil-mode-sdm-glow, rgba(139, 92, 246, .9))!important}.veil-mode .inbox-message-detail-time-pill{background:#ffffff14!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff9!important}.inbox-message-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.inbox-message-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:opacity .3s ease}.inbox-message-modal.active .inbox-message-modal-overlay{opacity:1}.inbox-message-modal-content{position:relative;width:100%;max-width:480px;max-height:85vh;background:linear-gradient(180deg,#16161cfa,#0e0e12fc);border-radius:24px;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #8b5cf61a,0 25px 80px #0009,0 0 60px #8b5cf60d;overflow:hidden;display:flex;flex-direction:column;transform:scale(.92) translateY(30px);opacity:0;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease}.inbox-message-modal.active .inbox-message-modal-content{transform:scale(1) translateY(0);opacity:1}.inbox-message-modal-header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 24px 24px;position:relative;background:linear-gradient(180deg,rgba(139,92,246,.06) 0%,transparent 100%)}.inbox-message-modal-close{position:absolute;top:16px;left:16px;width:40px;height:40px;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:#fff9}.inbox-message-modal-close:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.inbox-message-modal-close:active{transform:scale(.95)}.inbox-message-modal-icon{margin-bottom:16px}.inbox-message-modal-icon .inbox-icon{width:64px;height:64px;font-size:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d}.inbox-message-modal-title{font-size:20px;font-weight:600;color:#fff;margin:0 0 6px;line-height:1.3;max-width:100%}.inbox-message-modal-time{font-size:13px;color:#fff6;display:block}.inbox-message-modal-body{flex:1;overflow-y:auto;padding:24px 28px;-webkit-overflow-scrolling:touch;border-top:1px solid rgba(255,255,255,.04)}.inbox-message-modal-body p{font-size:15px;line-height:1.75;color:#fffc;margin:0 0 18px;letter-spacing:.01em}.inbox-message-modal-body p:last-child{margin-bottom:0}.inbox-message-modal-body p:first-child{color:#ffffffe6;font-weight:500}.inbox-message-modal-body::-webkit-scrollbar{width:4px}.inbox-message-modal-body::-webkit-scrollbar-track{background:transparent}.inbox-message-modal-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.inbox-message-modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff26}.inbox-message-modal-actions{padding:20px 28px 28px;display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0;background:linear-gradient(180deg,transparent 0%,rgba(139,92,246,.03) 100%)}.inbox-message-action-btn{padding:10px 16px;background:transparent;border:none;border-radius:20px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.inbox-message-action-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);z-index:-2;opacity:1;transition:opacity .2s ease}.inbox-message-action-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#121218f2;z-index:-1;transition:background .2s ease}.inbox-message-action-btn:hover:before,.inbox-message-action-btn:active:before{opacity:1}.inbox-message-action-btn:hover:after,.inbox-message-action-btn:active:after{background:#1e1e28f2}.inbox-message-action-btn:active{transform:scale(.98)}.veil-mode .inbox-message-modal-content{background:linear-gradient(180deg,rgba(var(--veil-mode-bg-rgb, 28, 28, 35),.98),rgba(var(--veil-mode-bg-rgb, 18, 18, 22),.99));border-color:rgba(var(--veil-mode-accent-rgb, 139, 92, 246),.15)}.veil-mode .inbox-message-action-btn:before{background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #a855f7) 80%,white))}@media (max-width: 480px){.inbox-message-modal{padding:0;align-items:flex-end}.inbox-message-modal-content{max-width:100%;max-height:92vh;border-radius:24px 24px 0 0;transform:translateY(100%)}.inbox-message-modal.active .inbox-message-modal-content{transform:translateY(0)}.inbox-message-modal-header{padding:24px 20px 20px}.inbox-message-modal-close{top:12px;left:12px;width:36px;height:36px}.inbox-message-modal-icon .inbox-icon{width:56px;height:56px;font-size:28px}.inbox-message-modal-title{font-size:18px}.inbox-message-modal-body{padding:20px}.inbox-message-modal-body p{font-size:14px}.inbox-message-modal-actions{padding:16px 20px calc(20px + env(safe-area-inset-bottom,0px))}.inbox-message-action-btn{padding:10px 14px;font-size:12px}}.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}.profile-demo-container{display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;background:#0a0a0e}.ambient-video-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.3);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;filter:blur(30px) saturate(1.4);opacity:.7;z-index:0;pointer-events:none;will-change:transform}.ambient-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0e59;z-index:1;pointer-events:none}.profile-demo-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:16px 16px 24px;scrollbar-width:thin;scrollbar-color:rgba(147,51,234,.5) transparent;position:relative;z-index:2;display:flex;flex-direction:column}.profile-demo-wrapper{position:relative;border-radius:20px;padding:20px;width:100%;max-width:500px;margin:auto;background:transparent;border:none;z-index:0;isolation:isolate}.profile-demo-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:var(--console-background, linear-gradient(145deg, #1e1e24 0%, #18181e 30%, #121216 50%, #16161c 70%, #1a1a22 100%));background-size:cover;background-position:center;z-index:-1;pointer-events:none;transform:var(--console-flip, none)}:root{--hero-base-height: 360px}.profile-demo-hero{background:#0a0a0c;border-radius:20px 20px 0 0;padding:32px 24px;margin:-20px -20px 20px;position:relative;z-index:1;text-align:center;overflow:hidden;height:var(--hero-base-height);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.profile-hero-overlay{position:relative;z-index:2;display:flex;justify-content:center}.profile-hero-content{width:100%;display:flex;flex-direction:column;align-items:center}.profile-hero-top,.profile-hero-bottom{display:flex;flex-direction:column;align-items:center}.profile-demo-hero .cinematic-anchor,.profile-demo-hero .cinematic-tap-hint{display:none}.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none;border-radius:20px 20px 0 0;transform:scale(1.02);opacity:0;transition:opacity .8s ease;will-change:opacity}.hero-video-bg.is-active{opacity:1}.hero-video-bg[data-video-id=wow]{transform:scale(1.4)}.hero-video-bg[data-video-id=neon-glow],.hero-video-bg[data-video-id=neon-teal]{transform:scale(1.15)}.profile-demo-avatar-wrapper,.username-pill,.achievement-title-pill,.hero-actions-pill{position:relative;z-index:2}.profile-demo-hero:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:21px 21px 0 0;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:400% 100%;animation:heroGradientFlow 15s linear infinite,heroGradientBreathe 8s ease-in-out infinite;z-index:-1}.profile-demo-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0c;border-radius:20px 20px 0 0;z-index:0}@keyframes heroGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}@keyframes heroGradientBreathe{0%,to{opacity:.7}50%{opacity:1}}.profile-demo-avatar-wrapper{display:flex;justify-content:center;margin-bottom:12px}.profile-demo-avatar{width:96px;height:96px;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.profile-demo-avatar:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));background-size:200% 200%;z-index:-2;opacity:.85}.profile-demo-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#121218f2;z-index:-1}.profile-demo-avatar .avatar-placeholder-large{width:90px;height:90px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:700;text-transform:uppercase;position:relative;color:#fff;animation:none!important;border:none!important;box-shadow:none!important}.profile-demo-avatar img{width:90px;height:90px;border-radius:50%;object-fit:cover}.username-pill{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px 1px;box-sizing:border-box;font-size:20px;font-weight:700;color:#fff;background:transparent;border:none;border-radius:20px;position:relative;z-index:2;margin-bottom:12px;line-height:20px}.username-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));background-size:200% 200%;z-index:-2;opacity:.85}.username-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#121218f2;z-index:-1}.username-at{background:linear-gradient(135deg,#9333ea,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;margin-right:2px;line-height:20px;display:inline-flex;align-items:center}.hero-info-stack{display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:2}.title-tooltip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.title-tooltip-backdrop.visible{opacity:1;visibility:visible}.title-tooltip-card{position:fixed;left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:340px;padding:20px;background:#0f0f14fa;border-radius:16px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.title-tooltip-card.visible{opacity:1;visibility:visible}.title-tooltip-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(135deg,#9333ea,#a855f7,#ec4899);z-index:-2}.title-tooltip-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;background:#0f0f14fa;z-index:-1}.title-tooltip-card .title-tooltip-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:18px;transition:all .2s ease}.title-tooltip-card .title-tooltip-close:active{background:#fff3;transform:scale(.9)}.profile-demo-card.quote-card{position:relative;padding-top:24px;text-align:center;background:transparent;border:none;overflow:visible;z-index:1}.profile-demo-card.quote-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;pointer-events:none}.profile-demo-card.quote-card:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:14px;background:#16161c;z-index:-1;pointer-events:none}.card-header{position:absolute;top:-16px;left:50%;transform:translate(-50%);z-index:3}.card-pill{min-width:70px;padding:6px 16px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffffe6;background:transparent;border:none;border-radius:14px;position:relative;text-align:center}.card-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.85}.card-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#121218f2;z-index:-1}.card-edit-btn{position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:transform .2s ease}.card-edit-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.9}.card-edit-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0c0c10f2;z-index:-1}.card-edit-btn:hover{transform:translateY(-50%) scale(1.1)}.card-edit-btn:active{transform:translateY(-50%) scale(.95)}.card-edit-btn:hover:before,.card-edit-btn:active:before{opacity:1}.card-edit-btn span{font-size:14px;line-height:1;position:relative;z-index:1}.quote-pill{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 20px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffffe6;background:transparent;border:none;border-radius:14px;z-index:1}.quote-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.85}.quote-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#121218f2;z-index:-1}.quote-content{font-size:14px;line-height:1.7;color:#ffffffd9;font-style:italic;text-align:center}.title-tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.title-tooltip-tier{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.title-tooltip-tier.common{background:#6b72804d;color:#9ca3af}.title-tooltip-tier.uncommon{background:#22c55e33;color:#4ade80}.title-tooltip-tier.rare{background:#3b82f633;color:#60a5fa}.title-tooltip-tier.epic{background:#8b5cf633;color:#a78bfa}.title-tooltip-tier.legendary{background:#f59e0b33;color:#fbbf24}.title-tooltip-tier.mythic{background:linear-gradient(135deg,#8b5cf64d,#ec48994d);color:#f0abfc}.title-tooltip-title{font-size:18px;font-weight:700;color:#fff;margin:0}.title-tooltip-body{font-size:14px;color:#ffffffd9;line-height:1.6;margin:0 0 16px}.title-tooltip-body strong{color:#a855f7}.title-tooltip-quote{font-size:12px;font-style:italic;color:#ffffff80;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.achievement-title-pill{display:inline-block;padding:6px 16px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffffe6;background:transparent;border:none;border-radius:14px;position:relative;z-index:1;margin-bottom:12px;cursor:pointer;transition:opacity .2s ease}.achievement-title-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));background-size:200% 200%;z-index:-2;opacity:.85}.achievement-title-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#121218f2;z-index:-1}.hero-actions-pill{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:8px 14px;border-radius:28px;position:relative;z-index:1;background:transparent}.hero-actions-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:30px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.85}.hero-actions-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;background:#121218f2;z-index:-1}.hero-save-pill{display:none;justify-content:center;align-items:center;gap:8px;padding:6px 10px;border-radius:24px;position:relative;z-index:2;background:#121218f2;border:2px solid rgba(255,165,0,.6);animation:savePillAppear .3s ease;margin-top:8px}@keyframes savePillAppear{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-save-btn{padding:8px 16px;border-radius:16px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.hero-save-btn.cancel{background:#ffffff1a;color:#fffc}.hero-save-btn.cancel:hover{background:#ffffff26}.hero-save-btn.cancel:active{transform:scale(.95)}.hero-save-btn.save{background:linear-gradient(135deg,orange,#ff8c00);color:#fff;box-shadow:0 2px 8px #ffa5004d}.hero-save-btn.save:hover{background:linear-gradient(135deg,#ffb732,orange);box-shadow:0 4px 12px #ffa50066}.hero-save-btn.save:active{transform:scale(.95)}.hero-action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.hero-action-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899));opacity:0;transition:opacity .25s ease}.hero-action-btn:active{transform:scale(.95)}.hero-action-btn .action-emoji{font-size:18px;position:relative;z-index:1}.hero-action-btn .action-icon{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.hero-action-btn .action-icon svg{width:24px;height:24px}.hero-action-btn[data-tooltip]{position:relative}.hero-action-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:-28px;left:50%;transform:translate(-50%);padding:4px 8px;background:#000000d9;color:#fff;font-size:10px;font-weight:500;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.report-profile-btn{opacity:.7}.report-profile-btn:active{opacity:1}.profile-demo-card{background:#0c0c10d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px;margin-bottom:25px;position:relative}.profile-demo-card.clickable-card{cursor:pointer;transition:background .2s ease,transform .2s ease}.profile-demo-card.clickable-card:hover{background:#ffffff1a}.profile-demo-card.clickable-card:active{transform:scale(.98)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.card-icon{font-size:20px}.card-title{font-size:14px;font-weight:600;color:var(--accent, #a855f7);flex:1}.card-content{font-size:14px;color:#ffffffe6;line-height:1.5}.card-content.muted{color:#ffffff80}.card-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#fff6}.stats-card{background:linear-gradient(135deg,#9333ea26,#ec48991a);border:1px solid rgba(147,51,234,.3)}.stats-row{display:flex;justify-content:space-around;margin-bottom:16px}.stat-item{text-align:center}.stat-label{font-size:11px;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.stat-value{font-size:20px;font-weight:700;color:#fff}.xp-bar-container{margin-top:8px}.xp-bar-label{display:flex;justify-content:space-between;font-size:11px;color:#fff9;margin-bottom:6px}.xp-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#9333ea,#ec4899);border-radius:4px;transition:width .5s ease}.section-pill{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffffe6;background:transparent;border:none;border-radius:14px;z-index:2}.section-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:16px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.85}.section-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:#121218f2;z-index:-1}.profile-demo-card.hubs-card{position:relative;background:#16161cf2;border:none;padding:0;overflow:visible;margin-top:8px}.profile-demo-card.hubs-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.profile-demo-card.hubs-card .card-inner{padding:24px 16px 16px}.hubs-showcase{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:8px 0 12px}.hub-circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;transition:transform .3s ease}.hub-circle-wrapper:hover{transform:translateY(-4px)}.hub-circle-wrapper:active{transform:scale(.95)}.hub-circle{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,#1e1e26e6,#14141af2);border:2px solid var(--hub-color);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 12px color-mix(in srgb,var(--hub-color) 40%,transparent),inset 0 1px #ffffff1a;transition:all .3s ease}.hub-circle-wrapper:hover .hub-circle,.hub-circle-wrapper:active .hub-circle{box-shadow:0 0 20px color-mix(in srgb,var(--hub-color) 60%,transparent),0 0 40px color-mix(in srgb,var(--hub-color) 30%,transparent),inset 0 1px #ffffff1a;border-color:color-mix(in srgb,var(--hub-color) 100%,white 20%)}.hub-emoji{font-size:24px}.hub-owner-badge{position:absolute;top:-4px;right:-4px;font-size:12px;background:#14141af2;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--hub-color)}.profile-demo-card.hubs-card .hub-name{font-size:10px;color:#ffffffb3;text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-circle .hub-profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover}.hub-edit-btn{position:absolute;top:-16px;left:calc(50% + 40px);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;background:linear-gradient(#0c0c10f2,#0c0c10f2) padding-box,var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6)) border-box;border:2px solid transparent}.hub-edit-btn:hover{transform:scale(1.1)}.hub-edit-btn:active{transform:scale(.95)}.hub-edit-btn span{font-size:14px;line-height:1}.hubs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 16px;gap:4px}.hubs-empty-title{font-size:14px;font-weight:600;color:#fffc;margin:0}.hubs-empty-text{font-size:12px;color:#ffffff73;margin:0 0 8px;text-align:center;max-width:240px;line-height:1.4}.hubs-add-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;background:transparent;border:none;border-radius:50px;cursor:pointer;font-size:13px;font-weight:500;color:#ffffffe6;letter-spacing:.3px;transition:all .2s ease;z-index:0}.hubs-add-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.85;transition:opacity .2s ease}.hubs-add-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:#121218f2;z-index:-1}.hubs-add-btn:hover:before,.hubs-add-btn:active:before{opacity:1}.hubs-add-btn:active{transform:scale(.97)}.hub-circle-wrapper[data-hub-slug]{cursor:pointer}.hub-picker-modal{position:fixed;top:env(safe-area-inset-top,0);right:env(safe-area-inset-right,0);bottom:env(safe-area-inset-bottom,0);left:env(safe-area-inset-left,0);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.hub-picker-modal.visible{opacity:1;pointer-events:auto}.hub-picker-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hub-picker-content{position:relative;background:linear-gradient(145deg,#1e1e23fa,#141419fa);border:1px solid rgba(155,89,182,.3);border-radius:16px;width:90%;max-width:400px;max-height:80dvh;display:flex;flex-direction:column;transform:translateY(20px);transition:transform .3s ease}@supports not (max-height: 80dvh){.hub-picker-content{max-height:80vh}}.hub-picker-modal.visible .hub-picker-content{transform:translateY(0)}.hub-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.hub-picker-header h3{margin:0;font-size:18px;font-weight:600;color:#fff}.hub-picker-close{width:44px;height:44px;background:none;border:none;color:#ffffff80;font-size:24px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.hub-picker-close:hover,.hub-picker-close:active{color:#fff}.hub-picker-subtitle{margin:0;padding:12px 20px;font-size:13px;color:#ffffff80}.hub-picker-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 12px;min-height:200px;max-height:60dvh}@supports not (max-height: 60dvh){.hub-picker-list{max-height:400px}}.hub-picker-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:background .2s ease;margin-bottom:4px}.hub-picker-item:hover,.hub-picker-item:active{background:#ffffff0d}.hub-picker-item.selected{background:#9333ea26}.hub-picker-checkbox{position:relative;width:20px;height:20px;flex-shrink:0}.hub-picker-checkbox input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:1}.hub-picker-checkbox .checkmark{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(255,255,255,.3);border-radius:6px;transition:all .2s ease;pointer-events:none}.hub-picker-checkbox input:checked+.checkmark{background:linear-gradient(135deg,#9333ea,#a855f7);border-color:transparent}.hub-picker-checkbox input:checked+.checkmark:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.hub-picker-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.hub-picker-icon img{width:100%;height:100%;object-fit:cover}.hub-picker-icon span{font-size:20px}.hub-picker-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.hub-picker-name{font-size:15px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hub-picker-owner{background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;text-transform:uppercase;flex-shrink:0}.hub-picker-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08)}.hub-picker-count{font-size:13px;color:#ffffff80}.hub-picker-save{background:linear-gradient(135deg,#9333ea,#a855f7);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.hub-picker-save:hover,.hub-picker-save:active{transform:scale(1.05);box-shadow:0 4px 16px #9333ea66}.hub-picker-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-demo-card.achievements-card{position:relative;background:#16161cf2;border:none;padding:0;overflow:visible;margin-top:8px}.profile-demo-card.achievements-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:var(--card-gradient, linear-gradient(135deg, #9333ea, #a855f7, #ec4899, #f472b6));background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.profile-demo-card.achievements-card .card-inner{padding:24px 16px 16px}.profile-demo-card.achievements-card .stats-row{display:flex;justify-content:space-around;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-demo-card.achievements-card .xp-bar-container{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.achievements-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.achievement-badge{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#ffffff0d;border-radius:12px;border:2px solid transparent;transition:transform .2s ease,border-color .2s ease}.achievement-badge:hover,.achievement-badge:active{transform:translateY(-2px)}.achievement-badge.badge-common{border-color:#6b728080}.achievement-badge.badge-rare{border-color:#3b82f680;background:#3b82f61a}.achievement-badge.badge-epic{border-color:#8b5cf680;background:#8b5cf61a}.achievement-badge.badge-legendary{border-color:#f59e0b80;background:#f59e0b1a}.profile-demo-card.achievements-card .badge-icon{font-size:24px;margin-bottom:6px}.badge-name{font-size:10px;color:#ffffffe6;text-align:center;font-weight:500;line-height:1.2}.badge-tier{font-size:9px;color:#ffffff80;text-transform:uppercase;margin-top:4px}.view-all-btn{width:100%;padding:10px;background:#9333ea33;border:1px solid rgba(147,51,234,.4);border-radius:8px;color:#a855f7;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.view-all-btn:hover,.view-all-btn:active{background:#9333ea4d}.coming-soon-wrapper{position:relative}.coming-soon-wrapper .card-inner{filter:blur(3px);opacity:.5;pointer-events:none}.coming-soon-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:16px}.coming-soon-pill{padding:10px 24px;font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fffffff2;background:transparent;border:none;border-radius:20px;position:relative;z-index:1}.coming-soon-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:22px;background:var(--card-gradient, linear-gradient(135deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.9;transform:rotate(180deg)}.coming-soon-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#121218fa;z-index:-1}.profile-demo-card.media-card{position:relative;background:#16161cf2;border:none;padding:0;overflow:visible;margin-top:8px}.profile-demo-card.media-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:var(--card-gradient, linear-gradient(135deg, #9333ea, #a855f7, #ec4899, #f472b6));background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.media-inner{padding:24px 16px 16px}.media-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.media-preview-item{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease}.media-preview-item.empty{background:#ffffff0d;border:1px dashed rgba(255,255,255,.15)}.media-preview-item.more{background:linear-gradient(135deg,#9333ea33,#ec489933);border:1px solid rgba(147,51,234,.3);color:#a855f7;font-size:20px;font-weight:600;cursor:pointer}.media-preview-item.more:hover,.media-preview-item.more:active{background:linear-gradient(135deg,#9333ea4d,#ec48994d)}.media-hint{font-size:12px;color:#ffffff80;text-align:center}.profile-demo-card.starred-card{position:relative;background:#16161cf2;border:none;padding:0;overflow:visible;margin-top:8px}.profile-demo-card.starred-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:var(--card-gradient, linear-gradient(135deg, #9333ea, #a855f7, #ec4899, #f472b6));background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.starred-inner{padding:24px 16px 20px}.starred-empty{display:flex;flex-direction:column;align-items:center;gap:8px}.starred-icon{font-size:32px;opacity:.8}.starred-text{font-size:14px;color:#ffffffd9;font-weight:500}.starred-hint{font-size:12px;color:#ffffff80}.profile-demo-actions{display:flex;justify-content:space-around;padding:16px 20px;padding-bottom:max(16px,env(safe-area-inset-bottom));background:linear-gradient(to top,rgba(12,12,16,.98) 0%,rgba(12,12,16,.9) 80%,transparent 100%);position:fixed;bottom:0;left:0;right:0;z-index:100}.profile-demo-actions .profile-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:8px 12px;transition:transform .2s ease}.profile-demo-actions .profile-action-btn:active{transform:scale(.95)}.profile-demo-actions .action-icon-circle{width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease}.profile-demo-actions .profile-action-btn:hover .action-icon-circle,.profile-demo-actions .profile-action-btn:active .action-icon-circle{background:#9333ea33;border-color:#9333ea66}.profile-demo-actions .action-icon{font-size:20px}.profile-demo-actions .action-label{font-size:11px;color:#ffffffb3;font-weight:500}.profile-action-buttons{display:flex;gap:12px;padding:0 4px}.profile-action-pill{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:50px;position:relative;cursor:pointer;transition:transform .2s ease;z-index:1;font-size:13px;font-weight:500;color:#ffffffe6;letter-spacing:.3px;white-space:nowrap}.profile-action-pill .pill-icon-gradient{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.profile-action-pill .pill-icon-gradient svg{width:100%;height:100%}.profile-action-pill:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.85;transition:opacity .2s ease}.profile-action-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:#121218f2;z-index:-1}.profile-action-pill:hover:before,.profile-action-pill:active:before{opacity:1}.profile-action-pill:active{transform:scale(.97)}.action-pill-icon{font-size:18px}.action-pill-text{font-size:12px;font-weight:600;color:#ffffffe6;letter-spacing:.3px;white-space:nowrap}.profile-subview{display:none}.profile-subview.active{display:block;animation:slideInFromRight .3s ease-out}.subview-wrapper{max-width:500px;margin:0 auto;position:relative;padding-top:14px}.subview-wrapper>.subview-back{position:absolute;top:2px;left:0;z-index:10}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.subview-card{position:relative;background:#16161cf2;border:none;padding:0;border-radius:16px;overflow:visible;margin-top:0}.subview-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:2px;background:var(--card-gradient, linear-gradient(135deg, #9333ea, #a855f7, #ec4899, #f472b6));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.subview-card .card-inner{padding:44px 16px 16px}.subview-card .section-pill{font-size:13px;padding:8px 22px;letter-spacing:1.5px;border-radius:16px}.subview-card .section-pill:before{border-radius:18px}.subview-card .section-pill:after{border-radius:16px}.subview-back{width:40px;height:40px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;z-index:1}.subview-back:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--card-gradient, linear-gradient(135deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.85;transition:opacity .2s ease}.subview-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#121218f2;z-index:-1}.subview-back:hover:before,.subview-back:active:before{opacity:1}.subview-back:active{transform:scale(.9)}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.media-grid-item{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#ffffff0d}.media-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.media-grid-item:active img{transform:scale(1.05)}.media-loading-placeholder,.media-thumb-placeholder{width:100%;height:100%;background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.media-decrypt-failed,.media-thumb-placeholder.decrypt-failed{width:100%;height:100%;background:#1e1e23e6;display:flex;align-items:center;justify-content:center;border-radius:8px}.media-decrypt-failed:after,.media-thumb-placeholder.decrypt-failed:after{content:"";width:24px;height:24px;background:#fff3;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E") center/contain no-repeat}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.starred-messages-list{display:flex;flex-direction:column;gap:10px}.starred-message-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:background .2s ease,border-color .2s ease}.starred-message-item:active{background:#ffffff1f;border-color:#ffffff26}.starred-msg-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#9333ea,#ec4899);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;box-shadow:0 2px 8px #0000004d}.starred-msg-content{flex:1;min-width:0;padding-top:2px}.starred-msg-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.starred-msg-sender{font-size:13px;font-weight:600;color:#fffffff2}.starred-msg-text{font-size:13px;color:#ffffffb3;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.starred-msg-time{font-size:10px;color:#fff6;white-space:nowrap;margin-left:8px}.profile-avatar-edit-overlay{position:absolute;top:50%;right:-16px;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:transform .2s ease}.profile-avatar-edit-overlay:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2;opacity:.9}.profile-avatar-edit-overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0c0c10f2;z-index:-1}.profile-avatar-edit-overlay:hover{transform:translateY(-50%) scale(1.1)}.profile-avatar-edit-overlay:hover:before,.profile-avatar-edit-overlay:active:before{opacity:1}.profile-avatar-edit-overlay:active{transform:translateY(-50%) scale(.95)}.profile-avatar-edit-overlay span{font-size:14px;position:relative;z-index:1;line-height:1}.profile-demo-avatar .profile-avatar-image{width:90px;height:90px;border-radius:50%;object-fit:cover}.quote-content-editable{display:flex;flex-direction:column;gap:12px}.quote-textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#ffffffe6;font-size:16px;font-style:italic;line-height:1.6;resize:none;font-family:inherit;transition:all .2s ease}.quote-textarea:focus{outline:none;border-color:#9333ea80;background:#ffffff14}.quote-textarea::placeholder{color:#fff6;font-style:italic}.quote-save-btn{align-self:flex-end;padding:8px 20px;background:linear-gradient(135deg,#9333ea,#7c3aed);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.quote-save-btn:hover,.quote-save-btn:active{transform:translateY(-1px);box-shadow:0 4px 12px #9333ea66}.quote-save-btn:disabled{opacity:.6;cursor:not-allowed}.quote-content:has(.quote-picker-btn){display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quote-text-wrapper{flex:1;display:flex;flex-direction:column;align-items:center}.quote-text{font-size:15px;font-style:italic;line-height:1.6;color:#ffffffd9;margin:0;text-align:center}.quote-author{font-size:13px;font-weight:500;font-style:italic;letter-spacing:.3px;color:transparent;background:var(--card-gradient, linear-gradient(135deg, #a855f7, #ec4899));-webkit-background-clip:text;background-clip:text;margin:4px 0 0;text-align:right;padding-right:8%;width:100%;align-self:stretch}.quote-placeholder{font-size:14px;font-style:italic;color:#fff6;margin:0;text-align:center}.quote-empty-title{font-size:14px;font-weight:600;color:#fffc;margin:0;font-style:normal;text-align:center}.quote-helper-text{font-size:12px;color:#ffffff73;margin:4px auto 0;text-align:center;max-width:280px;line-height:1.4;font-style:normal}.quote-edit-btn{position:absolute;top:-16px;left:calc(50% + 50px);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:5;background:linear-gradient(#0c0c10f2,#0c0c10f2) padding-box,var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6)) border-box;border:2px solid transparent}.quote-edit-btn:hover{transform:scale(1.1)}.quote-edit-btn:active{transform:scale(.95)}.quote-edit-btn span{font-size:14px;line-height:1}.quote-picker-btn{flex-shrink:0;width:32px;height:32px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.quote-picker-btn:hover{background:#ffffff1f;color:#ffffffe6;border-color:#9333ea80}.quote-picker-btn:active{transform:scale(.95)}.profile-demo-card.about-card{position:relative;padding-top:24px;text-align:center}.profile-demo-card.about-card .section-pill{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:3}.profile-demo-card.about-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6));z-index:-2}.profile-demo-card.about-card:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:14px;background:#121218f2;z-index:-1}.about-edit-btn{position:absolute;top:-16px;left:calc(50% + 45px);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10;background:linear-gradient(#0c0c10f2,#0c0c10f2) padding-box,var(--card-gradient-vertical, linear-gradient(180deg, #9333ea, #a855f7, #ec4899, #f472b6)) border-box;border:2px solid transparent}.about-edit-btn:hover,.about-edit-btn:active{transform:scale(1.1)}.about-edit-btn span{font-size:14px;line-height:1}.about-content{display:flex;flex-direction:column;align-items:center}.about-display-text{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0;text-align:center;padding:12px 16px;min-height:60px}.about-empty-title{font-size:14px;font-weight:600;color:#fffc;margin:0;text-align:center}.about-helper-text{font-size:12px;color:#ffffff73;margin:4px auto 0;text-align:center;max-width:280px;line-height:1.4}.about-display-text.hidden,.about-textarea.hidden,.about-empty-title.hidden,.about-helper-text.hidden{display:none}.about-content-editable{display:flex;flex-direction:column;gap:12px}.about-textarea{width:100%;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;color:#ffffffe6;font-size:16px;line-height:1.6;resize:none;font-family:inherit;transition:all .2s ease;text-align:center}.about-textarea:focus{outline:none;border-color:#9333ea80;background:#0006}.about-textarea::placeholder{color:#fff6}.about-content-display{padding:8px 4px}.about-text-readonly{color:#ffffffd9;font-size:14px;line-height:1.6;margin:0;text-align:center}.hero-action-btn.logout-btn{background:#ef444426;border-color:#ef44444d}.member-card .card-inner{padding:20px;text-align:center}.member-since-text{font-size:18px;font-weight:600;color:#ffffffe6;background:linear-gradient(135deg,#9333ea,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 380px){.profile-demo-wrapper{padding:16px}.profile-demo-hero{margin:-16px -16px 16px}.achievements-showcase{grid-template-columns:repeat(2,1fr)}.profile-demo-avatar{width:80px;height:80px}.profile-demo-avatar .avatar-placeholder-large,.profile-demo-avatar img{width:74px;height:74px;font-size:28px}}@keyframes card-shimmer{0%{background-position:200% center}to{background-position:-200% center}}.profile-demo-card.card-anim-shimmer:before{animation:card-shimmer 3s ease-in-out infinite}.profile-demo-card.card-anim-shimmer-slow:before{animation:card-shimmer 5s ease-in-out infinite}@keyframes card-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-demo-card.card-anim-flow:before{animation:card-flow 4s ease infinite}.profile-demo-card.card-anim-flow-slow:before{animation:card-flow 8s ease infinite}.profile-demo-card.card-anim-flow-medium:before{animation:card-flow 5s ease infinite}.profile-demo-card.card-anim-flow-fast:before{animation:card-flow 2.5s ease infinite}@keyframes card-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.profile-demo-card.card-anim-pulse-medium:before{animation:card-pulse 2s ease-in-out infinite}@keyframes card-breathe{0%,to{opacity:1}50%{opacity:.85}}.profile-demo-card.card-anim-breathe:before{animation:card-breathe 3s ease-in-out infinite}@keyframes card-drift{0%{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}to{background-position:0% 0%}}.profile-demo-card.card-anim-drift:before{animation:card-drift 8s ease infinite}@keyframes card-wave{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}.profile-demo-card.card-anim-wave:before{animation:card-wave 5s ease infinite}@keyframes card-sparkle{0%,to{filter:brightness(1) contrast(1);background-position:0% 50%}25%{filter:brightness(1.4) contrast(1.1);background-position:50% 0%}50%{filter:brightness(1) contrast(1);background-position:100% 50%}75%{filter:brightness(1.4) contrast(1.1);background-position:50% 100%}}.profile-demo-card.card-anim-sparkle:before{animation:card-sparkle 3s ease infinite}@media (prefers-reduced-motion: reduce){.profile-demo-card:before{animation:none!important}}.profile-demo-card.card-glow-subtle{box-shadow:0 0 8px var(--card-glow-color, rgba(147, 51, 234, .25))}.profile-demo-card.card-glow-intense{box-shadow:0 0 12px var(--card-glow-color, rgba(147, 51, 234, .3))}.profile-demo-card.card-glow-anim-subtle{animation:card-glow-pulse-subtle 4s ease-in-out infinite}.profile-demo-card.card-glow-anim-intense{animation:card-glow-pulse-intense 3s ease-in-out infinite}@keyframes card-glow-pulse-subtle{0%,to{box-shadow:0 0 6px var(--card-glow-color, rgba(147, 51, 234, .15))}50%{box-shadow:0 0 12px var(--card-glow-color, rgba(147, 51, 234, .3))}}@keyframes card-glow-pulse-intense{0%,to{box-shadow:0 0 8px var(--card-glow-color, rgba(147, 51, 234, .2))}50%{box-shadow:0 0 16px var(--card-glow-color, rgba(147, 51, 234, .4))}}.profile-demo-hero.layout-minimal{position:relative;padding:0;height:var(--hero-base-height);text-align:left}.profile-demo-hero.layout-minimal .profile-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.profile-demo-hero.layout-minimal .profile-hero-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:12px;width:100%}.profile-demo-hero.layout-minimal .profile-hero-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.profile-demo-hero.layout-minimal .profile-hero-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;width:100%}.profile-demo-hero.layout-minimal .profile-demo-avatar-wrapper{margin:0}.profile-demo-hero.layout-minimal .profile-demo-avatar{width:48px;height:48px}.profile-demo-hero.layout-minimal .profile-demo-avatar .avatar-placeholder-large,.profile-demo-hero.layout-minimal .profile-demo-avatar img,.profile-demo-hero.layout-minimal .profile-demo-avatar .profile-avatar-image{width:42px;height:42px;font-size:16px}.profile-demo-hero.layout-minimal .username-pill{display:none}.profile-demo-hero.layout-minimal .achievement-title-pill,.profile-demo-hero.layout-minimal .title-pill{position:absolute;bottom:72px;left:50%;transform:translate(-50%);margin:0;font-size:11px;padding:4px 12px;white-space:nowrap}.profile-demo-hero.layout-minimal .hero-actions-pill{padding:6px 12px}.profile-demo-hero.layout-minimal .profile-avatar-edit-overlay{position:absolute;bottom:auto;right:auto;top:50%;left:calc(100% + 12px);transform:translateY(-50%);transition:opacity .2s ease;animation:heroContentFadeIn .5s ease-out}.profile-demo-hero.layout-minimal .profile-demo-avatar{animation:heroContentFadeIn .5s ease-out}.profile-demo-hero.layout-minimal .hero-actions-pill .hero-action-btn{width:44px;height:44px}.profile-demo-hero.layout-cinematic{position:relative;cursor:pointer;padding:0;height:var(--hero-base-height)}.profile-demo-hero.layout-cinematic .profile-hero-overlay{opacity:1;transition:opacity .6s ease-in-out;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center}.profile-demo-hero.layout-cinematic .profile-hero-content{padding:32px 24px}.profile-demo-hero.layout-cinematic.overlay-hidden .profile-hero-overlay{opacity:0;pointer-events:none}.profile-demo-hero.layout-cinematic .cinematic-anchor{display:none}.profile-demo-hero.layout-cinematic .cinematic-anchor-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.profile-demo-hero.layout-cinematic .cinematic-anchor-avatar img,.profile-demo-hero.layout-cinematic .cinematic-anchor-avatar .avatar-placeholder-small{width:100%;height:100%;object-fit:cover}.profile-demo-hero.layout-cinematic .cinematic-anchor-avatar .avatar-placeholder-small{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9333ea,#ec4899);font-size:12px;font-weight:600;color:#fff}.profile-demo-hero.layout-cinematic .cinematic-tap-hint{display:block;position:absolute;bottom:12px;left:50%;transform:translate(-50%);padding:6px 12px;background:#00000080;border-radius:12px;font-size:10px;color:#fff9;opacity:0;transition:opacity .4s ease .5s;pointer-events:none;z-index:10}.profile-demo-hero.layout-cinematic.overlay-hidden .cinematic-tap-hint{opacity:1}.profile-demo-hero .profile-hero-overlay{transition:opacity .6s ease-in-out}.profile-demo-hero .profile-hero-content{animation:heroContentFadeIn .5s ease-out}@keyframes heroContentFadeIn{0%{opacity:0}to{opacity:1}}.profile-demo-hero.cinematic-init .profile-hero-overlay{transition:none!important}.profile-demo-hero.cinematic-init .profile-hero-content{animation:none!important}.video-name-bubble{position:absolute;top:12px;right:12px;z-index:10;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);font-size:12px;font-weight:500;color:#ffffffd9;white-space:nowrap;opacity:0;animation:videoNameFadeInOut 4s ease-out .3s forwards}@keyframes videoNameFadeInOut{0%{opacity:0;transform:translateY(-5px)}10%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.video-name-bubble:empty{display:none}.preview-mode-banner{display:none;margin:0 auto 12px;width:fit-content;background:linear-gradient(135deg,#14141cf2,#0c0c10f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 14px 10px 18px;border-radius:50px;border:2px solid transparent;align-items:center;gap:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fffffff2;white-space:nowrap}.preview-mode-close{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-10px -6px -10px 0;padding:0 8px 2px;border:none;border-radius:0;background:transparent;color:#fff9;font-size:18px;font-weight:400;line-height:1;cursor:pointer;transition:color .2s ease}.preview-mode-close:active{color:#fff}[data-veil-theme]:not([data-veil-theme=default]) .preview-mode-banner{background:linear-gradient(135deg,#14141cf2,#0c0c10f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.preview-mode .profile-demo-card.empty-section{display:none!important}.preview-mode .video-name-bubble{display:none}.preview-only{display:none!important}.preview-mode .preview-only{display:flex!important}.preview-only .hero-action-btn:disabled{opacity:.6;cursor:default;pointer-events:none}.profile-action-buttons{display:flex;gap:12px;justify-content:center;margin-top:16px}.profile-action-pill{flex:1;max-width:160px;padding:12px 16px;border-radius:12px;border:1px solid rgba(147,51,234,.3);background:#141419cc;color:#ffffffe6;font-size:13px;font-weight:500;text-align:center;cursor:default;opacity:.7}.preview-mode .card-edit-btn,.preview-mode .profile-avatar-edit-overlay,.preview-mode .hero-actions-pill:not(.preview-only),.preview-mode .about-helper-text,.preview-mode .quote-helper-text,.preview-mode .add-hubs-text,.preview-mode #addHubsBtn,.preview-mode #editHubsBtn,.preview-mode #headerSaveBtn,.preview-mode #headerCancelBtn{display:none!important}.preview-mode .quote-card:has(.quote-text.quote-empty-title),.preview-mode .about-card:has(.about-empty-title),.preview-mode .hubs-card:has(.hubs-empty-state){display:none}.preview-mode .quote-card.is-empty,.preview-mode .about-card.is-empty,.preview-mode .hubs-card.is-empty{display:none}.title-pill{display:inline-block;padding:6px 16px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border-radius:14px;cursor:pointer;position:relative;z-index:1;white-space:nowrap;box-sizing:border-box;margin-bottom:12px;transition:opacity .2s ease}.title-pill--standard{background:#14141cd9;border:none;color:#fffc}.title-pill--inner-circle-gold{background:linear-gradient(135deg,#0f0f0f,#191919) padding-box,linear-gradient(90deg,#aa771c,#bf953f,#fcf6ba,#bf953f,#aa771c) border-box;border:2px solid transparent;box-shadow:0 4px 20px #bf953f59,inset 0 0 30px #bf953f14;color:#d4af37}.title-pill--inner-circle-gold .title-text{background:linear-gradient(90deg,#bf953f,#d4af37,#e8c860,#d4af37,#bf953f 40%,#fcf6ba 48%,#fffef8,#fcf6ba 52%,#bf953f 60%,#d4af37,#e8c860,#d4af37,#bf953f);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:innerCircleShimmer 5s linear infinite}.title-pill--inner-circle-platinum{background:linear-gradient(135deg,#0d0d0d,#1a1a1a 30%,#252525,#1a1a1a 70%,#0d0d0d);border:2px solid #a8a8a8;box-shadow:0 4px 20px #a8a8a84d,inset 0 0 30px #ffffff0d;color:#c8cdd2}.title-pill--inner-circle-platinum .title-text{background:linear-gradient(90deg,#8a9199,#a8b0b8 8%,#c8cdd2,#b8bfc6 22%,#a0a8b0,#8a9199 38%,#f0f4f8 48%,#fff,#f0f4f8 52%,#8a9199 62%,#a0a8b0,#b8bfc6 78%,#c8cdd2,#a8b0b8 92%,#8a9199);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:innerCircleShimmer 5s linear infinite}@keyframes innerCircleShimmer{0%{background-position:100% center}20%{background-position:0% center}to{background-position:0% center}}@media (prefers-reduced-motion: reduce){.title-pill--inner-circle-gold .title-text,.title-pill--inner-circle-platinum .title-text{animation:none;background-position:50% center}}.title-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.title-picker-backdrop.visible{opacity:1;visibility:visible}.title-picker-sheet{position:fixed;bottom:0;left:0;right:0;max-height:60vh;background:transparent;border-top-left-radius:24px;border-top-right-radius:24px;z-index:9999;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.title-picker-sheet.visible{transform:translateY(0)}.title-picker-title-pill{position:relative;z-index:10;align-self:center;margin-bottom:-14px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:3px solid transparent;border-radius:20px}.title-picker-sheet.veil-mode .title-picker-title-pill{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.title-picker-panel{position:relative;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;display:flex;flex-direction:column;flex:1;overflow:hidden;padding:24px 16px 16px}.title-picker-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:200% 100%;border-radius:20px 20px 0 0;animation:titlePickerGradientFlow 8s linear infinite}@keyframes titlePickerGradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.title-picker-sheet.veil-mode .title-picker-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end),var(--veil-mode-sdm-glow));background-size:200% 100%}.title-picker-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;padding-bottom:max(16px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(147,51,234,.5) transparent}.title-picker-content::-webkit-scrollbar{width:4px}.title-picker-content::-webkit-scrollbar-track{background:transparent}.title-picker-content::-webkit-scrollbar-thumb{background:#9333ea80;border-radius:2px}.title-picker-sheet.veil-mode .title-picker-content{scrollbar-color:var(--veil-mode-sdm-glow) transparent}.title-picker-sheet.veil-mode .title-picker-content::-webkit-scrollbar-thumb{background:var(--veil-mode-sdm-glow)}.title-section{margin-bottom:20px}.title-section:last-child{margin-bottom:0}.title-section-header{display:inline-block;font-size:10px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:14px;padding:6px 14px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:16px}.title-picker-sheet.veil-mode .title-section-header{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.title-cards-grid{display:flex;flex-direction:column;gap:12px}.title-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .2s ease;position:relative}.title-card:active{transform:scale(.98);background:#ffffff0f}.title-card.selected{border-color:#9333ea80;background:#9333ea14}.title-card-preview{flex-shrink:0}.title-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.title-card-tier{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffd700e6}.title-card-desc{font-size:12px;color:#fff9;line-height:1.4}.title-card-check{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:14px;color:#a855f7}.title-items-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.title-item{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:#14141ccc;border:none;border-radius:50px;cursor:pointer;transition:all .2s ease;position:relative}.title-picker-sheet.veil-mode .title-item{background:#14141ccc}.title-item-text{font-size:13px;font-weight:500;color:#ffffffd9;white-space:nowrap}.title-item-check{font-size:11px;opacity:0;width:14px;transition:opacity .2s ease;color:#a855f7}.title-picker-sheet.veil-mode .title-item-check{color:var(--veil-mode-sdm-glow)}.title-item.selected{background:#ffffff14}.title-item.selected .title-item-check{opacity:1}.title-item.selected .title-item-text{color:#fff}.title-picker-sheet.veil-mode .title-item.selected{background:#ffffff14}.title-item.just-selected{animation:titleSelectPulse .25s ease}@keyframes titleSelectPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.title-picker-sheet.visible .title-picker-content{animation:titleContentFadeIn .2s ease .1s both}@keyframes titleContentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.title-picker-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width: 360px){.title-items-grid{gap:8px}.title-item{padding:8px 14px}.title-item-text{font-size:12px}}@media (prefers-reduced-motion: reduce){.title-picker-panel:before,.title-item,.title-picker-content{animation:none!important}.title-item{transition:background .2s ease}}.title-item.special-title{background:transparent;padding:6px;border:none;position:relative}.title-item.selected:after{content:"✓";position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;background:#1a1a1a;border:2px solid #9333ea;box-shadow:0 0 0 1px #0000004d,0 2px 8px #0006;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff;z-index:10}.title-picker-sheet.veil-mode .title-item.selected:after{border-color:var(--veil-mode-sdm-glow)}.title-detail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;opacity:0;transition:opacity .2s ease;border-radius:20px 20px 0 0}.title-detail-overlay.visible{opacity:1}.title-detail-modal{background:#121218f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:300px;width:90%;text-align:center;position:relative;transform:scale(.9);transition:transform .2s ease;overflow:hidden}.title-detail-overlay.visible .title-detail-modal{transform:scale(1)}.title-detail-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899)}.title-picker-sheet.veil-mode .title-detail-modal:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end))}.title-detail-close{position:absolute;top:12px;right:12px;background:none;border:none;color:#ffffff80;font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.title-detail-preview{padding:24px 24px 16px}.title-detail-preview .title-pill{margin:0 auto;display:inline-flex}.title-detail-desc{font-size:14px;color:#ffffffb3;line-height:1.5;padding:0 24px 24px}.title-detail-equip{display:inline-block;margin:0 auto 16px;padding:10px 28px;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:50px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:1px}.title-detail-equip:active{transform:scale(.98)}.title-picker-sheet.veil-mode .title-detail-equip{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box}.title-detail-equipped{display:inline-block;margin:0 auto 16px;padding:8px 20px;font-size:11px;color:#9333eae6;font-weight:600;text-transform:uppercase;letter-spacing:1px;background:transparent;border:2px solid rgba(147,51,234,.3);border-radius:50px}.title-picker-sheet.veil-mode .title-detail-equipped{color:var(--veil-mode-sdm-glow);border-color:color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent)}.inner-circle-heart{display:inline-block;vertical-align:middle;margin-left:4px;animation:heartColorShift 3s ease-in-out infinite}@keyframes heartColorShift{0%,to{color:#ec4899}33%{color:#a855f7}66%{color:#9333ea}}.title-picker-sheet.veil-mode .inner-circle-heart{animation:heartColorShiftVeil 3s ease-in-out infinite}@keyframes heartColorShiftVeil{0%,to{color:var(--veil-mode-sdm-glow)}50%{color:var(--veil-mode-nav-gradient-end)}}body>.title-detail-overlay{position:fixed;border-radius:0;z-index:10000}.title-detail-overlay.veil-mode .title-detail-modal:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end))}.title-detail-overlay.veil-mode .inner-circle-heart{animation:heartColorShiftVeil 3s ease-in-out infinite}.video-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.video-picker-backdrop.visible{opacity:1;visibility:visible}.video-picker-sheet{position:fixed;bottom:0;left:0;right:0;max-height:70vh;background:transparent;z-index:9999;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.video-picker-sheet.visible{transform:translateY(0)}.video-picker-handle{display:none}.video-picker-title-pill{position:relative;z-index:10;align-self:center;margin-bottom:-14px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:3px solid transparent;border-radius:20px}.video-picker-sheet.veil-mode .video-picker-title-pill{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.video-picker-panel{position:relative;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:24px 16px 16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.video-picker-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:200% 100%;border-radius:20px 20px 0 0;animation:pickerGradientFlow 8s linear infinite}@keyframes pickerGradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.video-picker-sheet.veil-mode .video-picker-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end),var(--veil-mode-sdm-glow));background-size:200% 100%}.video-picker-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:16px;flex-shrink:0}.video-picker-header>:first-child{justify-self:start}.video-picker-header>:nth-child(2){justify-self:center}.video-picker-header>:last-child{justify-self:end}.video-picker-nav-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffd9;font-size:14px;cursor:pointer;transition:transform .15s ease}.video-picker-nav-btn:active{transform:scale(.9)}.video-picker-nav-btn svg{width:18px;height:18px;flex-shrink:0}.video-favorites-btn svg{fill:gold;stroke:gold}.video-picker-sheet.veil-mode .video-picker-nav-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.video-speed-controls{display:flex;gap:6px;align-items:center}.video-speed-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;color:#ffffffb3;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.video-speed-btn:active{transform:scale(.95)}.video-speed-btn.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;color:#fff}.video-picker-sheet.veil-mode .video-speed-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.video-picker-sheet.veil-mode .video-speed-btn.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.video-control-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;color:#ffffffd9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-control-btn:not(.disabled){background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.video-control-btn:active:not(.disabled){transform:scale(.95)}.video-control-btn.disabled,.video-control-btn[disabled]{opacity:.4;pointer-events:none;cursor:not-allowed;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea26,#a855f726,#ec489926) border-box}.video-picker-sheet.veil-mode .video-control-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.video-picker-sheet.veil-mode .video-control-btn:not(.disabled){background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box}.video-picker-sheet.veil-mode .video-control-btn.disabled,.video-picker-sheet.veil-mode .video-control-btn[disabled]{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 15%,transparent)) border-box}.video-control-btn svg{width:16px;height:16px;stroke:#ffffffe6;stroke-width:2;fill:none}.video-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:videoContentFadeIn .15s ease-out}@keyframes videoContentFadeIn{0%{opacity:0}to{opacity:1}}.video-category-card{position:relative;border-radius:12px;border:none;background:#00000040;overflow:hidden;padding:0;cursor:pointer;transition:all .2s;animation:videoCardFadeIn .25s ease-out backwards}.video-category-card:nth-child(1){animation-delay:0ms}.video-category-card:nth-child(2){animation-delay:30ms}.video-category-card:nth-child(3){animation-delay:60ms}.video-category-card:nth-child(4){animation-delay:90ms}.video-category-card:nth-child(5){animation-delay:.12s}.video-category-card:nth-child(6){animation-delay:.15s}.video-category-card:nth-child(7){animation-delay:.18s}.video-category-card:nth-child(8){animation-delay:.21s}@keyframes videoCardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.video-category-poster{width:100%;height:70px;object-fit:cover;pointer-events:none;display:block}.video-category-card video{width:100%;height:70px;object-fit:cover;pointer-events:none;display:block}.video-category-label{padding:8px;text-align:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0 0 12px 12px}.video-category-label span{font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.video-myvideos-preview{width:100%;height:70px;background:linear-gradient(145deg,#1a1a1f,#0d0d10,#151518);display:flex;align-items:center;justify-content:center}.video-myvideos-icon-wrapper{width:38px;height:38px;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 100%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.video-myvideos-icon-wrapper svg{display:none}.video-myvideos-icon-wrapper.locked{background:#fff6;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2' fill='black'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2' fill='black'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}.video-myvideos-card.locked{opacity:.7}.video-promo-card{position:relative;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 50%,#a855f7 100%);padding:2px;border:none}.video-promo-preview{width:100%;height:70px;background:linear-gradient(145deg,#1a1a1f,#0d0d10,#151518);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border-radius:10px 10px 0 0}.video-promo-icon{width:24px;height:24px;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 100%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.video-promo-text{display:flex;flex-direction:column;align-items:center;gap:0}.video-promo-primary{font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.3px}.video-promo-secondary{font-size:8px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.3px}.video-promo-label{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:0 0 10px 10px}.video-promo-badge{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;font-size:8px;font-weight:700;padding:2px 5px;border-radius:4px;text-transform:uppercase}.video-presets-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -8px;padding:0 8px;flex:1}.video-presets-scroll::-webkit-scrollbar{display:none}.video-presets-grid{display:grid;gap:10px;padding-bottom:8px}.video-presets-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:400px;animation:videoContentFadeIn .15s ease-out;overscroll-behavior:contain}.video-presets-grid-container .video-preset-card{min-width:unset}.video-preset-card{position:relative;border-radius:10px;border:none;background:#00000040;overflow:hidden;padding:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;height:60px;animation:videoCardFadeIn .2s ease-out backwards;animation-fill-mode:forwards}.video-preset-card:nth-child(1){animation-delay:0ms}.video-preset-card:nth-child(2){animation-delay:30ms}.video-preset-card:nth-child(3){animation-delay:60ms}.video-preset-card:nth-child(4){animation-delay:90ms}.video-preset-card:nth-child(5){animation-delay:.12s}.video-preset-card:nth-child(6){animation-delay:.15s}.video-preset-card:nth-child(7){animation-delay:.18s}.video-preset-card:nth-child(8){animation-delay:.21s}.video-preset-card:nth-child(9){animation-delay:.24s}.video-preset-card:nth-child(10){animation-delay:.27s}.video-preset-card:nth-child(11){animation-delay:.3s}.video-preset-card:nth-child(12){animation-delay:.33s}.video-preset-card.active{background:linear-gradient(#14141c,#14141c) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;transform:scale(1.02)}.video-picker-sheet.veil-mode .video-preset-card.active{background:linear-gradient(#14141c,#14141c) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box}.video-preset-card:active{transform:scale(.95)}.video-preset-poster{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block;background:#0000004d}.video-preset-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity .25s ease}.video-preset-video.is-playing{opacity:1}.video-preset-card video{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.video-preset-label,.video-preset-label span{display:none}.video-preset-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:22px;height:22px;background:#1a1a1a;border:2px solid var(--veil-mode-sdm-glow, #9333ea);box-shadow:0 0 0 1px #0000004d,0 2px 8px #0006;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;animation:videoCheckPop .25s ease}@keyframes videoCheckPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.video-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;display:flex;gap:4px;transition:opacity .3s ease}.video-loading-spinner.hidden{opacity:0;pointer-events:none}.video-loading-dot{width:6px;height:6px;background:#ffffffe6;border-radius:50%;animation:videoLoadingBounce 1.2s ease-in-out infinite}.video-loading-dot:nth-child(1){animation-delay:0s}.video-loading-dot:nth-child(2){animation-delay:.15s}.video-loading-dot:nth-child(3){animation-delay:.3s}@keyframes videoLoadingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.video-preset-star{position:absolute;top:3px;right:3px;font-size:9px;z-index:10;text-shadow:0 1px 3px rgba(0,0,0,.6)}.video-favorites-empty{padding:40px 20px;text-align:center;color:#fff6;font-size:13px}.video-favorites-empty svg{margin-bottom:12px;opacity:.3}.video-favorites-empty p{margin:0}.video-favorites-empty span{display:block;margin-top:8px;font-size:11px}.video-picker-header-right{display:flex;align-items:center;gap:8px}.video-myvideos-btn.locked{opacity:.7}.video-upload-count{font-size:11px;color:#ffffff80;padding:4px 8px;background:#0000004d;border-radius:10px}.video-upload-btn{cursor:pointer}.video-upload-btn input[type=file]{display:none}.video-upload-btn svg{stroke:#ffffffe6}.video-upload-btn.uploading{opacity:.5;pointer-events:none}.video-upload-btn.uploading svg{animation:uploadPulse 1s ease-in-out infinite}@keyframes uploadPulse{0%,to{opacity:.5}50%{opacity:1}}.video-upload-limit-reached{font-size:11px;color:#ff6464cc;padding:4px 8px}.video-myvideos-empty{padding:40px 20px;text-align:center;color:#fff6;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-myvideos-empty-icon{width:48px;height:48px;margin-bottom:12px;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 100%);opacity:.6;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.video-myvideos-empty-icon svg{display:none}.video-myvideos-empty p{margin:0;color:#fff9}.video-myvideos-empty span{display:block;margin-top:8px;font-size:11px}.custom-video-card{position:relative;height:60px}.custom-video-card video{width:100%;height:100%;object-fit:cover}.custom-video-delete-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0c0c10d9;border:1.5px solid rgba(255,255,255,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,border-color .15s ease,transform .1s ease;z-index:10}.veil-mode .custom-video-delete-btn{background:linear-gradient(#0c0c10e6,#0c0c10e6) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #8b5cf6),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:1.5px solid transparent}.custom-video-card .custom-video-delete-btn{opacity:1}@media (hover: hover){.custom-video-card .custom-video-delete-btn{opacity:0}.custom-video-card:hover .custom-video-delete-btn,.custom-video-card:active .custom-video-delete-btn{opacity:1}}.custom-video-delete-btn:active{transform:scale(.92)}.custom-video-delete-btn svg{stroke:#ffffffb3}.custom-video-delete-btn:active svg{stroke:#fff}@media (max-width: 320px){.video-categories-grid,.video-presets-grid-container{grid-template-columns:repeat(2,1fr)}.video-preset-card{height:55px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.video-picker-panel{padding-bottom:calc(16px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.video-picker-sheet,.video-category-card,.video-preset-card,.video-preset-check,.video-categories-grid,.video-presets-grid-container{animation:none;transition:none}}.veil-pro-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.veil-pro-backdrop.visible{opacity:1;visibility:visible}.veil-pro-backdrop.picker-context{background:#00000026}.veil-pro-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:transparent;z-index:10001;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.veil-pro-sheet.visible{transform:translateY(0)}.veil-pro-handle{width:40px;height:4px;background:#fff6;border-radius:2px;margin:12px auto;flex-shrink:0}.veil-pro-panel{background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));flex:1;overflow-y:auto;position:relative}.veil-pro-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;border:none;background:#ffffff1a;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.veil-pro-close:active{transform:scale(.95);background:#ffffff26}.veil-pro-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}.veil-pro-badge{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px}.veil-pro-title{font-size:24px;font-weight:700;margin:0;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 50%,#a855f7 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.veil-pro-intro{text-align:center;color:#ffffffb3;font-size:14px;margin:0 0 20px}.veil-pro-benefits{list-style:none;padding:0;margin:0 0 24px}.veil-pro-benefits li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.veil-pro-benefits li:last-child{border-bottom:none}.veil-pro-check{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 100%);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.veil-pro-benefits li span:last-child{color:#ffffffe6;font-size:14px}.veil-pro-upgrade-btn{width:100%;padding:14px 24px;border:2px solid var(--veil-mode-sdm-glow, #9333ea);border-radius:50px;background:transparent;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.veil-pro-upgrade-btn:active{transform:scale(.98);background:#9333ea26}@media (prefers-reduced-motion: reduce){.veil-pro-backdrop,.veil-pro-sheet,.veil-pro-close,.veil-pro-upgrade-btn{transition:none}}.vcs-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.vcs-backdrop.visible{opacity:1;visibility:visible;pointer-events:auto}.vcs-modal{position:fixed;bottom:0;left:0;right:0;max-height:55vh;max-height:55dvh;background:transparent;z-index:10001;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:visible}.vcs-modal.visible{transform:translateY(0)}.vcs-modal.vcs-anchored{top:var(--vcs-hero-bottom);bottom:0;max-height:none}.vcs-title-pill{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:10;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:3px solid transparent;border-radius:20px}.vcs-panel{position:relative;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:24px 16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:16px}.vcs-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:200% 100%;border-radius:20px 20px 0 0;animation:vcsGradientFlow 8s linear infinite}@keyframes vcsGradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.vcs-header{text-align:center}.vcs-title{margin:0;font-size:18px;font-weight:600;color:#fff;letter-spacing:-.02em}.vcs-subtitle{display:block;margin-top:4px;font-size:13px;color:#ffffff80}.vcs-time-display{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:#ffffff08;border-radius:12px;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:#fff}.vcs-time-separator{color:#ffffff4d}.vcs-timeline-container{display:flex;flex-direction:column;gap:6px}.vcs-timeline{position:relative;height:50px;border-radius:10px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);touch-action:none}.vcs-thumbnails{display:flex;height:100%;gap:1px}.vcs-thumb{flex:1;height:100%;object-fit:cover;opacity:.6}.vcs-thumbs-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:11px}.vcs-selection{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--veil-mode-sdm-glow, #8b5cf6) 15%,transparent);border:2px solid color-mix(in srgb,var(--veil-mode-sdm-glow, #a78bfa) 80%,transparent);border-radius:6px;cursor:grab;touch-action:none}.vcs-selection:active{cursor:grabbing}.vcs-handle{position:absolute;top:0;bottom:0;width:14px;background:linear-gradient(180deg,var(--veil-mode-nav-gradient-end, #a78bfa) 0%,var(--veil-mode-sdm-glow, #8b5cf6) 100%);cursor:ew-resize;display:flex;align-items:center;justify-content:center;touch-action:none}.vcs-handle:after{content:"";width:3px;height:16px;background:#fff9;border-radius:2px}.vcs-handle-start{left:-2px;border-radius:6px 0 0 6px}.vcs-handle-end{right:-2px;border-radius:0 6px 6px 0}.vcs-playhead{display:none}.vcs-timeline-labels{display:flex;justify-content:space-between;padding:0 4px;font-size:10px;color:#fff6;font-variant-numeric:tabular-nums}.vcs-info{display:flex;justify-content:space-around;padding:10px 12px;background:#ffffff08;border-radius:10px;border:1px solid rgba(255,255,255,.05)}.vcs-info-item{display:flex;flex-direction:column;align-items:center;gap:3px}.vcs-info-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#fff6}.vcs-info-value{font-size:12px;font-weight:500;color:#ffffffe6}.vcs-tips{display:flex;align-items:center;gap:16px;padding:10px 14px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.04)}.vcs-tips-content{flex:1}.vcs-tips-header{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:#ffffff59;margin-bottom:6px}.vcs-tips-list{margin:0;padding:0 0 0 16px;font-size:12px;color:#ffffff8c;line-height:1.5}.vcs-tips-list li{margin-bottom:2px}.vcs-tips-list li:last-child{margin-bottom:0}.vcs-tips-icon{width:44px;height:44px;flex-shrink:0;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 100%);opacity:.5;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath d='M-.013 8v9a5.002 5.002 0 0 0 5 5h12a5.002 5.002 0 0 0 5-5V8zm14.49 6.87-6 3.38a.947.947 0 0 1-.49.13 1.014 1.014 0 0 1-1-1v-6.76a1.004 1.004 0 0 1 1.49-.87l6 3.38a.997.997 0 0 1 0 1.74zM6.097 6h-6.11V5A4.99 4.99 0 0 1 2.257.81l1.19 1.62zm9.01 0h-6.52l-2.96-4L4.187.07a4.25 4.25 0 0 1 .8-.07h5.72l1.46 2zm6.88-1v1h-4.4l-2.95-4-1.47-2h3.82a5.002 5.002 0 0 1 5 5z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.vcs-actions{display:flex;gap:10px}.vcs-btn{flex:1;padding:12px 16px;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:50px;font-size:14px;font-weight:600;color:#ffffffe6;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.vcs-btn:active{transform:scale(.97);opacity:.85}.vcs-loading,.vcs-processing,.vcs-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:50px 20px;text-align:center}.vcs-loading p,.vcs-processing p{margin:0;font-size:15px;font-weight:500;color:#fff}.vcs-processing-sub{font-size:12px;color:#ffffff80}.vcs-spinner{width:36px;height:36px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:vcs-spin .8s linear infinite}@keyframes vcs-spin{to{transform:rotate(360deg)}}.vcs-error-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ef444426;border-radius:50%;font-size:22px;font-weight:700;color:#ef4444}.vcs-error p{margin:0;font-size:13px;color:#ffffffb3;max-width:260px}@media (min-width: 768px){.vcs-modal{bottom:auto;top:50%;left:50%;right:auto;transform:translate(-50%,-50%) scale(.9);opacity:0;max-width:420px;width:90%;max-height:80vh;border-radius:20px;transition:transform .3s ease,opacity .3s ease}.vcs-modal.visible{transform:translate(-50%,-50%) scale(1);opacity:1}.vcs-panel{border-radius:20px}.vcs-panel:before{border-radius:20px 20px 0 0}}.vcs-backdrop.veil-mode{background:transparent}.vcs-modal.veil-mode .vcs-title-pill{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #ec4899) 100%) border-box}.vcs-modal.veil-mode .vcs-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899),var(--veil-mode-sdm-glow, #9333ea));background-size:200% 100%}.vcs-modal.veil-mode .vcs-spinner{border-color:color-mix(in srgb,var(--veil-mode-sdm-glow, #8b5cf6) 20%,transparent);border-top-color:var(--veil-mode-sdm-glow, #8b5cf6)}.vcs-modal.veil-mode .vcs-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box}.gradient-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.gradient-picker-backdrop.visible{opacity:1;visibility:visible}.gradient-picker-sheet{position:fixed;bottom:0;left:0;right:0;max-height:75vh;background:transparent;border-top-left-radius:24px;border-top-right-radius:24px;z-index:9999;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.gradient-picker-sheet.visible{transform:translateY(0)}.gradient-picker-handle{display:none}.gradient-picker-title-pill{position:relative;z-index:10;align-self:center;margin-bottom:-14px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:3px solid transparent;border-radius:20px}.gradient-picker-sheet.veil-mode .gradient-picker-title-pill{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.gradient-picker-panel{position:relative;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;display:flex;flex-direction:column;flex:1;overflow:hidden;padding:24px 16px 16px}.gradient-picker-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:200% 100%;border-radius:20px 20px 0 0;animation:gradientPickerFlow 8s linear infinite}@keyframes gradientPickerFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.gradient-picker-sheet.veil-mode .gradient-picker-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end),var(--veil-mode-sdm-glow));background-size:200% 100%}.gradient-picker-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:16px;flex-shrink:0}.gradient-picker-header>:first-child{justify-self:start}.gradient-picker-header>:nth-child(2){justify-self:center}.gradient-picker-header>:last-child{justify-self:end}.gradient-picker-title{font-size:13px;font-weight:600;color:#ffffffe6;padding:8px 12px}.gradient-picker-nav-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffe6;font-size:14px;cursor:pointer;transition:transform .15s ease}.gradient-picker-nav-btn:active{transform:scale(.9)}.gradient-picker-nav-btn svg{width:18px;height:18px;flex-shrink:0}.gradient-favorites-btn svg{fill:gold}.gradient-picker-sheet.veil-mode .gradient-picker-nav-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.gradient-picker-controls{display:flex;align-items:center;gap:8px}.gradient-flip-btn,.gradient-control-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease}.gradient-control-btn:not(.disabled){background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.gradient-flip-btn:active,.gradient-control-btn:active:not(.disabled){transform:scale(.95)}.gradient-flip-btn.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.gradient-control-btn.disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea26,#a855f726,#ec489926) border-box}.gradient-picker-sheet.veil-mode .gradient-flip-btn,.gradient-picker-sheet.veil-mode .gradient-control-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.gradient-picker-sheet.veil-mode .gradient-control-btn:not(.disabled),.gradient-picker-sheet.veil-mode .gradient-flip-btn.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box}.gradient-picker-sheet.veil-mode .gradient-control-btn.disabled{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 15%,transparent)) border-box}.gradient-flip-icon,.gradient-control-btn svg{width:20px;height:20px;color:#ffffffe6;transition:color .2s ease}.gradient-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch}.gradient-categories-grid::-webkit-scrollbar{display:none}.gradient-category-card{position:relative;height:70px;border-radius:12px;border:none;cursor:pointer;overflow:hidden;transition:all .2s ease}.gradient-category-card:hover{transform:scale(1.02);box-shadow:0 0 0 2px #9333ea80}.gradient-category-card:active{transform:scale(.98)}.gradient-category-label{position:absolute;bottom:0;left:0;right:0;padding:8px 4px;background:#141414;display:flex;align-items:center;justify-content:center;color:#fffffff2;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-text-size-adjust:100%;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.gradient-carousel-container{overflow:hidden;position:relative;touch-action:pan-y;flex:1}.gradient-carousel-track{display:flex;transition:transform .3s ease;height:100%}.gradient-carousel-page{min-width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 2px;align-content:start}.gradient-presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:8px}.gradient-presets-grid::-webkit-scrollbar{display:none}.gradient-preset-card{position:relative;border-radius:12px;border:none;cursor:pointer;overflow:hidden;transition:all .2s ease;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end}.gradient-preset-card:active{transform:scale(.97)}.gradient-preset-card.selected{border:3px solid #9333ea!important}.gradient-picker-sheet.veil-mode .gradient-preset-card.selected{border:3px solid var(--veil-mode-sdm-glow, #9333ea)!important}.gradient-preset-star{position:absolute;top:4px;right:4px;font-size:10px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.gradient-preset-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-70%);width:24px;height:24px;background:#1a1a1a;border:2px solid var(--veil-mode-sdm-glow, #9333ea);box-shadow:0 0 0 1px #0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;animation:gradientCheckPop .3s ease}@keyframes gradientCheckPop{0%{scale:0;opacity:0}50%{scale:1.2}to{scale:1;opacity:1}}.gradient-preset-label{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px 4px;background:#141414;display:flex;align-items:center;justify-content:center;color:#fffffff2;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-size-adjust:100%;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.gradient-carousel-dots{display:flex;justify-content:center;gap:6px;padding:12px 0 0;flex-shrink:0}.gradient-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .2s ease}.gradient-dot:hover,.gradient-dot:active{background:#ffffff80}.gradient-dot.active{background:#9333ea;transform:scale(1.2)}.gradient-favorites-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff80;text-align:center;gap:8px;padding:40px 20px;-webkit-user-select:none;user-select:none;pointer-events:none}.gradient-favorites-empty svg{opacity:.4;margin-bottom:8px}.gradient-favorites-empty p{font-size:14px;font-weight:600;color:#ffffffb3;margin:0}.gradient-favorites-empty span{font-size:12px;opacity:.7}@keyframes gradient-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-anim-shimmer{animation:gradient-shimmer 3s ease-in-out infinite}.gradient-anim-shimmer-slow{animation:gradient-shimmer 5s ease-in-out infinite}@keyframes gradient-flow{0%{background-position:20% 50%}50%{background-position:80% 50%}to{background-position:20% 50%}}.gradient-anim-flow{animation:gradient-flow 4s ease infinite}.gradient-anim-flow-slow{animation:gradient-flow 8s ease infinite}.gradient-anim-flow-medium{animation:gradient-flow 5s ease infinite}.gradient-anim-flow-fast{animation:gradient-flow 2.5s ease infinite}@keyframes gradient-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}.gradient-anim-pulse-medium{animation:gradient-pulse 2s ease-in-out infinite}.gradient-anim-pulse-slow{animation:gradient-pulse 4s ease-in-out infinite}@keyframes gradient-breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}.gradient-anim-breathe{animation:gradient-breathe 3s ease-in-out infinite}.gradient-anim-breathe-slow{animation:gradient-breathe 5s ease-in-out infinite}@keyframes gradient-drift{0%{background-position:25% 25%}25%{background-position:75% 25%}50%{background-position:75% 75%}75%{background-position:25% 75%}to{background-position:25% 25%}}.gradient-anim-drift{animation:gradient-drift 8s ease infinite}@keyframes gradient-wave{0%{background-position:25% 50%}25%{background-position:50% 25%}50%{background-position:75% 50%}75%{background-position:50% 75%}to{background-position:25% 50%}}.gradient-anim-wave{animation:gradient-wave 5s ease infinite}@keyframes gradient-sparkle{0%,to{filter:brightness(1) contrast(1);background-position:25% 50%}25%{filter:brightness(1.4) contrast(1.1);background-position:50% 25%}50%{filter:brightness(1) contrast(1);background-position:75% 50%}75%{filter:brightness(1.4) contrast(1.1);background-position:50% 75%}}.gradient-anim-sparkle{animation:gradient-sparkle 3s ease infinite}.gradient-glow-subtle{box-shadow:0 0 12px var(--swatch-glow-color, rgba(147, 51, 234, .5))}.gradient-glow-intense{box-shadow:0 0 15px var(--swatch-glow-color, rgba(147, 51, 234, .6)),0 0 25px var(--swatch-glow-color, rgba(147, 51, 234, .3))}@keyframes swatch-glow-pulse-subtle{0%,to{box-shadow:0 0 8px var(--swatch-glow-color, rgba(147, 51, 234, .4))}50%{box-shadow:0 0 15px var(--swatch-glow-color, rgba(147, 51, 234, .7))}}@keyframes swatch-glow-pulse-intense{0%,to{box-shadow:0 0 10px var(--swatch-glow-color, rgba(147, 51, 234, .5)),0 0 18px var(--swatch-glow-color, rgba(147, 51, 234, .25))}50%{box-shadow:0 0 18px var(--swatch-glow-color, rgba(147, 51, 234, .8)),0 0 30px var(--swatch-glow-color, rgba(147, 51, 234, .4))}}@supports (padding-bottom: env(safe-area-inset-bottom)){.gradient-picker-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width: 360px){.gradient-categories-grid,.gradient-presets-grid,.gradient-carousel-page{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){.gradient-preset-preview,.gradient-category-card{animation:none!important}}.console-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.console-picker-backdrop.visible{opacity:1;visibility:visible}.console-picker-sheet{position:fixed;bottom:0;left:0;right:0;max-height:75vh;background:transparent;border-top-left-radius:24px;border-top-right-radius:24px;z-index:9999;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.console-picker-sheet.visible{transform:translateY(0)}.console-picker-handle{display:none}.console-picker-title-pill{position:relative;z-index:10;align-self:center;margin-bottom:-14px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:3px solid transparent;border-radius:20px}.console-picker-sheet.veil-mode .console-picker-title-pill{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.console-picker-panel{position:relative;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;display:flex;flex-direction:column;flex:1;overflow:hidden;padding:24px 16px 16px}.console-picker-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:200% 100%;border-radius:20px 20px 0 0;animation:consolePickerFlow 8s linear infinite}@keyframes consolePickerFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.console-picker-sheet.veil-mode .console-picker-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end),var(--veil-mode-sdm-glow));background-size:200% 100%}.console-picker-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin-bottom:16px;flex-shrink:0}.console-picker-header>:first-child{justify-self:start}.console-picker-header>:nth-child(2){justify-self:center}.console-picker-header>:last-child{justify-self:end}.console-picker-title{font-size:13px;font-weight:600;color:#ffffffe6;padding:8px 12px}.console-picker-nav-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:50%;color:#ffffffe6;font-size:14px;cursor:pointer;transition:transform .15s ease}.console-picker-nav-btn:active{transform:scale(.9)}.console-picker-nav-btn svg{width:18px;height:18px;flex-shrink:0}.console-favorites-btn svg{fill:gold}.console-picker-sheet.veil-mode .console-picker-nav-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.console-picker-controls{display:flex;align-items:center;gap:8px}.console-flip-btn,.console-control-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;border-radius:50%;cursor:pointer;transition:all .2s ease}.console-control-btn:not(.disabled){background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.console-flip-btn:active,.console-control-btn:active:not(.disabled){transform:scale(.95)}.console-flip-btn.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.console-control-btn.disabled,.console-flip-btn.disabled{opacity:.4;cursor:not-allowed;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea26,#a855f726,#ec489926) border-box;pointer-events:none}.console-picker-sheet.veil-mode .console-flip-btn,.console-picker-sheet.veil-mode .console-control-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.console-picker-sheet.veil-mode .console-control-btn:not(.disabled),.console-picker-sheet.veil-mode .console-flip-btn.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box}.console-picker-sheet.veil-mode .console-control-btn.disabled,.console-picker-sheet.veil-mode .console-flip-btn.disabled{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 15%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 15%,transparent)) border-box}.console-flip-icon{width:26px;height:26px;color:#ffffffe6;transition:color .2s ease}.console-control-btn svg{width:20px;height:20px;color:#ffffffe6;transition:color .2s ease}.console-mode-toggle{display:flex;gap:10px;margin-bottom:16px;margin-top:4px}.console-mode-btn{flex:1;padding:12px 16px;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:50px;color:#fff;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-size:14px;font-weight:600}.console-mode-btn:hover{background:linear-gradient(#1e1e26f2,#1e1e26f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.console-mode-btn:active{transform:scale(.98)}.console-picker-sheet.veil-mode .console-mode-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box}.console-picker-sheet.veil-mode .console-mode-btn:hover,.console-picker-sheet.veil-mode .console-mode-btn:active{background:linear-gradient(#1e1e26f2,#1e1e26f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box}.console-mode-icon{font-size:16px}.console-mode-label{font-size:13px;font-weight:600}.console-quick-favorites{margin-top:8px}.console-quick-label{font-size:11px;font-weight:600;color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;background:#ffffff0d;padding:6px 12px;border-radius:8px;display:inline-block}.console-quick-grid{display:flex;gap:8px;flex-wrap:wrap}.console-quick-swatch{width:48px;height:48px;border-radius:8px;border:2px solid rgba(0,0,0,.4);cursor:pointer;position:relative;transition:all .2s ease}.console-quick-swatch:hover,.console-quick-swatch:active{border-color:var(--veil-mode-sdm-glow, #9333ea);transform:scale(1.05)}.console-quick-swatch.selected{border-color:var(--veil-mode-sdm-glow, #9333ea)}.console-quick-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:#1a1a1a;border:2px solid var(--veil-mode-sdm-glow, #9333ea);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700}.console-categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:consoleContentFadeIn .15s ease-out}@keyframes consoleContentFadeIn{0%{opacity:0}to{opacity:1}}.console-categories-grid::-webkit-scrollbar{display:none}.console-category-card{position:relative;height:70px;border-radius:12px;border:none;background:transparent;cursor:pointer;overflow:hidden;transition:all .2s ease;animation:consoleCardFadeIn .25s ease-out backwards}.console-category-card:nth-child(1){animation-delay:0ms}.console-category-card:nth-child(2){animation-delay:30ms}.console-category-card:nth-child(3){animation-delay:60ms}.console-category-card:nth-child(4){animation-delay:90ms}.console-category-card:nth-child(5){animation-delay:.12s}.console-category-card:nth-child(6){animation-delay:.15s}@keyframes consoleCardFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.console-category-card:hover{transform:scale(1.02);box-shadow:0 0 0 2px #9333ea80}.console-category-card:active{transform:scale(.98)}.console-category-label{position:absolute;bottom:0;left:0;right:0;padding:8px 4px;background:#141414;border-radius:0 0 12px 12px;display:flex;align-items:center;justify-content:center;gap:4px;color:#fffffff2;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;z-index:1}.console-category-label small{font-size:9px;font-weight:500;opacity:.6}.console-carousel-container{overflow:hidden;position:relative;touch-action:pan-y;flex:1;animation:consoleContentFadeIn .15s ease-out}.console-carousel-track{display:flex;transition:transform .3s ease;height:100%}.console-carousel-page{min-width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 2px;align-content:start}.console-presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;padding-bottom:8px;animation:consoleContentFadeIn .15s ease-out}.console-presets-grid::-webkit-scrollbar{display:none}.console-preset-card{position:relative;border-radius:12px;border:none;cursor:pointer;overflow:hidden;transition:all .2s ease;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end;animation:consoleCardFadeIn .2s ease-out backwards}.console-preset-card:nth-child(1){animation-delay:0ms}.console-preset-card:nth-child(2){animation-delay:25ms}.console-preset-card:nth-child(3){animation-delay:50ms}.console-preset-card:nth-child(4){animation-delay:75ms}.console-preset-card:nth-child(5){animation-delay:.1s}.console-preset-card:nth-child(6){animation-delay:125ms}.console-preset-card:nth-child(7){animation-delay:.15s}.console-preset-card:nth-child(8){animation-delay:175ms}.console-preset-card:nth-child(9){animation-delay:.2s}.console-preset-card:nth-child(10){animation-delay:225ms}.console-preset-card:nth-child(11){animation-delay:.25s}.console-preset-card:nth-child(12){animation-delay:275ms}.console-preset-card:active{transform:scale(.97)}.console-preset-card.selected{background:linear-gradient(#14141c,#14141c) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box!important;border:2px solid transparent!important}.console-picker-sheet.veil-mode .console-preset-card.selected{background:linear-gradient(#14141c,#14141c) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end)) border-box!important}.console-bg-card{background:transparent!important;overflow:hidden}.console-bg-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--bg-image);background-size:cover;background-position:center;border-radius:inherit;z-index:0;transition:transform .2s ease}.console-bg-card.flipped:before{transform:scaleX(-1)}.console-bg-card .console-preset-label,.console-bg-card .console-preset-check,.console-bg-card .console-preset-star{z-index:1}.console-preset-preview{height:70px;position:relative}.console-preset-star{position:absolute;top:4px;right:4px;font-size:10px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.console-preset-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:24px;height:24px;background:#1a1a1a;border:2px solid var(--veil-mode-sdm-glow, #9333ea);box-shadow:0 0 0 1px #0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;animation:consoleCheckPop .3s ease}@keyframes consoleCheckPop{0%{transform:translate(-50%,-50%) scale(0);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.console-preset-label{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:8px 4px;background:#141414;display:flex;align-items:center;justify-content:center;color:#fffffff2;font-size:10px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.console-carousel-dots{display:flex;justify-content:center;gap:6px;padding:12px 0 0;flex-shrink:0}.console-dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:all .2s ease}.console-dot:hover,.console-dot:active{background:#ffffff80}.console-dot.active{background:#9333ea;transform:scale(1.2)}.console-favorites-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff80;text-align:center;gap:8px;padding:40px 20px}.console-favorites-empty svg{opacity:.4;margin-bottom:8px}.console-favorites-empty p{font-size:14px;font-weight:600;color:#ffffffb3;margin:0}.console-favorites-empty span{font-size:12px;opacity:.7}.console-coming-soon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px 20px}.console-coming-icon{font-size:48px;opacity:.4;margin-bottom:8px}.console-coming-title{font-size:16px;font-weight:600;color:#ffffffb3;margin:0}.console-coming-text{font-size:12px;color:#ffffff80}.console-picker-header-right{display:flex;align-items:center;gap:8px}.console-mypanels-btn.locked{opacity:.7}.console-mypanels-btn.locked .console-category-sublabel{font-size:10px;color:#fff9;margin-top:2px}.panel-upload-count{font-size:11px;color:#ffffff80;padding:4px 8px;background:#0000004d;border-radius:10px}.console-upload-btn{cursor:pointer}.console-upload-btn input[type=file]{display:none}.console-upload-btn svg{stroke:#ffffffe6}.console-upload-btn.uploading{opacity:.5;pointer-events:none}.console-upload-btn.uploading svg{animation:panelUploadPulse 1s ease-in-out infinite}@keyframes panelUploadPulse{0%,to{opacity:.5}50%{opacity:1}}.panel-upload-limit-reached{font-size:11px;color:#ff6464cc;padding:4px 8px}.console-mypanels-preview{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:linear-gradient(145deg,#1e1428e6,#0f0a19f2,#190f23e6);display:flex;align-items:center;justify-content:center;padding-bottom:28px}.console-mypanels-icon-wrapper{width:28px;height:28px;background:#ffffff80;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m16,11.25h-3.25v-3.25c0-.41-.34-.75-.75-.75s-.75.34-.75.75v3.25h-3.25c-.41,0-.75.34-.75.75s.34.75.75.75h3.25v3.25c0,.41.34.75.75.75s.75-.34.75-.75v-3.25h3.25c.41,0,.75-.34.75-.75s-.34-.75-.75-.75Z'/%3E%3Cpath d='m12,2.25C6.62,2.25,2.25,6.62,2.25,12s4.37,9.75,9.75,9.75,9.75-4.37,9.75-9.75S17.38,2.25,12,2.25Zm0,18c-4.55,0-8.25-3.7-8.25-8.25S7.45,3.75,12,3.75s8.25,3.7,8.25,8.25-3.7,8.25-8.25,8.25Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m16,11.25h-3.25v-3.25c0-.41-.34-.75-.75-.75s-.75.34-.75.75v3.25h-3.25c-.41,0-.75.34-.75.75s.34.75.75.75h3.25v3.25c0,.41.34.75.75.75s.75-.34.75-.75v-3.25h3.25c.41,0,.75-.34.75-.75s-.34-.75-.75-.75Z'/%3E%3Cpath d='m12,2.25C6.62,2.25,2.25,6.62,2.25,12s4.37,9.75,9.75,9.75,9.75-4.37,9.75-9.75S17.38,2.25,12,2.25Zm0,18c-4.55,0-8.25-3.7-8.25-8.25S7.45,3.75,12,3.75s8.25,3.7,8.25,8.25-3.7,8.25-8.25,8.25Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.console-promo-card{overflow:hidden}.console-promo-preview{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1a1a1f,#0d0d10,#151518);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px}.console-promo-icon{width:24px;height:24px;background:linear-gradient(135deg,#9333ea,#7c3aed);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2' fill='black'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2' fill='black'/%3E%3Cpath d='M7 11V7a5 5 0 0110 0v4' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain}.console-promo-text{display:flex;flex-direction:column;align-items:center;gap:2px}.console-promo-primary{font-size:9px;font-weight:600;color:#fffc;letter-spacing:.5px}.console-promo-secondary{font-size:8px;color:#ffffff80}.console-promo-label{display:flex;align-items:center;gap:6px}.console-promo-badge{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;font-size:8px;font-weight:700;padding:2px 6px;border-radius:4px}.console-mypanels-empty{padding:40px 20px;text-align:center;color:#fff6;font-size:13px;display:flex;flex-direction:column;align-items:center;justify-content:center}.console-mypanels-empty-icon{width:48px;height:48px;margin-bottom:12px;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea) 0%,var(--veil-mode-nav-gradient-end, #7c3aed) 100%);opacity:.6;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 68'%3E%3Cpath d='M61.0081,15.5433c-0.2408-0.0903-0.4916-0.1605-0.7524-0.2107l-1.254-0.2608v31.6813c0,4.8856-3.9727,8.8584-8.8583,8.8584H9.1422c-1.3242,0-2.5883-0.2909-3.7119-0.8126c0.9731,1.3343,2.4177,2.3275,4.1633,2.6886l0.622,0.1304l39.5064,8.2364c3.7019,0.7724,7.3335-1.6052,8.106-5.307l1.7556-8.437l1.4245-6.8118l2.197-10.5237l1.3242-6.3603l1.0333-4.9659C66.285,19.9976,64.2786,16.6168,61.0081,15.5433z'/%3E%3Cpath d='M50.1434,2H9.1422C5.3601,2,2.2903,5.0698,2.2903,8.8519v37.9013c0,3.7821,3.0698,6.8519,6.8519,6.8519h41.0012c3.7821,0,6.8519-3.0698,6.8519-6.8519V8.8519C56.9953,5.0698,53.9255,2,50.1434,2z M51.9793,39.4599c0,0.2909-0.0301,0.5618-0.0802,0.8326l-6.4506-9.8415c-1.0635-1.6152-3.431-1.6152-4.4944,0l-7.0827,10.8046l-5.628-8.5975l-3.421-5.2067l-2.9494-4.5044c-1.0635-1.6152-3.431-1.6152-4.4944,0L7.3063,38.3062V11.1493c0-2.2873,1.8459-4.1332,4.1332-4.1332H47.846c2.2873,0,4.1332,1.8459,4.1332,4.1332V39.4599z'/%3E%3Ccircle cx='33.902' cy='19.871' r='3.476'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 68'%3E%3Cpath d='M61.0081,15.5433c-0.2408-0.0903-0.4916-0.1605-0.7524-0.2107l-1.254-0.2608v31.6813c0,4.8856-3.9727,8.8584-8.8583,8.8584H9.1422c-1.3242,0-2.5883-0.2909-3.7119-0.8126c0.9731,1.3343,2.4177,2.3275,4.1633,2.6886l0.622,0.1304l39.5064,8.2364c3.7019,0.7724,7.3335-1.6052,8.106-5.307l1.7556-8.437l1.4245-6.8118l2.197-10.5237l1.3242-6.3603l1.0333-4.9659C66.285,19.9976,64.2786,16.6168,61.0081,15.5433z'/%3E%3Cpath d='M50.1434,2H9.1422C5.3601,2,2.2903,5.0698,2.2903,8.8519v37.9013c0,3.7821,3.0698,6.8519,6.8519,6.8519h41.0012c3.7821,0,6.8519-3.0698,6.8519-6.8519V8.8519C56.9953,5.0698,53.9255,2,50.1434,2z M51.9793,39.4599c0,0.2909-0.0301,0.5618-0.0802,0.8326l-6.4506-9.8415c-1.0635-1.6152-3.431-1.6152-4.4944,0l-7.0827,10.8046l-5.628-8.5975l-3.421-5.2067l-2.9494-4.5044c-1.0635-1.6152-3.431-1.6152-4.4944,0L7.3063,38.3062V11.1493c0-2.2873,1.8459-4.1332,4.1332-4.1332H47.846c2.2873,0,4.1332,1.8459,4.1332,4.1332V39.4599z'/%3E%3Ccircle cx='33.902' cy='19.871' r='3.476'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.console-mypanels-empty-icon svg{display:none}.console-mypanels-empty p{margin:0;color:#fff9}.console-mypanels-empty span{display:block;margin-top:8px;font-size:11px}.custom-panel-card{position:relative}.custom-panel-delete-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#ff3b30e6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;z-index:10}.custom-panel-card:hover .custom-panel-delete-btn,.custom-panel-card:active .custom-panel-delete-btn{opacity:1}.custom-panel-delete-btn:hover,.custom-panel-delete-btn:active{background:#ff3b30}.custom-panel-delete-btn svg{stroke:#fff}@supports (padding-bottom: env(safe-area-inset-bottom)){.console-picker-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width: 360px){.console-categories-grid,.console-presets-grid,.console-carousel-page{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion: reduce){.console-picker-panel,.console-preset-card,.console-category-card,.console-preset-check,.console-categories-grid,.console-presets-grid,.console-carousel-container{animation:none;transition:none}}.quote-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.quote-picker-backdrop.visible{opacity:1;visibility:visible}.quote-picker-sheet{position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:transparent;border-top-left-radius:24px;border-top-right-radius:24px;z-index:9999;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.quote-picker-sheet.visible{transform:translateY(0)}.quote-picker-handle{display:none}.quote-picker-title{position:relative;z-index:10;align-self:center;margin-bottom:-14px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:3px solid transparent;border-radius:20px}.quote-picker-sheet.veil-mode .quote-picker-title{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.quote-picker-panel{position:relative;background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:24px 20px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto}.quote-picker-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:200% 100%;border-radius:20px 20px 0 0;animation:panelGradientFlow 8s linear infinite}@keyframes panelGradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.quote-picker-sheet.veil-mode .quote-picker-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end),var(--veil-mode-sdm-glow));background-size:200% 100%}.quote-mode-toggle{display:flex;gap:10px}.quote-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;border-radius:9999px;color:#ffffffb3;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.quote-mode-btn:active{background:linear-gradient(#18181ef2,#18181ef2) padding-box,linear-gradient(135deg,#9333ea80,#a855f780,#ec489980) border-box}.quote-picker-sheet.veil-mode .quote-mode-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.quote-mode-btn.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;color:#fff}.quote-mode-btn .mode-icon{font-size:16px}.quote-preview-wrapper{position:relative}.quote-preview-card{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;border-radius:16px;padding:20px;text-align:center}.quote-picker-sheet.veil-mode .quote-preview-card{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.quote-clear-x{position:absolute;top:-8px;right:-8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:50%;color:transparent;background-clip:padding-box,border-box;font-size:16px;font-weight:900;cursor:pointer;transition:transform .15s ease;z-index:1;-webkit-background-clip:padding-box,border-box}.quote-clear-x:after{content:"✕";background:linear-gradient(135deg,#9333ea,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:14px;font-weight:900}.quote-clear-x:active{transform:scale(.9)}.quote-picker-sheet.veil-mode .quote-clear-x{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.quote-picker-sheet.veil-mode .quote-clear-x:after{background: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}.quote-preview-text{font-size:16px;font-style:italic;line-height:1.6;color:#ffffffe6;margin:0 0 12px}.quote-preview-author{font-size:14px;font-weight:600;color:#ffffffb3;margin:0}.quote-category-pills{display:flex;gap:8px;overflow-x:auto;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.quote-category-pills::-webkit-scrollbar{display:none}.quote-category-pill{flex-shrink:0;padding:8px 14px;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;border-radius:20px;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:capitalize}.quote-category-pill:active{background:linear-gradient(#18181ef2,#18181ef2) padding-box,linear-gradient(135deg,#9333ea80,#a855f780,#ec489980) border-box}.quote-picker-sheet.veil-mode .quote-category-pill{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.quote-category-pill.active{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;color:#fff}.quote-actions{display:flex;gap:10px;margin-top:auto}.quote-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:none;border-radius:9999px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.quote-action-btn:active{transform:scale(.98)}.quote-action-btn.dice-btn,.quote-action-btn.use-btn,.quote-action-btn.save-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;color:#fff}.quote-action-btn.dice-btn:active,.quote-action-btn.use-btn:active,.quote-action-btn.save-btn:active{transform:scale(.98)}.quote-action-btn.dice-btn.shaking{animation:diceShake .3s ease}@keyframes diceShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.quote-custom-form{display:flex;flex-direction:column;gap:8px}.quote-input-group{position:relative;display:flex;flex-direction:column;padding-top:12px}.quote-input-label{position:absolute;top:0;left:16px;z-index:2;display:inline-block;width:fit-content;font-size:11px;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;padding:6px 14px;background:linear-gradient(315deg,#14141c,#0c0c10) padding-box,linear-gradient(315deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:20px}.quote-picker-sheet.veil-mode .quote-input-label{background:linear-gradient(315deg,#14141c,#0c0c10) padding-box,linear-gradient(315deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.quote-textarea{width:100%;min-height:100px;padding:20px 16px 14px;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;border-radius:12px;color:#fff;font-size:15px;font-style:italic;line-height:1.5;resize:none;font-family:inherit;text-align:center;transition:background .2s ease}.quote-textarea:focus{outline:none;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.quote-picker-sheet.veil-mode .quote-textarea{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.quote-picker-sheet.veil-mode .quote-textarea:focus{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.quote-textarea::placeholder{color:#fff6;font-style:normal}.quote-char-count{position:absolute;bottom:-10px;right:10px;font-size:10px;color:#ffffffb3;padding:4px 10px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:2px solid transparent;border-radius:12px;z-index:2}.quote-picker-sheet.veil-mode .quote-char-count{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.quote-author-input{width:100%;padding:16px;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea4d,#a855f74d,#ec48994d) border-box;border:2px solid transparent;border-radius:12px;color:#fff;font-size:14px;font-family:inherit;text-align:center;transition:background .2s ease}.quote-author-input:focus{outline:none;background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box}.quote-picker-sheet.veil-mode .quote-author-input{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow) 30%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end) 30%,transparent)) border-box}.quote-picker-sheet.veil-mode .quote-author-input:focus{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.quote-author-input::placeholder{color:#fff6}@media (max-width: 360px){.quote-picker-panel{padding:14px 16px}.quote-preview-text{font-size:14px}.quote-category-pill{padding:6px 12px;font-size:11px}}.quote-picker-sheet.veil-mode .quote-mode-btn.active,.quote-picker-sheet.veil-mode .quote-category-pill.active,.quote-picker-sheet.veil-mode .quote-action-btn.dice-btn,.quote-picker-sheet.veil-mode .quote-action-btn.use-btn,.quote-picker-sheet.veil-mode .quote-action-btn.save-btn{background:linear-gradient(#121218f2,#121218f2) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.quote-picker-sheet.veil-mode .quote-textarea:focus,.quote-picker-sheet.veil-mode .quote-author-input:focus{border-color:var(--veil-mode-pinned-border)}.header-layout-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.header-layout-picker-backdrop.visible{opacity:1;visibility:visible}.header-layout-picker-sheet{position:fixed;bottom:0;left:0;right:0;max-height:50vh;background:transparent;border-top-left-radius:24px;border-top-right-radius:24px;z-index:9999;transform:translateY(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;overflow:hidden}.header-layout-picker-sheet.visible{transform:translateY(0)}.header-layout-picker-title-pill{position:relative;z-index:10;align-self:center;margin-bottom:-14px;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:8px 20px;background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,#9333ea,#a855f7,#ec4899) border-box;border:3px solid transparent;border-radius:20px}.header-layout-picker-sheet.veil-mode .header-layout-picker-title-pill{background:linear-gradient(135deg,#14141c,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow) 0%,var(--veil-mode-nav-gradient-end) 100%) border-box}.header-layout-picker-panel{position:relative;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px 20px 0 0;display:flex;flex-direction:column;flex:1;overflow:hidden;padding:24px 16px 16px}.header-layout-picker-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:200% 100%;border-radius:20px 20px 0 0;animation:headerLayoutGradientFlow 8s linear infinite}@keyframes headerLayoutGradientFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.header-layout-picker-sheet.veil-mode .header-layout-picker-panel:before{background:linear-gradient(90deg,var(--veil-mode-sdm-glow),var(--veil-mode-nav-gradient-end),var(--veil-mode-sdm-glow));background-size:200% 100%}.header-layout-picker-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0;padding-bottom:max(16px,env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.header-layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.header-layout-card{position:relative;height:70px;border-radius:12px;border:2px solid transparent;cursor:pointer;overflow:hidden;transition:border-color .2s ease}.header-layout-card.selected{border-color:#9333ea}.header-layout-picker-sheet.veil-mode .header-layout-card.selected{border-color:var(--veil-mode-sdm-glow)}.header-layout-label{position:absolute;bottom:0;left:0;right:0;padding:8px 4px;background:#141414;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#ffffffe6;letter-spacing:.5px}.header-layout-check{position:absolute;top:calc(50% - 14px);left:50%;transform:translate(-50%,-50%);z-index:5;width:24px;height:24px;background:#1a1a1a;border:2px solid #9333ea;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700}.header-layout-picker-sheet.veil-mode .header-layout-check{border-color:var(--veil-mode-sdm-glow)}.header-layout-lock{position:absolute;top:calc(50% - 18px);left:50%;transform:translate(-50%,-50%);z-index:5;font-size:20px}@supports (padding-bottom: env(safe-area-inset-bottom)){.header-layout-picker-panel{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width: 360px){.header-layout-grid{gap:8px}.header-layout-card{padding:12px 6px 10px}.header-layout-icon{width:50px;height:34px}.header-layout-name{font-size:10px}.header-layout-desc{font-size:9px}}@media (prefers-reduced-motion: reduce){.header-layout-picker-panel:before,.header-layout-check{animation:none!important}}.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))}body[data-rgb-theme=inner-circle] .rgb-strip{background-image:linear-gradient(90deg,#aa771c,#bf953f,#fcf6ba 30%,#b38728,#fbf5b7 70%,#bf953f,#aa771c),linear-gradient(90deg,#aa771c,#bf953f,#fcf6ba 30%,#b38728,#fbf5b7 70%,#bf953f,#aa771c)!important}#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;will-change:transform}.contact-item.expanded{padding:12px 18px;margin:0 16px 8px}.contact-item:hover,.contact-item:active{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-invitation-indicator{width:40px;height:40px;margin-left:auto;margin-right:12px;opacity:.8;transition:opacity .3s ease;flex-shrink:0}.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:var(--veil-mode-sdm-glow, #9333ea)!important;stroke:var(--veil-mode-sdm-glow, #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}.referral-tooltip-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.referral-tooltip-backdrop.visible{opacity:1;visibility:visible}.referral-tooltip{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:340px;padding:20px;background:#141419fa;border:1px solid rgba(255,255,255,.1);border-radius:16px;z-index:9999;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease,transform .25s ease}.referral-tooltip.visible{opacity:1;visibility:visible}.referral-tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.referral-tooltip-icon{width:40px;height:40px;flex-shrink:0}.referral-tooltip-icon svg path{fill:var(--veil-mode-sdm-glow, #9333ea)!important;stroke:var(--veil-mode-sdm-glow, #9333ea)!important}.referral-tooltip-title{font-size:18px;font-weight:600;color:#fff;margin:0;flex:1}.referral-tooltip-close{width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;font-size:18px;transition:all .2s ease;flex-shrink:0}.referral-tooltip-close:hover{background:#ffffff26;color:#ffffffe6}.referral-tooltip-close:active{background:#fff3;transform:scale(.9)}.referral-tooltip-body{font-size:14px;color:#ffffffd9;line-height:1.6;margin:0}.referral-tooltip-body strong{color:#a855f7}.vp-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--text-secondary, #888)}.vp-loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--veil-mode-sdm-glow, #8b5cf6);border-radius:50%;animation:vp-spin .8s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--text-secondary, #888)}.vp-wrapper{padding:16px!important;background:#0c0c10fa!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.vp-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.vp-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:50%;color:#fffc;cursor:pointer;flex-shrink:0;transition:transform .15s ease}.vp-back-btn:active{transform:scale(.92)}.vp-title{display:inline-flex;align-items:center;padding:8px 18px;margin:0;font-size:14px;font-weight:600;color:#ffffffe6;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:999px}.vp-header-info{display:flex;align-items:center;gap:8px}.vp-header-icon{font-size:20px}.vp-header-breadcrumb{display:flex;align-items:center}.vp-breadcrumb-category{display:inline-flex;align-items:center;padding:8px 14px;font-size:13px;font-weight:600;color:#fffc;cursor:pointer;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:999px;transition:transform .15s}.vp-breadcrumb-category:active{transform:scale(.96)}.vp-search-container{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:20px;border-radius:999px;cursor:text;transition:all .25s ease;background:linear-gradient(#0c0c10f2,#0c0c10f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 35%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #ec4899) 35%,transparent)) border-box;border:2px solid transparent}.vp-search-container:focus-within{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box}.vp-search-icon{color:#ffffff80;flex-shrink:0;transition:color .25s ease}.vp-search-container:focus-within .vp-search-icon{color:var(--veil-mode-sdm-glow, #8b5cf6)}.vp-search-input{flex:1;background:none;border:none;color:var(--text-primary, #fff);font-size:16px;outline:none}.vp-search-input::placeholder{color:#fff6}.vp-search-clear{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff14;border:none;border-radius:50%;color:#fff9;cursor:pointer;flex-shrink:0;transition:transform .15s}.vp-search-clear:active{background:#ffffff26;transform:scale(.92)}.vp-hero{text-align:center;margin-bottom:24px;padding:8px 0}.vp-hero-text{color:#ffffff80;font-size:14px;margin:0;font-weight:400}.vp-section-title{display:inline-flex;width:fit-content;padding:6px 12px;margin:0 0 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fffc;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:999px}.vp-section-card{padding:16px;margin-bottom:16px;background:linear-gradient(#121216f2,#121216f2) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 25%,transparent),color-mix(in srgb,var(--veil-mode-nav-gradient-end, #ec4899) 15%,transparent)) border-box;border:1px solid transparent;border-radius:14px}.vp-essential-cards{display:flex;flex-direction:column;gap:8px}.vp-essential-card{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-radius:12px;transition:transform .15s ease,background .15s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.vp-essential-card:active{transform:scale(.98);background:#ffffff0f}.vp-essential-icon{font-size:18px;flex-shrink:0}.vp-essential-title{font-size:14px;font-weight:500;color:#ffffffd9}.vp-categories{display:flex;flex-direction:column;gap:10px}.vp-category-tile{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#16161ce6;border:1px solid rgba(255,255,255,.06);border-radius:16px;cursor:pointer;transition:transform .15s ease,border-color .2s}.vp-category-tile:active{transform:scale(.985);border-color:#8b5cf633}.vp-category-icon{font-size:26px;width:40px;display:flex;align-items:center;justify-content:flex-start;flex-shrink:0}.vp-category-info{flex:1;min-width:0}.vp-category-name{font-weight:600;font-size:15px;color:#fff;margin-bottom:3px}.vp-category-desc{font-size:13px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vp-category-count{flex-shrink:0;font-size:13px;font-weight:500;padding:4px 10px;border-radius:999px;color:#ffffff80;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.vp-category-arrow{color:#ffffff4d;flex-shrink:0}.vp-category-header-desc{color:#ffffff80;font-size:14px;margin:0 0 20px;line-height:1.5}.vp-article-list{display:flex;flex-direction:column;gap:10px}.vp-article-item{display:flex;align-items:center;gap:14px;padding:16px;background:#16161ccc;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:transform .15s ease,border-color .2s}.vp-article-item:active{transform:scale(.985);border-color:#8b5cf633}.vp-article-item-content{flex:1;min-width:0}.vp-article-item-title{font-weight:600;font-size:15px;color:#fff;margin-bottom:5px}.vp-article-item-excerpt{font-size:13px;color:#ffffff80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.vp-article-arrow{color:#ffffff4d;flex-shrink:0}.vp-article{margin-bottom:32px}.vp-article-title{font-size:24px;font-weight:700;margin:0 0 24px;line-height:1.3;color:#fff}.vp-article-body{font-size:15px;line-height:1.75;color:#ffffffd9}.vp-article-body .vp-h2{font-size:18px;font-weight:600;margin:32px 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);color:var(--veil-mode-sdm-glow, #a978ff)}.vp-article-body .vp-h3{font-size:16px;font-weight:600;margin:24px 0 10px;color:#fffffff2}.vp-article-body .vp-paragraph{margin-bottom:16px}.vp-article-body .vp-list{margin:0 0 16px;padding-left:20px}.vp-article-body .vp-list li{margin-bottom:10px;padding-left:4px}.vp-article-body .vp-inline-code{background:#8b5cf626;border:1px solid rgba(139,92,246,.25);padding:2px 8px;border-radius:6px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.88em;color:#c4b5fd;word-break:break-word;display:inline}.vp-article-body code:empty,.vp-article-body .vp-inline-code:empty{display:none}.vp-article-body .vp-code-block{background:#0c0c10e6;border:1px solid rgba(255,255,255,.08);padding:16px;border-radius:12px;overflow-x:auto;overflow-y:hidden;margin:16px 0;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:1.55;color:#ffffffe6;max-width:100%;word-wrap:break-word;white-space:pre-wrap}.vp-article-body .vp-code-block code{background:none;padding:0;border:none;color:inherit;white-space:pre-wrap;word-break:break-word}.vp-qa-section{margin:24px 0}.vp-qa-item{margin-bottom:20px;padding:16px;background:#ffffff05;border-radius:12px;border-left:3px solid var(--veil-mode-sdm-glow, #8b5cf6)}.vp-qa-item:last-child{margin-bottom:0}.vp-qa-question{display:block;font-weight:600;color:var(--veil-mode-sdm-glow, #a978ff);margin-bottom:10px;font-size:14px;line-height:1.5}.vp-qa-answer{display:block;color:#ffffffd9;font-size:14px;line-height:1.65}.vp-article-body .vp-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;border-radius:12px;overflow:hidden}.vp-article-body .vp-table th,.vp-article-body .vp-table td{padding:12px 14px;border:1px solid rgba(255,255,255,.08);text-align:left}.vp-article-body .vp-table th{background:#8b5cf61a;font-weight:600;color:var(--veil-mode-sdm-glow, #a978ff)}.vp-article-body .vp-table td{background:#16161c80}.vp-article-body .vp-divider{border:none;border-top:1px solid rgba(255,255,255,.08);margin:28px 0}.vp-article-body .vp-internal-link,.vp-article-body .vp-external-link{color:var(--veil-mode-sdm-glow, #a978ff);text-decoration:none;font-weight:500;border-bottom:1px solid rgba(139,92,246,.3);transition:border-color .15s}.vp-article-body .vp-internal-link:active,.vp-article-body .vp-external-link:active{opacity:.7}.vp-related{margin-top:32px;padding:20px;background:#16161c99;border:1px solid rgba(255,255,255,.06);border-radius:16px}.vp-related-title{display:inline-flex;width:fit-content;padding:6px 12px;margin:0 0 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fffc;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:2px solid transparent;border-radius:999px}.vp-related-list{display:flex;flex-direction:column;gap:10px}.vp-related-item{display:flex;flex-direction:column;gap:3px;padding:14px 16px;background:#0c0c1099;border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:transform .15s ease,border-color .2s}.vp-related-item:active{transform:scale(.98);border-color:#8b5cf633}.vp-related-category{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--veil-mode-sdm-glow, #8b5cf6);opacity:.8}.vp-related-name{font-weight:500;font-size:14px;color:#ffffffe6}.vp-article-footer{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.vp-article-updated{font-size:12px;color:#fff6;margin:0;font-style:italic}.vp-results-count{font-size:13px;color:#ffffff80;margin:0 0 16px 4px}.vp-search-results{display:flex;flex-direction:column;gap:10px}.vp-search-result{padding:16px;background:#16161ccc;border:1px solid rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:transform .15s ease,border-color .2s}.vp-search-result:active{transform:scale(.985);border-color:#8b5cf633}.vp-result-category{display:inline-flex;padding:4px 10px;margin-bottom:8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fffc;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899)) border-box;border:1px solid transparent}.vp-result-title{font-weight:600;font-size:15px;color:#fff;margin-bottom:6px}.vp-result-excerpt{font-size:13px;color:#ffffff80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}.vp-highlight{background:#8b5cf659;color:inherit;border-radius:3px;padding:1px 3px}.vp-no-results{text-align:center;padding:48px 24px}.vp-no-results-text{font-size:16px;font-weight:600;color:#ffffffe6;margin:0 0 8px}.vp-no-results-hint{font-size:14px;color:#ffffff80;margin:0 0 24px}.vp-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;font-size:15px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:transform .15s ease;color:#fff;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),var(--veil-mode-nav-gradient-end, #ec4899))}.vp-btn:active{transform:scale(.96)}@property --onboard-theme-primary{syntax: "<color>"; inherits: true; initial-value: #8B5CF6;}@property --onboard-theme-secondary{syntax: "<color>"; inherits: true; initial-value: #D946EF;}@property --onboard-theme-accent{syntax: "<color>"; inherits: true; initial-value: #6366F1;}.new-onboarding-container{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;z-index:10000;overflow-y:auto;-webkit-overflow-scrolling:touch}.new-onboarding-content{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:24px 16px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 24px)}.new-onboarding-section{position:relative;width:100%;max-width:480px;--onboard-section-padding-x: 20px;--onboard-section-radius: 24px;background:radial-gradient(ellipse at center,#0c0c10f0,#0c0c10c7 60%,#0c0c108c);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:var(--onboard-section-radius);padding:16px var(--onboard-section-padding-x) 24px;margin-bottom:16px;box-shadow:inset 0 0 60px #00000040,0 25px 60px #00000080;overflow:visible;transition:height .5s cubic-bezier(.4,0,.2,1),--onboard-theme-primary .9s ease,--onboard-theme-secondary .9s ease,--onboard-theme-accent .9s ease}.new-onboarding-section button{-webkit-tap-highlight-color:transparent}.new-onboarding-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--onboard-section-radius) var(--onboard-section-radius) 0 0;background:linear-gradient(90deg,var(--onboard-theme-primary, #9333ea),var(--onboard-theme-secondary, #a855f7),var(--onboard-theme-accent, #ec4899),var(--onboard-theme-secondary, #a855f7),var(--onboard-theme-primary, #9333ea));background-size:400% 100%;animation:onboardGradientFlow 15s linear infinite;transition:background .9s ease,opacity .4s ease;opacity:0}.console-logo{display:flex;justify-content:center;margin-bottom:16px}.console-logo img{width:160px;height:auto}.auth-header{text-align:center;margin-bottom:24px}.veil-title{display:flex;justify-content:center;gap:6px;margin-bottom:8px}.veil-title-letter{font-size:28px;font-weight:700;color:#fff;letter-spacing:.15em;text-shadow:0 2px 8px rgba(0,0,0,.4)}.veil-tagline-rotator{display:flex;justify-content:center;align-items:center;gap:8px}.tagline-word{font-size:14px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;opacity:0;background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:taglineFadeIn .8s ease-out forwards}.tagline-express{background-image:linear-gradient(90deg,#a02ef5,#d946ef,#a02ef5);animation-delay:.3s}.tagline-create{background-image:linear-gradient(90deg,#4d57ca,#37d2ff,#4d57ca);animation-delay:.9s}.tagline-communicate{background-image:linear-gradient(90deg,#00f37f,#00d0ff,#00f37f);animation-delay:1.5s}@keyframes taglineFadeIn{0%{opacity:0}to{opacity:1}}.veil-subtitle{color:#ffffffd9;opacity:0;animation:taglineFadeIn .8s ease-out forwards;animation-delay:2s}.veil-subtitle.status-success{color:#22c55e}.veil-subtitle.status-error{color:#ef4444}.veil-subtitle.status-info{color:#ffffffb3}.subtitle-highlight{color:#ffffffd9;animation:subtitlePulse 2s ease-out forwards;animation-delay:2.2s}@keyframes subtitlePulse{0%{color:#ffffffd9}20%{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}50%{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}to{color:#ffffffd9;text-shadow:none}}.new-onboarding-section.bar-visible:before{opacity:1}@keyframes onboardGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}.new-onboarding-video-matrix{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;overflow:hidden;background:#0a0a0a}.new-onboarding-matrix-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.5s ease-in-out}.new-onboarding-matrix-video.is-active{opacity:1}.new-onboarding-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:2}.new-onboarding-theme-gradient{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;opacity:0;transition:opacity .9s ease;z-index:1;animation:themeDrift 20s ease-in-out infinite}.new-onboarding-theme-gradient.is-active{opacity:1}.new-onboarding-theme-gradient[data-theme]{background-color:#06060a}.new-onboarding-theme-gradient[data-theme=amethyst]{background:linear-gradient(135deg,#8b5cf63d,#d946ef2e,#6366f13d),#06060a}.new-onboarding-theme-gradient[data-theme=sapphire]{background:linear-gradient(135deg,#0e77ff3d,#37d2ff2e,#0ea5e93d),#06060a}.new-onboarding-theme-gradient[data-theme=jade]{background:linear-gradient(135deg,#00f37f3d,#00d0ff2e,#8a5cff3d),#06060a}.new-onboarding-theme-gradient[data-theme=aurora-welcome]{background:linear-gradient(135deg,#a855f73d,#ec48992e,#a855f73d),#06060a}.new-onboarding-theme-gradient[data-theme=rose]{background:linear-gradient(135deg,#e282053d,#d200002e,#e282053d),#06060a}.new-onboarding-theme-gradient[data-theme=sunset]{background:linear-gradient(135deg,#ff00ff3d,#00ffff2e,#00ffff3d),#06060a}@keyframes themeDrift{0%{transform:translate(0) scale(1)}25%{transform:translate(8%,-5%) scale(1.02)}50%{transform:translate(-5%,8%) scale(.98)}75%{transform:translate(5%,5%) scale(1.01)}to{transform:translate(0) scale(1)}}.new-onboarding-section[data-theme=veil]{--onboard-theme-primary: #9B44D4;--onboard-theme-secondary: #4A2FE0;--onboard-theme-accent: #6366F1}.new-onboarding-section[data-theme=ocean]{--onboard-theme-primary: #0E77FF;--onboard-theme-secondary: #37D2FF;--onboard-theme-accent: #0EA5E9}.new-onboarding-section[data-theme=aurora]{--onboard-theme-primary: #00F37F;--onboard-theme-secondary: #00D0FF;--onboard-theme-accent: #8A5CFF}.new-onboarding-section[data-theme=aurora-welcome]{--onboard-theme-primary: #a855f7;--onboard-theme-secondary: #ec4899;--onboard-theme-accent: #ec4899}.new-onboarding-section[data-theme=cyberpunk]{--onboard-theme-primary: #FF00FF;--onboard-theme-secondary: #00FFFF;--onboard-theme-accent: #00FFFF}.new-onboarding-section[data-theme=amethyst]{--onboard-theme-primary: #8B5CF6;--onboard-theme-secondary: #D946EF;--onboard-theme-accent: #6366F1}.new-onboarding-section[data-theme=sapphire]{--onboard-theme-primary: #0E77FF;--onboard-theme-secondary: #37D2FF;--onboard-theme-accent: #0EA5E9}.new-onboarding-section[data-theme=jade]{--onboard-theme-primary: #00F37F;--onboard-theme-secondary: #00D0FF;--onboard-theme-accent: #8A5CFF}.new-onboarding-section[data-theme=rose]{--onboard-theme-primary: #e28205;--onboard-theme-secondary: #d20000;--onboard-theme-accent: #e28205}.new-onboarding-section[data-theme=sunset]{--onboard-theme-primary: #FF00FF;--onboard-theme-secondary: #00FFFF;--onboard-theme-accent: #00FFFF}.new-onboarding-section[data-theme=amethyst],.new-onboarding-section[data-theme=sapphire],.new-onboarding-section[data-theme=jade],.new-onboarding-section[data-theme=rose],.new-onboarding-section[data-theme=sunset]{background:radial-gradient(ellipse at center,#0c0c10f7,#0c0c10f2 70%,#0c0c10eb);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}.onboard-slideshow{position:relative;min-height:100%;display:flex;flex-direction:column}.onboard-slide{display:none;flex-direction:column;justify-content:center;padding:24px 0;opacity:0;transition:opacity .4s ease}.onboard-slide.active{display:flex;opacity:1}.onboard-slide.exiting{opacity:0}.onboard-slide-content{text-align:center;max-width:400px;margin:0 auto;transition:opacity .35s ease,filter .5s ease,transform .5s ease}.onboard-slide-content.is-fading{opacity:0;filter:blur(6px);transform:translateY(-6px)}.onboard-line{font-size:14px;color:#ffffffd9;line-height:1.7;margin:0 0 12px;opacity:0;transition:opacity 1.6s ease}.onboard-line.visible{opacity:1}.onboard-line.dim{color:#ffffff80;font-size:13px}.onboard-line.strong{font-size:15px;font-weight:500;color:#fff;margin-top:20px}.onboard-line.heading{font-size:22px;font-weight:600;color:#fff;margin-bottom:10px;letter-spacing:-.3px}.showcase-tagline{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:14px;opacity:0;transition:opacity 1.6s ease}.showcase-tagline.visible{opacity:1}.showcase-tagline-word{opacity:1;background:linear-gradient(90deg,var(--onboard-theme-primary, #8B5CF6) 0%,var(--onboard-theme-secondary, #D946EF) 50%,var(--onboard-theme-primary, #8B5CF6) 100%);background-size:400% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:onboardGradientShift 10.5s linear infinite}.subtitle-narrative{font-size:14px;line-height:1.65;color:#fff9;margin-bottom:16px;text-align:center;max-width:320px;margin-left:auto;margin-right:auto}.onboard-gradient-word{background:linear-gradient(90deg,var(--onboard-theme-primary, #8B5CF6) 0%,var(--onboard-theme-secondary, #D946EF) 50%,var(--onboard-theme-primary, #8B5CF6) 100%);background-size:400% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:onboardGradientShift 10.5s linear infinite;font-weight:600}@keyframes onboardGradientShift{0%{background-position:0% center}to{background-position:-400% center}}.onboard-nav-header{display:flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:36px;margin-bottom:8px}.onboard-slide-next{display:flex;align-items:center;justify-content:center;gap:8px;margin:28px auto 0;padding:14px 28px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #8B5CF6),var(--onboard-theme-secondary, #D946EF)) border-box;border:2px solid transparent;border-radius:50px;color:#fff;font-size:14px;cursor:pointer;opacity:0;transition:opacity .6s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.onboard-slide-next.visible{opacity:1}.onboard-slide-next:active{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #8B5CF6),var(--onboard-theme-secondary, #D946EF)) border-box;color:#fff;transform:none}.onboard-slide-next svg{width:18px;height:18px}.onboard-slide-next.begin-btn{font-weight:500;padding:16px 32px}.onboard-progress-dots{display:flex;justify-content:center;gap:8px}.onboard-progress-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:all .3s ease;position:relative;cursor:default}.onboard-progress-dot:before{content:"";position:absolute;top:-18px;left:-18px;right:-18px;bottom:-18px}.onboard-progress-dot.active{background:var(--onboard-theme-accent, #6366F1);transform:scale(1.2)}.onboard-progress-dot.completed{background:var(--onboard-theme-secondary, #D946EF);cursor:pointer}.onboard-input-group{margin-bottom:20px}.onboard-input-label{display:block;font-size:13px;font-weight:600;color:#ffffffd9;margin-bottom:8px}.onboard-required{color:#ef4444;font-size:14px;margin-left:2px}.onboard-input-wrapper{position:relative}.onboard-input-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-secondary, #d946ef),var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-secondary, #d946ef),var(--onboard-theme-primary, #a02ef5));background-size:400% 100%;opacity:.35;transition:opacity .5s ease}.onboard-input-wrapper:focus-within:after{opacity:1;animation:loginGradientFlow 8s linear infinite}.onboard-input{width:100%;padding:14px 40px 14px 0;background:transparent;border:none;border-radius:0;color:#fff;font-size:17px;transition:all .3s ease;box-sizing:border-box}.onboard-input:focus{outline:none}.onboard-input::placeholder{color:#ffffff59}.onboard-input-wrapper.valid:after{background:linear-gradient(90deg,#22c55e,#4ade80,#22c55e);background-size:400% 100%;opacity:.8}.onboard-input-wrapper.invalid:after{background:linear-gradient(90deg,#ef4444,#f87171,#ef4444);background-size:400% 100%;opacity:.8}.onboard-input-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;opacity:0;transition:opacity .2s ease}.onboard-input-icon svg{width:100%;height:100%}.onboard-input-icon.valid{color:#22c55e}.onboard-input-icon.invalid{color:#ef4444}.onboard-input.valid~.onboard-input-icon.valid,.onboard-input.invalid~.onboard-input-icon.invalid{opacity:1}.onboard-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#ffffff80;transition:color .2s ease;-webkit-tap-highlight-color:transparent}.onboard-password-toggle:active{color:#fffc}.onboard-password-toggle svg{width:20px;height:20px}.onboard-password-toggle .eye-closed,.onboard-password-toggle.showing .eye-open{display:none}.onboard-password-toggle.showing .eye-closed{display:block}.onboard-input-wrapper:has(.onboard-password-toggle) .onboard-input{padding-right:56px}.onboard-input-error{margin:0;padding:0;font-size:12px;color:#ef4444;opacity:0;max-height:0;overflow:hidden;transition:opacity .2s ease,max-height .2s ease,margin .2s ease}.onboard-input-group.has-error .onboard-input-error{opacity:1;max-height:30px;margin-top:8px}.onboard-input-hint{margin:6px 0 0;font-size:12px;color:#ffffff80}.onboard-phone-wrapper{display:flex;gap:10px;position:relative}.onboard-phone-wrapper:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-secondary, #d946ef),var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-secondary, #d946ef),var(--onboard-theme-primary, #a02ef5));background-size:400% 100%;opacity:.35;transition:opacity .5s ease}.onboard-phone-wrapper:focus-within:after{opacity:1;animation:loginGradientFlow 8s linear infinite}.onboard-country-select{width:90px;padding:14px 28px 14px 0;background:transparent;border:none;border-radius:0;color:#fff;font-size:16px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(255,255,255,0.5)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.onboard-country-select:focus{outline:none}.onboard-phone-input{flex:1;padding:14px 0;background:transparent;border:none;border-radius:0;color:#fff;font-size:17px;transition:all .3s ease;box-sizing:border-box}.onboard-phone-input:focus{outline:none}.onboard-phone-input::placeholder{color:#ffffff59}.onboard-input:-webkit-autofill,.onboard-input:-webkit-autofill:hover,.onboard-input:-webkit-autofill:focus,.onboard-input:-webkit-autofill:active,.onboard-phone-input:-webkit-autofill,.onboard-phone-input:-webkit-autofill:hover,.onboard-phone-input:-webkit-autofill:focus,.onboard-phone-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(12,12,16,1) inset!important;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;transition:background-color 5000s ease-in-out 0s}.onboard-password-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.onboard-strength-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.onboard-strength-fill{height:100%;width:0%;border-radius:2px;transition:all .3s ease}.onboard-strength-fill.weak{width:25%;background:#ef4444}.onboard-strength-fill.fair{width:50%;background:#f97316}.onboard-strength-fill.good{width:75%;background:#eab308}.onboard-strength-fill.strong{width:100%;background:#22c55e}.onboard-strength-label{font-size:12px;font-weight:500;min-width:50px;text-align:right}.onboard-strength-label.weak{color:#ef4444}.onboard-strength-label.fair{color:#f97316}.onboard-strength-label.good{color:#eab308}.onboard-strength-label.strong{color:#22c55e}.onboard-password-match{display:flex;align-items:center;gap:10px;margin-top:8px;opacity:0;max-height:0;overflow:hidden;transition:opacity .3s ease,max-height .3s ease,margin .3s ease}.onboard-password-match.visible{opacity:1;max-height:20px}.onboard-match-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.onboard-match-fill{height:100%;width:0%;border-radius:2px;transition:all .3s ease}.onboard-match-fill.matched{width:100%;background:#22c55e}.onboard-match-label{font-size:12px;font-weight:500;min-width:50px;text-align:right;color:#22c55e}.onboard-checkbox-group{display:flex;align-items:center;gap:12px;cursor:pointer;margin:8px 0;-webkit-tap-highlight-color:transparent}.onboard-checkbox-input{position:absolute;opacity:0;width:0;height:0}.onboard-checkbox-box{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--onboard-theme-primary, #a02ef5) 50%,transparent),color-mix(in srgb,var(--onboard-theme-accent, #2e0f94) 30%,transparent)) border-box;border:4px solid transparent;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.onboard-checkbox-input:checked~.onboard-checkbox-box{background:linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box}.onboard-checkbox-check{width:24px;height:24px;color:#fff;opacity:0;transform:scale(.5);transition:all .2s ease}.onboard-checkbox-input:checked~.onboard-checkbox-box .onboard-checkbox-check{opacity:1;transform:scale(1)}.onboard-checkbox-text{font-size:14px;color:#ffffffd9;-webkit-user-select:none;user-select:none;line-height:1.5}.onboard-checkbox-link{color:var(--onboard-theme-primary, #a02ef5);text-decoration:none}.onboard-checkbox-link:active{text-decoration:underline}.onboard-section-footer{display:flex;gap:12px;margin-top:12px;padding-bottom:env(safe-area-inset-bottom,0px)}.onboard-btn-secondary{flex:0 0 auto;padding:16px 24px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box;border:2px solid transparent;border-radius:50px;color:#fffc;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:52px}.onboard-btn-secondary:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box;color:#fff}.onboard-btn-secondary:active{transform:scale(.96)}.onboard-btn-primary{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box;border:2px solid transparent;border-radius:50px;color:#fff;font-size:15px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;min-height:52px}.onboard-btn-primary:active{transform:scale(.96)}.onboard-btn-primary:disabled{opacity:.4;cursor:not-allowed}.onboard-btn-primary:disabled:active{transform:none}.onboard-btn-icon{width:18px;height:18px}.onboard-section-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.onboard-section-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box;border:2px solid transparent;border-radius:50%}.onboard-section-title{font-size:22px;font-weight:700;color:#fff;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3)}.onboard-section-subtitle{font-size:14px;color:#ffffff8c;margin:-8px 0 24px;text-shadow:0 1px 2px rgba(0,0,0,.4)}.onboard-legal-info{display:flex;align-items:center;gap:12px;padding:16px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:12px;margin-top:20px}.onboard-legal-icon{width:32px;height:32px;color:#22c55e;flex-shrink:0}.onboard-legal-text{font-size:13px;color:#ffffffb3;line-height:1.5}.onboard-avatar-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.onboard-avatar-upload{width:100px;height:100px;border-radius:50%;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,color-mix(in srgb,var(--onboard-theme-primary, #a02ef5) 50%,transparent),color-mix(in srgb,var(--onboard-theme-accent, #2e0f94) 30%,transparent)) border-box;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .3s ease;overflow:hidden}.onboard-avatar-upload:active{transform:scale(.96)}.onboard-avatar-upload.has-image{background:linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box}.onboard-avatar-upload img{width:100%;height:100%;object-fit:cover}.onboard-avatar-icon{width:32px;height:32px;color:#fff9}.onboard-avatar-text{font-size:11px;color:#ffffff80}.onboard-avatar-input{display:none}.onboard-success{text-align:center;padding:32px 20px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 32px);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.onboard-success-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.onboard-success-subtitle{font-size:15px;color:#ffffffa6;line-height:1.6;margin:0 0 32px}.creation-phase{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s ease;will-change:opacity}.creation-phase.phase-hidden{opacity:0;visibility:hidden;pointer-events:none}.creation-phase.phase-visible{opacity:1;visibility:visible}.creation-phase.phase-fading{opacity:0}.creation-lottie{width:160px;height:160px;margin:0 auto 20px;will-change:transform}.creation-message{font-size:14px;color:#fff9;letter-spacing:.02em;min-height:20px;margin-bottom:20px;opacity:0;transition:opacity .25s ease}.creation-message.visible{opacity:1}.creation-progress-track{width:min(200px,80%);height:3px;background:#ffffff14;border-radius:2px;overflow:hidden;margin:0 auto}.creation-progress-bar{width:100%;height:100%;border-radius:2px;background:linear-gradient(90deg,#8b5cf6,#d946ef);transform:scaleX(0);transform-origin:left;will-change:transform}.complete-lottie{width:120px;height:120px;margin:0 auto 16px;will-change:transform}.complete-text{font-size:18px;font-weight:600;color:#fff;letter-spacing:.02em}.new-onboarding-section.entering{animation:onboardSectionEnter .4s ease forwards}.new-onboarding-section.exiting{animation:onboardSectionExit .3s ease forwards}@keyframes onboardSectionEnter{0%{opacity:0}to{opacity:1}}@keyframes onboardSectionExit{0%{opacity:1}to{opacity:0}}.onboard-loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;background:#0a0a0ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;pointer-events:none;transition:opacity .4s ease}.onboard-loading-overlay.visible{opacity:1;pointer-events:auto}.onboard-loading-text{font-size:18px;font-weight:500;color:#ffffffe6}.onboard-loading-dots{display:flex;gap:6px}.onboard-loading-dots .dot{width:8px;height:8px;border-radius:50%;background:#a02ef599;animation:loadingDotPulse 1.4s ease-in-out infinite}.onboard-loading-dots .dot:nth-child(2){animation-delay:.2s}.onboard-loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes loadingDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.form-options{display:flex;align-items:center;justify-content:space-between;margin-top:20px;margin-bottom:24px;animation:onboardFadeIn .5s ease forwards}.custom-checkbox{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-custom{width:26px;height:26px;min-width:26px;min-height:26px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#ffffff40,#ffffff1a) border-box;border:2px solid transparent;border-radius:50%;transition:all .3s ease;position:relative}.checkbox-custom:before{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.checkbox-custom:after{content:"";width:12px;height:12px;background:transparent;border-radius:50%;transition:all .2s ease;transform:scale(0)}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box}.checkbox-input:checked+.checkbox-custom:after{background:linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94));transform:scale(1)}.checkbox-label{font-size:14px;color:#ffffffbf;font-weight:500}.forgot-link{font-size:14px;text-decoration:none;font-weight:600;padding:10px 0;min-height:44px;display:flex;align-items:center;transition:all .2s ease;background-image:linear-gradient(90deg,#4d57ca,#37d2ff,#4d57ca);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.forgot-link:active{background-position:right center}.resend-link{font-size:14px;font-weight:600;border:none;padding:10px 0;cursor:pointer;width:100%;text-align:center;background:linear-gradient(90deg,#4d57ca,#37d2ff,#4d57ca);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background-position .3s ease}.resend-link:active{background-position:right center}.btn-container{display:flex;flex-direction:column;gap:12px;margin-top:8px;animation:onboardFadeIn .5s ease forwards}.btn-flat{width:100%;padding:14px 24px;border-radius:50px;font-size:15px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;min-height:52px;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.btn-flat-primary{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#a02ef5,#2e0f94) border-box;border:2px solid transparent;color:#fff}.btn-flat-primary:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,#b44fff,#4a1fbf) border-box}.btn-flat-primary:active{transform:scale(.96)}.btn-flat-primary:disabled{opacity:.4;cursor:not-allowed}.btn-flat-primary:disabled:active{transform:none}.btn-flat-secondary{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#4d57ca,#1214b1) border-box;border:2px solid transparent;color:#fff}.btn-flat-secondary:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,#a2a7ff,#4d57ca) border-box}.btn-flat-secondary:active{transform:scale(.96)}.btn-text{display:inline}.btn-loader{display:inline-flex;align-items:center;gap:4px}.loader-dot{width:6px;height:6px;border-radius:50%;background:#ffffffb3;animation:loaderDotPulse 1.4s ease-in-out infinite}.loader-dot:nth-child(2){animation-delay:.2s}.loader-dot:nth-child(3){animation-delay:.4s}@keyframes loaderDotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;color:#ffffffd9;margin-bottom:8px}.new-onboarding-section .form-group{position:relative;margin-bottom:20px}.new-onboarding-section .form-input{width:100%;padding:14px 16px;background:#0a0a0ecc;border:none;border-radius:12px;color:#fff;font-size:16px;box-sizing:border-box}.new-onboarding-section .form-input::placeholder{color:#ffffff59}.new-onboarding-section .form-input:focus{outline:none}.new-onboarding-section .form-group:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-secondary, #d946ef),var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-secondary, #d946ef),var(--onboard-theme-primary, #a02ef5));background-size:400% 100%;opacity:.35;transition:opacity .5s ease}.new-onboarding-section .form-group.line-entrance:after,.onboard-input-wrapper.line-entrance:after,.onboard-phone-wrapper.line-entrance:after{animation:underlineEntrance 2s ease-out forwards}@keyframes underlineEntrance{0%{opacity:0;background-position:0% 50%}30%{opacity:1;background-position:100% 50%}to{opacity:.35;background-position:200% 50%}}@keyframes loginGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}.new-onboarding-section .form-group:focus-within:after{opacity:1;animation:loginGradientFlow 8s linear infinite}.eye-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:10px;cursor:pointer;color:#ffffff80;transition:color .2s ease;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.eye-toggle:active{color:#fffc}.eye-icon{width:20px;height:20px}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:54px}@media (min-width: 768px){.new-onboarding-content{padding:40px 24px}.new-onboarding-section{--onboard-section-padding-x: 28px;padding:24px var(--onboard-section-padding-x) 32px}}.reset-header-row{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.reset-title{font-size:1.4rem;font-weight:700;color:silver;margin:0;text-align:center;width:100%}.reset-back-btn{position:absolute;left:0;width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#a02ef5,#2e0f94) border-box;border:2px solid transparent;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.reset-back-btn:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,#a02ef5,#2e0f94) border-box;color:#fff}.reset-back-btn:active{transform:scale(.95)}.recovery-file-section{display:flex;flex-direction:column;align-items:center}.recovery-file-section .form-label{width:100%}.recovery-file-section:after{display:none}.recovery-upload-btn{width:auto;min-width:240px;padding:14px 28px}.recovery-upload-btn svg{flex-shrink:0}.reset-header-row+.auth-header{margin-top:0}.reset-header-row+.auth-header .subtitle{text-align:center}.slot-gradient-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;--slot-grad-1: #1a0a2e;--slot-grad-2: #16213e;--slot-glow-1: rgba(147, 51, 234, .15);--slot-glow-2: rgba(236, 72, 153, .1);background:linear-gradient(135deg,#0a0a0a 0%,var(--slot-grad-1) 25%,var(--slot-grad-2) 50%,#0a0a0a 75%,var(--slot-grad-1) 100%);background-size:400% 400%;animation:slotGradientFlow 15s ease infinite;transition:--slot-grad-1 .8s ease,--slot-grad-2 .8s ease}.slot-gradient-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 20%,var(--slot-glow-1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,var(--slot-glow-2) 0%,transparent 50%);animation:slotGradientPulse 8s ease-in-out infinite;transition:background .8s ease}.slot-gradient-background[data-vibe=gaming]{--slot-grad-1: #0f172a;--slot-grad-2: #1e1b4b;--slot-glow-1: rgba(0, 255, 255, .2);--slot-glow-2: rgba(255, 0, 255, .15)}.slot-gradient-background[data-vibe=cosmic]{--slot-grad-1: #2e1065;--slot-grad-2: #4c1d95;--slot-glow-1: rgba(139, 92, 246, .25);--slot-glow-2: rgba(236, 72, 153, .2)}.slot-gradient-background[data-vibe=cheeky]{--slot-grad-1: #451a03;--slot-grad-2: #7c2d12;--slot-glow-1: rgba(251, 146, 60, .25);--slot-glow-2: rgba(244, 114, 182, .2)}.slot-gradient-background[data-vibe=creative]{--slot-grad-1: #4c1d95;--slot-grad-2: #7e22ce;--slot-glow-1: rgba(245, 158, 11, .2);--slot-glow-2: rgba(239, 68, 68, .15)}.slot-gradient-background[data-vibe=rebel]{--slot-grad-1: #1c1917;--slot-grad-2: #292524;--slot-glow-1: rgba(220, 38, 38, .2);--slot-glow-2: rgba(161, 161, 170, .1)}.slot-gradient-background[data-vibe=nature]{--slot-grad-1: #052e16;--slot-grad-2: #14532d;--slot-glow-1: rgba(16, 185, 129, .2);--slot-glow-2: rgba(52, 211, 153, .15)}@keyframes slotGradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slotGradientPulse{0%,to{opacity:.5}50%{opacity:1}}.slot-machine-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10002;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);display:flex;align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));transition:background .4s ease,backdrop-filter .4s ease}.slot-machine-overlay.entering{background:transparent;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.slot-machine-container{position:relative;z-index:2;width:100%;max-width:400px;background:radial-gradient(ellipse at center,#14141cfa,#0c0c10f2);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px 24px;box-shadow:inset 0 0 60px #00000040,0 25px 60px #00000080;overflow:hidden;opacity:0;transform:translateY(30px) scale(.95);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.slot-machine-overlay.entering .slot-machine-container{opacity:1;transform:translateY(0) scale(1)}.slot-machine-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:24px 24px 0 0;background:linear-gradient(90deg,var(--onboard-theme-primary, #9333ea),var(--onboard-theme-secondary, #a855f7),var(--onboard-theme-accent, #ec4899),var(--onboard-theme-secondary, #a855f7),var(--onboard-theme-primary, #9333ea));background-size:400% 100%;animation:onboardGradientFlow 15s linear infinite;transition:background .6s ease}.slot-machine-container[data-vibe]:before{background:linear-gradient(90deg,var(--vibe-primary),var(--vibe-secondary),var(--vibe-primary),var(--vibe-secondary),var(--vibe-primary));background-size:400% 100%}.slot-machine-close{position:absolute;top:12px;right:12px;z-index:10;width:44px;height:44px;min-width:44px;min-height:44px;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.slot-machine-close:active{background:#ffffff26;color:#fff}.slot-machine-close svg{width:18px;height:18px}.slot-vibe-selection{text-align:center}.slot-vibe-title{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px;opacity:0;transform:translateY(-10px);animation:slotTitleEnter .5s cubic-bezier(.4,0,.2,1) .15s forwards}.slot-vibe-subtitle{font-size:14px;color:#fff9;margin:0 0 28px;opacity:0;transform:translateY(-5px);animation:slotTitleEnter .4s cubic-bezier(.4,0,.2,1) .25s forwards}@keyframes slotTitleEnter{to{opacity:1;transform:translateY(0)}}.slot-vibe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.slot-vibe-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:#14141cf2;border:1px solid rgba(255,255,255,.08);border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:80px;opacity:0;transform:translateY(20px) scale(.9);position:relative;overflow:hidden}.slot-vibe-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--vibe-gradient, linear-gradient(135deg, #9333ea, #ec4899));border-radius:16px 16px 0 0}.slot-vibe-btn.entered{opacity:1;transform:translateY(0) scale(1)}.slot-vibe-btn.entered:active{background:#1e1e28f2;box-shadow:0 0 15px color-mix(in srgb,var(--vibe-primary, #9333ea) 20%,transparent);transform:scale(1.02)}.slot-vibe-btn.entered:active{transform:scale(.98)}.slot-vibe-emoji{font-size:24px}.slot-vibe-name{font-size:14px;font-weight:600;color:#fff}.slot-vibe-desc{font-size:13px;color:#ffffff80}.slot-header-row{position:relative;display:flex;align-items:center;margin:-12px 0 16px 52px;min-height:40px}.slot-back-btn{position:absolute;top:20px;left:20px;z-index:10;width:40px;height:40px;min-width:40px;min-height:40px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--vibe-primary, #a02ef5),var(--vibe-secondary, #2e0f94)) border-box;border:2px solid transparent;border-radius:50%;color:#fffc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.slot-back-btn:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,var(--vibe-primary, #a02ef5),var(--vibe-secondary, #2e0f94)) border-box;color:#fff}.slot-back-btn:active{transform:scale(.95)}.slot-back-btn svg{width:18px;height:18px}.slot-title{font-size:22px;font-weight:700;color:#fff;margin:0;text-align:center}.slot-machine-content{transition:opacity .2s ease-out,transform .2s ease-out}.slot-machine-reels-view{text-align:center}.slot-vibe-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:color-mix(in srgb,var(--vibe-primary, #9333ea) 20%,transparent);border:1px solid color-mix(in srgb,var(--vibe-primary, #9333ea) 40%,transparent);border-radius:20px;font-size:14px;color:var(--vibe-primary, rgba(255, 255, 255, .9));font-weight:500;margin-bottom:24px}.slot-reels-container{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}.slot-reel{flex:1;max-width:140px}.slot-reel-window{height:132px;overflow:hidden;background:#0006;border:2px solid color-mix(in srgb,var(--vibe-primary, #9333ea) 30%,transparent);border-radius:12px;position:relative;transition:border-color .3s ease}.slot-reel-window:before,.slot-reel-window:after{content:"";position:absolute;left:0;right:0;height:44px;z-index:2;pointer-events:none}.slot-reel-window:before{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.slot-reel-window:after{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.slot-reel-strip{display:flex;flex-direction:column;align-items:center;will-change:transform}.slot-reel.stopped-reel .slot-reel-window{border-color:var(--vibe-primary, #9333ea);box-shadow:0 0 12px color-mix(in srgb,var(--vibe-glow, #9333ea) 30%,transparent),inset 0 0 10px color-mix(in srgb,var(--vibe-glow, #9333ea) 12%,transparent)}.slot-reel-item{width:100%;height:44px;padding:0 8px;font-size:16px;font-weight:600;color:#ffffffe6;white-space:nowrap;text-align:center;text-transform:lowercase;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:color .2s ease,background .2s ease,box-shadow .2s ease}.slot-reel-item.selected{color:#fff;background:linear-gradient(90deg,color-mix(in srgb,var(--vibe-primary, #9333ea) 35%,transparent),color-mix(in srgb,var(--vibe-secondary, #ec4899) 25%,transparent));box-shadow:inset 0 0 20px color-mix(in srgb,var(--vibe-glow, #9333ea) 40%,transparent);animation:highlightFadeIn .4s ease-out}@keyframes highlightFadeIn{0%{background:transparent;box-shadow:none}}.slot-reel-plus{font-size:24px;font-weight:700;color:color-mix(in srgb,var(--vibe-primary, #9333ea) 80%,white);flex-shrink:0}.slot-spin-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 48px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--vibe-primary, #a02ef5),var(--vibe-secondary, #2e0f94)) border-box;border:2px solid transparent;border-radius:50px;color:#fff;font-size:16px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;min-height:52px;-webkit-tap-highlight-color:transparent}.slot-spin-btn:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,var(--vibe-primary, #a02ef5),var(--vibe-secondary, #2e0f94)) border-box;box-shadow:0 0 12px color-mix(in srgb,var(--vibe-glow, #a02ef5) 25%,transparent)}.slot-spin-btn:active{transform:scale(.96)}.slot-spin-icon{font-size:20px}.slot-btn-wrapper{display:flex;justify-content:center;width:100%;margin-top:16px}.slot-btn-wrapper:empty,.slot-btn-wrapper:has(button[style*="display: none"]){display:none}.slot-inline-result{display:none;flex-direction:column;align-items:center;gap:12px;padding:16px 0;opacity:0;transform:translateY(10px);transition:opacity .8s ease-out,transform .8s ease-out}.slot-inline-result.visible{opacity:1;transform:translateY(0)}.slot-username-reveal{text-align:center}.slot-username-at{font-size:28px;font-weight:700;color:#fff;margin-right:2px}.slot-username-text{font-size:28px;font-weight:700;background:linear-gradient(90deg,var(--vibe-primary, #9333ea),var(--vibe-secondary, #ec4899),var(--vibe-primary, #9333ea));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 2s linear infinite}.slot-checking-status,.slot-taken-status,.slot-available-status{font-size:16px;font-weight:500;margin-top:8px;text-align:center}.slot-checking-status{color:#fff9;animation:checkingPulse 1s ease-in-out infinite}@keyframes checkingPulse{0%,to{opacity:.6}50%{opacity:1}}.slot-taken-status{color:#f43f5e;animation:takenShake .4s ease-in-out}@keyframes takenShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.slot-available-status{color:#22c55e;font-weight:600}.slot-rate-limit-status{color:#f59e0b;font-size:16px;font-weight:500;margin-top:8px;text-align:center}.slot-max-retries-status{color:#ffffffb3;font-size:16px;font-weight:500;margin-top:8px;text-align:center}.slot-suggested-username{display:flex;align-items:center;justify-content:center;gap:2px;margin-top:12px;font-size:1.3rem;font-weight:700}.slot-suggested-username .slot-username-at{color:#ffffff80}.slot-suggested-username .slot-username-text{background:linear-gradient(90deg,#22c55e,#10b981);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.slot-username-reveal.checking .slot-username-text{animation:gradientShift 2s linear infinite,checkingPulse 1s ease-in-out infinite}.slot-username-reveal.taken .slot-username-text{background:linear-gradient(90deg,#f43f5e,#dc2626);-webkit-background-clip:text;background-clip:text;animation:none}.slot-username-reveal.available .slot-username-text{animation:gradientShift 2s linear infinite,celebrationPop .5s ease-out}.slot-username-reveal.rate-limited .slot-username-text{background:linear-gradient(90deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text;animation:none}.slot-username-reveal.max-retries .slot-username-text{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;animation:none}@keyframes celebrationPop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.slot-result-actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.slot-use-btn,.slot-again-btn{padding:14px 32px;min-width:140px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;min-height:48px;-webkit-tap-highlight-color:transparent}.slot-use-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--vibe-primary, #a02ef5),var(--vibe-secondary, #2e0f94)) border-box;border:2px solid transparent;color:#fff}.slot-use-btn:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,var(--vibe-primary, #a02ef5),var(--vibe-secondary, #2e0f94)) border-box;box-shadow:0 0 12px color-mix(in srgb,var(--vibe-glow, #a02ef5) 25%,transparent)}.slot-use-btn:active{transform:scale(.96)}.slot-again-btn{background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#ffffff40,#ffffff1a) border-box;border:2px solid transparent;color:#ffffffe6}.slot-again-btn:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,#ffffff59,#fff3) border-box}.slot-result-view{text-align:center;padding:20px 0}.slot-result-checking{animation:resultPulse 1s ease-in-out infinite}@keyframes resultPulse{0%,to{opacity:1}50%{opacity:.7}}.slot-result-username{font-size:28px;font-weight:700;color:#fff;margin-bottom:12px;word-break:break-word}.slot-result-username.celebration{background:linear-gradient(90deg,var(--onboard-theme-primary, #9333ea),var(--onboard-theme-accent, #ec4899),var(--onboard-theme-primary, #9333ea));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 2s linear infinite}@keyframes gradientShift{0%{background-position:0% center}to{background-position:200% center}}.slot-result-username.taken{color:#ffffff80;text-decoration:line-through}.slot-result-status{font-size:14px;color:#fff9;margin:0}.slot-result-available{font-size:16px;font-weight:600;color:#22c55e;margin:0 0 24px}.slot-result-taken{font-size:16px;font-weight:600;color:#ef4444;margin:0 0 8px}.slot-result-retry{font-size:14px;color:#ffffff80;margin:0}.slot-result-buttons{display:flex;gap:12px;justify-content:center}.slot-again-btn:active{transform:scale(.96)}.slot-celebration-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.slot-particle{position:absolute;width:8px;height:8px;background:var(--color);border-radius:50%;left:var(--x);bottom:40%;opacity:0;animation:particleBurst var(--duration) ease-out var(--delay) forwards}@keyframes particleBurst{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100px) scale(.5)}}.onboard-generate-btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box;border:2px solid transparent;border-radius:50px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;margin:12px auto 0;-webkit-tap-highlight-color:transparent}.onboard-generate-btn:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a02ef5),var(--onboard-theme-accent, #2e0f94)) border-box}.onboard-generate-btn:active{transform:scale(.98)}.onboard-input.typewriter-active{border-color:#9333ea99}.onboard-input.typewriter-active:after{content:"|";animation:typewriterBlink .7s infinite}@keyframes typewriterBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion: reduce){.slot-reel-strip.spinning,.slot-reel-strip.stopping,.slot-reel-strip.stopped,.slot-result-username.celebration,.slot-particle,.slot-result-checking,.slot-vibe-title,.slot-vibe-subtitle{animation:none}.slot-machine-overlay,.slot-machine-container,.slot-vibe-btn{transition:none}.slot-machine-container,.slot-vibe-title,.slot-vibe-subtitle,.slot-vibe-btn{opacity:1;transform:none}}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;transition:opacity .45s ease,filter .6s ease}.feature-icon-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;min-height:90px;background:linear-gradient(145deg,#14141cbf,#0c0c1273);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff08,0 12px 24px #00000059;color:var(--onboard-theme-primary, #8B5CF6);cursor:pointer;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .35s ease,box-shadow .45s ease,border-color .45s ease,background .45s ease;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(12px)}.feature-icon-btn.visible{opacity:1;transform:translateY(0)}.feature-icon-btn:hover,.feature-icon-btn:active{border-color:color-mix(in srgb,var(--onboard-theme-primary) 40%,transparent);background:linear-gradient(145deg,#1e1e26d9,#1010168c)}.feature-icon-btn:active{transform:scale(.97)}.feature-grid.is-transitioning{opacity:0;filter:blur(6px)}.feature-icon-btn.is-exiting{opacity:0;transform:translateY(10px) scale(.98);filter:blur(4px)}.feature-grid.is-transitioning{pointer-events:none}.feature-icon-btn svg{width:28px;height:28px;flex-shrink:0}.feature-icon-label{font-size:11px;font-weight:600;color:#ffffffbf;text-align:center;line-height:1.3;letter-spacing:.01em}.feature-tap-hint{text-align:center;font-size:11px;letter-spacing:.04em;color:#ffffff4d;margin-top:2px;margin-bottom:6px;opacity:0;transition:opacity .8s ease}.feature-tap-hint.visible{opacity:1}.showcase-detail{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 0;opacity:0;transform:translateY(18px) scale(.98);filter:blur(10px);transition:opacity .7s ease,transform .9s cubic-bezier(.22,1,.36,1),filter .7s ease;transition-delay:.08s}.showcase-detail.visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.showcase-detail-title{font-size:17px;font-weight:600;color:#fff;margin-bottom:10px}.showcase-detail-desc{font-size:14px;color:#ffffffb3;line-height:1.6;max-width:300px}.showcase-detail--veilmoji{padding-top:0;align-items:center}.showcase-detail--veilmoji .showcase-detail-title{font-size:22px;letter-spacing:-.3px}.veilmoji-float-field{position:relative;width:100%;height:230px;margin-bottom:16px;overflow:hidden;transition:opacity .3s ease}.veilmoji-float-field.is-swapping{opacity:0}.veilmoji-floater{position:absolute;left:var(--float-x, 50%);top:var(--float-y, 50%);width:var(--float-size, 44px);height:var(--float-size, 44px);opacity:0;transform:scale(1);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity .6s ease-out,transform .5s cubic-bezier(.22,1,.36,1),filter .4s ease;transition-delay:var(--float-delay, 0s);z-index:2;isolation:isolate}.veilmoji-floater:hover,.veilmoji-floater:active{transform:scale(1.1)}.showcase-detail.visible .veilmoji-floater{opacity:1;animation:veilmojiDrift 6s ease-in-out infinite;animation-delay:calc(var(--float-delay, 0s) + .6s)}.showcase-detail.visible .veilmoji-floater:nth-child(2n){animation-name:veilmojiDriftAlt;animation-duration:7s}@keyframes veilmojiDrift{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-10px) translate(4px)}66%{transform:translateY(-6px) translate(-6px)}}@keyframes veilmojiDriftAlt{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-8px) translate(-5px)}66%{transform:translateY(-12px) translate(3px)}}.veilmoji-floater.spotlight{z-index:10;opacity:1!important;animation:none!important;transition-delay:0s!important}.veilmoji-floater.returning{animation-play-state:paused}.veilmoji-float-field.has-spotlight .veilmoji-floater:not(.spotlight){filter:blur(3px);opacity:.15!important;transition-delay:0s!important;animation-play-state:paused}.veilmoji-float-field.is-unspotlighting .veilmoji-floater{transition-duration:.7s,.9s,.7s;transition-timing-function:ease,cubic-bezier(.16,1,.3,1),ease;transition-delay:calc(.06s + var(--float-delay, 0s))}.veilmoji-float-field.is-unspotlighting .veilmoji-floater.spotlight{transition-delay:0s}.veilmoji-keyword{color:#fff;font-weight:700}.veilmoji-info-panel{margin-top:8px;padding:16px 16px 14px;border-radius:18px;background:#08080cb3;border:1px solid rgba(255,255,255,.08)}.veilmoji-info-panel .showcase-detail-title{margin-top:0}.veilmoji-info-panel .showcase-detail-desc{margin-bottom:12px}.veilmoji-category-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px;padding:0 8px}.veilmoji-chip{padding:10px 16px;border-radius:20px;font-size:12px;min-height:44px;box-sizing:border-box;font-weight:500;color:#fff9;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,#ffffff26,#ffffff14) border-box;border:1.5px solid transparent;cursor:pointer;transition:color .3s ease,background .3s ease;-webkit-tap-highlight-color:transparent}.veilmoji-chip:hover,.veilmoji-chip:active{color:#ffffffe6;background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,#ffffff40,#ffffff1f) border-box}.veilmoji-chip.active{color:#fff;font-weight:600;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #D946EF),var(--onboard-theme-secondary, #8B5CF6)) border-box}.showcase-detail--feature{display:flex;flex-direction:column;align-items:center}.feature-detail-icon{width:48px;height:48px;margin-bottom:20px;color:var(--onboard-theme-primary, #8B5CF6)}.feature-detail-icon svg{width:100%;height:100%}.feature-keyword{color:#fff;font-weight:700}.slide-back-btn{position:absolute;left:0;top:50%;width:44px;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(#0c0c10,#0c0c10) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a855f7),var(--onboard-theme-secondary, #6d28d9)) border-box;border:2px solid transparent;color:#fffc;cursor:pointer;transition:color .6s ease,background .9s ease,border-color .9s ease,transform .2s ease,opacity .3s ease;-webkit-tap-highlight-color:transparent;z-index:2;opacity:0;transform:translateY(-50%) translate(-8px)}.slide-back-btn.visible{opacity:1;transform:translateY(-50%) translate(0);transition:opacity .3s ease,transform .3s ease}.slide-back-btn:hover,.slide-back-btn:active{background:linear-gradient(#14141a,#14141a) padding-box,linear-gradient(135deg,var(--onboard-theme-primary, #a855f7),var(--onboard-theme-secondary, #6d28d9)) border-box;color:#fff}.slide-back-btn:active{transform:translateY(-50%) scale(.95)}.slide-back-btn svg{width:20px;height:20px}@media (prefers-reduced-motion: reduce){.feature-icon-btn{opacity:1;transform:none;transition:none}.feature-grid{transition:none;filter:none}.feature-icon-btn.is-exiting{filter:none}.showcase-detail{transition:none;filter:none;transform:none}.slide-back-btn{opacity:1;transform:translateY(-50%);transition:none}.new-onboarding-section{transition:none}.onboard-slide-content{transition:none;filter:none;transform:none}.veilmoji-floater{opacity:1;transition:none}.showcase-detail.visible .veilmoji-floater{animation:none}.veilmoji-float-field,.veilmoji-chip,.veilmoji-floater.spotlight{transition:none}.veilmoji-float-field.has-spotlight .veilmoji-floater:not(.spotlight){transition:none}}.onboard-photo-upload-section{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.onboard-photo-circle{width:100px;height:100px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--onboard-theme-primary, #8B5CF6) 50%,transparent);background:#ffffff08;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.onboard-photo-circle:hover,.onboard-photo-circle:active{transform:scale(.95);border-color:color-mix(in srgb,var(--onboard-theme-primary, #8B5CF6) 70%,transparent);background:#ffffff0f}.onboard-photo-circle-icon{width:32px;height:32px;color:color-mix(in srgb,var(--onboard-theme-primary, #8B5CF6) 60%,white)}.onboard-photo-label{margin-top:10px;font-size:13px;color:#ffffff73}.onboard-photo-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:10px}.onboard-photo-preview-wrap img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid var(--onboard-theme-primary, #8B5CF6);box-shadow:0 0 12px color-mix(in srgb,var(--onboard-theme-primary, #8B5CF6) 30%,transparent)}.onboard-photo-change-btn{padding:6px 16px;min-height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:16px;color:#ffffff8c;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.onboard-photo-change-btn:hover,.onboard-photo-change-btn:active{background:#ffffff1a;color:#ffffffd9}.onboard-subsection-label{font-size:13px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.onboard-theme-picker-section{margin-bottom:8px}.onboard-vibe-heading{font-size:18px;font-weight:600;color:#fff;margin:0 0 6px;text-align:center}.onboard-vibe-description{font-size:13px;color:#ffffff80;text-align:center;margin:0 0 16px;line-height:1.5}.onboard-theme-picker-grid{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.onboard-theme-swatch{display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px 2px;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s ease;min-width:52px;min-height:48px}.onboard-theme-swatch:hover,.onboard-theme-swatch:active{transform:scale(.92)}.onboard-swatch-gradient{width:44px;height:44px;border-radius:50%;border:none;transition:transform .3s ease,box-shadow .3s ease}.onboard-swatch-name{font-size:11px;color:#ffffff73;font-weight:500;transition:color .3s ease}.onboard-theme-swatch.selected .onboard-swatch-gradient{transform:scale(1.15);box-shadow:0 4px 20px #00000080}.onboard-theme-swatch.selected .onboard-swatch-name{color:#fff;font-weight:600}.onboard-theme-swatch.selected:after{content:"";width:36px;height:2px;border-radius:1px;background:var(--onboard-theme-secondary, #D946EF);margin-top:-2px}@media (max-width: 375px){.feature-grid{gap:8px}.feature-icon-btn{min-height:80px;padding:12px 6px}.onboard-theme-picker-grid{gap:8px}}@media (max-height: 667px){.feature-grid{gap:8px;margin-bottom:12px}.feature-icon-btn{min-height:72px;padding:10px 6px}}.new-onboarding-section[data-theme=gold]{--onboard-theme-primary: #D4AF37;--onboard-theme-secondary: #F2D06B;--onboard-theme-accent: #BF953F}.new-onboarding-section[data-theme=gold]{background:radial-gradient(ellipse at center,#0c0c10f7,#0c0c10f2 70%,#0c0c10eb);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}.new-onboarding-theme-gradient[data-theme=gold]{background:radial-gradient(circle at 30% 20%,rgba(192,192,210,.32) 0%,transparent 45%),radial-gradient(circle at 70% 75%,rgba(220,220,235,.22) 0%,transparent 40%),radial-gradient(circle at 80% 15%,rgba(170,170,195,.16) 0%,transparent 35%),#06060a}.new-onboarding-section[data-theme=boys-wink]{--onboard-theme-primary: #DE59A2;--onboard-theme-secondary: #FFABF2;--onboard-theme-accent: #FFABF2}.new-onboarding-section[data-theme=boys-wink]{background:radial-gradient(ellipse at center,#0c0c10f7,#0c0c10f2 70%,#0c0c10eb);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}.new-onboarding-theme-gradient[data-theme=boys-wink]{background:linear-gradient(135deg,#de59a26b,#ffabf252),#06060a}@keyframes onboardFadeIn{0%{opacity:0}to{opacity:1}}@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)}}.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{position:relative;font-size:18px;font-weight:500;color:#fffffff2;text-shadow:0 2px 20px rgba(0,0,0,.4);padding:16px 36px;background:#0a0a0ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid transparent;border-radius:999px;letter-spacing:.5px;white-space:nowrap;background-clip:padding-box;box-shadow:0 8px 32px #00000080}.transition-text:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:999px;padding:1.5px;background:linear-gradient(135deg,var(--veil-mode-sdm-glow, #9333ea),color-mix(in srgb,var(--veil-mode-sdm-glow, #9333ea) 50%,var(--veil-mode-nav-gradient-end, #ec4899)),var(--veil-mode-nav-gradient-end, #ec4899));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}.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 30px}}@media (max-width: 480px){.transition-text{font-size:14px;padding:12px 26px}}@supports (padding: max(0px)){.transition-screen{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@keyframes premiumGradientFlow{0%{background-position:0% 50%}to{background-position:400% 50%}}@keyframes premiumGradientBreathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes premiumPulse{0%,to{opacity:.7}50%{opacity:1}}.premium-overlay{width:100%;height:100%;background:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden;position:relative}.premium-video-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.premium-bg-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;pointer-events:none;transition:opacity 1s ease}.premium-bg-video.is-active{opacity:1}.premium-static-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f14,#1e1428,#140f23 60%,#0a0a0f)}.premium-scroll-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:16px;position:relative;z-index:1;scrollbar-width:none;-ms-overflow-style:none}.premium-scroll-content::-webkit-scrollbar{display:none}.premium-hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;border-radius:20px;padding:24px 24px 20px;margin-bottom:16px;background:transparent;z-index:1;border:none}.premium-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:premiumGradientFlow 15s linear infinite,premiumGradientBreathe 8s ease-in-out infinite;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%)}.premium-hero:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:19px;background:#121218fa;z-index:-1}.premium-hero-content{text-align:center}.premium-title-row{position:relative;display:block;margin-bottom:8px}.premium-hero-title{font-size:22px;font-weight:700;margin:0;letter-spacing:.5px;display:inline-block}.premium-hero-title .veil{background:linear-gradient(135deg,#8b5cf6,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-inline-pill{position:absolute;top:50%;transform:translateY(-50%);margin-left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.premium-inline-pill.pro{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.premium-inline-pill.plus{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.premium-inline-pill.trial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.premium-inline-pill.lite{background:#6b72804d;color:#ffffffb3}.premium-hero-intro{font-size:13px;line-height:1.6;color:#fff9;max-width:320px;margin:12px auto 0}.premium-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}.premium-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}.premium-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}.premium-back-btn svg{width:16px;height:16px}.premium-hero-message{font-size:13px;color:#fff9;margin:0 0 12px;line-height:1.6}.premium-gradient{font-weight:600}.premium-gradient.premium-aurora{background:linear-gradient(135deg,#9333ea,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.premium-gradient.premium-ocean{background:linear-gradient(135deg,#06b6d4,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.premium-gradient.premium-sunset{background:linear-gradient(135deg,#f97316,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.premium-gradient.premium-cosmic{background:linear-gradient(135deg,#fbbf24,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.premium-gradient.premium-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.premium-tier-card{position:relative;padding:18px;border-radius:16px;margin-bottom:12px;z-index:1;border:none}.premium-tier-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;background:linear-gradient(90deg,#9333ea,#a855f7,#ec4899,#f472b6,#a855f7,#9333ea);background-size:400% 100%;animation:premiumGradientFlow 15s linear infinite,premiumGradientBreathe 8s ease-in-out infinite;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%);mask-image:linear-gradient(to bottom,white 0%,white 40%,transparent 100%)}.premium-tier-card:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:15px;background:#121218fa;z-index:-1}.premium-tier-card.active:before{-webkit-mask-image:none;mask-image:none;animation:premiumGradientFlow 15s linear infinite,premiumGradientBreathe 4s ease-in-out infinite}.premium-tier-card[data-tier=lite]:before{background:linear-gradient(90deg,#6b7280,#9ca3af,#d1d5db,#9ca3af,#6b7280);background-size:400% 100%}.premium-tier-card[data-tier=plus]:before{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc,#a855f7,#8b5cf6);background-size:400% 100%}.premium-tier-card[data-tier=pro]:before{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b,#d97706,#f59e0b);background-size:400% 100%}.premium-tier-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.premium-tier-name{display:flex;align-items:center;gap:8px}.premium-tier-name .emoji{font-size:20px}.premium-tier-name .name{font-size:20px;font-weight:700}.premium-tier-card[data-tier=lite] .premium-tier-name .name{background:linear-gradient(135deg,#9ca3af,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-tier-card[data-tier=plus] .premium-tier-name .name{background:linear-gradient(135deg,#a855f7,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-tier-card[data-tier=pro] .premium-tier-name .name{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.premium-tier-price{font-size:16px;font-weight:600}.premium-tier-card[data-tier=lite] .premium-tier-price{color:#9ca3af}.premium-tier-card[data-tier=plus] .premium-tier-price{color:#a855f7}.premium-tier-card[data-tier=pro] .premium-tier-price{color:#fbbf24}.premium-tier-features{list-style:none;padding:0;margin:0 0 16px;font-size:12px;color:#ffffffb3;line-height:1.9}.premium-tier-features li{padding-left:20px;position:relative}.premium-tier-features li:before{content:"✓";position:absolute;left:0;font-weight:600}.premium-tier-card[data-tier=lite] .premium-tier-features li:before{color:#9ca3af}.premium-tier-card[data-tier=plus] .premium-tier-features li:before{color:#a855f7}.premium-tier-card[data-tier=pro] .premium-tier-features li:before{color:#fbbf24}.premium-action-btn{width:100%;padding:12px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;position:relative;z-index:1}.premium-subscribe-btn{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.premium-downgrade-btn{background:#6b728033;color:#fff9;border:1px solid rgba(107,114,128,.3)}.premium-current-btn{background:#ffffff0d;color:#fff6;cursor:default}.premium-support{padding:14px;background:#ffffff05;border-radius:10px;border:1px solid rgba(255,255,255,.06);margin-top:16px;text-align:center}.premium-support p{font-size:11px;color:#fff6;margin:0;line-height:1.6}@media (max-width: 360px){.premium-tier-card{padding:14px}.premium-tier-name .name{font-size:18px}.premium-tier-price{font-size:14px}}.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:0;left:0;width:100%;height:100%;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,.landing-info-link:active{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,.landing-legal a:active{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,.landing-platform-btn:active{border-color:#dcbeff4d;background:#a878ff14;transform:translateY(-2px)}.landing-platform-btn:hover:before,.landing-platform-btn:active: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}.landing-container .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,.landing-back-btn:active{border-color:#94a3ff73;background:linear-gradient(135deg,#60a5fa26,#845ce333);transform:translateY(-1px)}.landing-back-btn:hover:before,.landing-back-btn:active: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}.landing-container .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,.info-policies a:active{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,.info-contact a:active{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,.policy-section a:active{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,.policy-full-link a:active{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,.call-reject-btn:active{background:#dc2626;box-shadow:0 6px 24px #ef444499}.call-accept-btn{background:#10b981;box-shadow:0 4px 20px #10b98180}.call-accept-btn:hover,.call-accept-btn:active{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,.call-end-btn:active{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)}}
