:root{--cr-theme:#8b5cf6;--cr-accent:#c084fc;--cr-glow:rgba(139, 92, 246, .3);--cr-text:#f0eef5;--cr-muted:#b8a9d9;--cr-glass-border:rgba(255, 255, 255, .06);--cr-glass-bg:rgba(255, 255, 255, .025);--cr-radius-sm:14px;--cr-radius-md:20px;--cr-radius-lg:24px}body.tema-amigos{--cr-theme:#3b82f6;--cr-accent:#60a5fa;--cr-glow:rgba(59, 130, 246, .3);--cr-muted:#93c5fd}@keyframes cr-aurora{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes cr-pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes cr-slideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cr-slideLeft{0%{opacity:0;transform:translate(-16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes cr-slideRight{0%{opacity:0;transform:translate(16px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}body,html{background:#080510!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 15% 10%,rgba(139,92,246,.1) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 85% 85%,rgba(192,132,252,.06) 0,transparent 50%),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(139,92,246,.03) 0,transparent 50%),linear-gradient(180deg,#0a0612 0,#080510 40%,#0c0818);z-index:-1;pointer-events:none}.chat-header{padding:calc(14px + var(--safe-top)) 18px 12px 14px!important;background:linear-gradient(180deg,#0e081ae0 0,#0e081ab3)!important;backdrop-filter:blur(28px) saturate(1.3)!important;-webkit-backdrop-filter:blur(28px) saturate(1.3)!important;border-bottom:1px solid var(--cr-glass-border)!important;min-height:calc(68px + var(--safe-top))!important;box-shadow:none!important;position:relative}.chat-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(139,92,246,.12) 30%,rgba(192,132,252,.18) 50%,rgba(139,92,246,.12) 70%,transparent 100%)}.header-left{gap:10px!important}.header-right{gap:4px!important}.icon-btn{background:0 0!important;border:1px solid transparent!important;padding:8px!important;border-radius:14px!important;transition:.25s cubic-bezier(.4,0,.2,1)!important;opacity:.8}.icon-btn:hover{opacity:1!important;background:var(--cr-glass-bg)!important;border-color:var(--cr-glass-border)!important;box-shadow:0 2px 12px #0003!important}.icon-btn:active{transform:scale(.92);opacity:.6}#btn-atras{width:38px!important;height:38px!important}.avatar{width:42px!important;height:42px!important;min-width:42px!important;background:linear-gradient(135deg,var(--cr-theme),var(--cr-accent))!important;font-weight:700!important;font-size:13px!important;letter-spacing:.5px!important;box-shadow:0 2px 14px var(--cr-glow),inset 0 1px #fff3!important;position:relative}.avatar:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;border:1.5px solid rgba(139,92,246,.2);pointer-events:none}.user-info{gap:3px!important}.user-name{font-weight:700!important;font-size:15px!important;letter-spacing:.2px!important;color:var(--cr-text)!important;-webkit-text-fill-color:var(--cr-text)!important;background:0 0!important}.user-status{font-size:11.5px!important;color:var(--cr-muted)!important;font-weight:500!important;letter-spacing:.3px!important;display:flex!important;align-items:center!important;gap:5px!important}.user-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 6px #34d39980;display:inline-block}#chat-messages{padding:24px 18px!important}.messages-inner{gap:10px!important}.msg{max-width:78%!important;padding:11px 16px!important;font-size:14.5px!important;line-height:1.5!important;box-shadow:0 4px 20px #0003!important;border:1px solid transparent!important;position:relative;animation:.4s cubic-bezier(.16,1,.3,1) forwards cr-slideUp}.msg .txt{margin-bottom:6px!important}.msg .ts{font-size:10px!important;color:#ffffff73!important;margin-top:4px!important;letter-spacing:.3px}.msg.they{align-self:flex-start!important;background:var(--cr-glass-bg)!important;border-color:var(--cr-glass-border)!important;color:var(--cr-text)!important;border-radius:var(--cr-radius-md) var(--cr-radius-lg) var(--cr-radius-lg) var(--cr-radius-sm)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation-name:cr-slideLeft!important}.msg.they .ts{color:#ffffff59!important}.msg.me{align-self:flex-end!important;background:linear-gradient(135deg,var(--cr-theme),#7c3aed)!important;color:#fff!important;border-radius:var(--cr-radius-lg) var(--cr-radius-md) var(--cr-radius-sm) var(--cr-radius-lg)!important;box-shadow:0 4px 20px var(--cr-glow),0 1px #ffffff1a inset!important;border-color:#ffffff14!important;animation-name:cr-slideRight!important}.msg.system{background:0 0!important;color:var(--cr-muted)!important;font-size:11.5px!important;letter-spacing:.4px!important;text-transform:uppercase!important;font-weight:600!important;opacity:.7!important}.empty-state{gap:16px!important;animation:.6s ease-out cr-slideUp}.empty-state svg{opacity:.5!important;filter:drop-shadow(0 0 20px rgba(139,92,246,.3))!important;width:56px!important;height:56px!important}.empty-state p{font-size:13.5px!important;color:var(--cr-muted)!important;letter-spacing:.3px!important;line-height:1.6!important}#chat-messages::-webkit-scrollbar{width:5px!important}#chat-messages::-webkit-scrollbar-track{background:0 0!important}#chat-messages::-webkit-scrollbar-thumb{background:#ffffff14!important;border-radius:10px!important}#chat-messages::-webkit-scrollbar-thumb:hover{background:#ffffff26!important}.chat-input-bar{padding:10px 16px calc(10px + var(--safe-bottom)) 16px!important;gap:8px!important;background:linear-gradient(0deg,rgba(8,5,16,.95) 0,rgba(8,5,16,.6) 60%,transparent 100%)!important;position:relative}.chat-input-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--cr-glass-border) 20%,var(--cr-glass-border) 80%,transparent 100%)}.input-wrap{position:relative}.input-wrap:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:28px;background:linear-gradient(135deg,#8b5cf626,#c084fc14);opacity:0;transition:opacity .3s;z-index:-1;filter:blur(4px)}.input-wrap:focus-within:before{opacity:1}#message-input{background:var(--cr-glass-bg)!important;border:1px solid var(--cr-glass-border)!important;padding:12px 18px!important;border-radius:28px!important;color:var(--cr-text)!important;font-size:15px!important;transition:.3s cubic-bezier(.4,0,.2,1)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;letter-spacing:.2px}#message-input:focus{background:#ffffff0d!important;border-color:#8b5cf640!important;box-shadow:0 0 20px #8b5cf61a,0 2px 8px #0003!important}#message-input::placeholder{color:#ffffff38!important;font-weight:400}.btn-send{width:44px!important;height:44px!important;min-width:44px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--cr-theme),var(--cr-accent))!important;box-shadow:0 4px 16px var(--cr-glow)!important;transition:.25s cubic-bezier(.175,.885,.32,1.275)!important;position:relative;overflow:hidden}.btn-send:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:.5}.btn-send:hover:not(:disabled){transform:scale(1.08)!important;filter:brightness(1.15)!important;box-shadow:0 6px 24px var(--cr-glow)!important}.btn-send:active:not(:disabled){transform:scale(.9)!important}.menu-pop{background:#120a20eb!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;border:1px solid var(--cr-glass-border)!important;border-radius:16px!important;padding:8px!important;box-shadow:0 16px 48px #00000080!important}.menu-pop a{padding:12px 14px!important;border-radius:12px!important;font-size:13.5px!important;font-weight:500!important;letter-spacing:.2px;transition:.2s!important}.menu-pop a:hover{background:var(--cr-glass-bg)!important}.menu-pop a:active{background:#ffffff0f!important}.selection-bar{background:#0e081ae6!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--cr-glass-border)!important}.selection-bar button{background:var(--cr-glass-bg)!important;border:1px solid var(--cr-glass-border)!important;border-radius:14px!important;font-weight:600!important;font-size:12.5px!important;padding:8px 14px!important;transition:.2s!important}.selection-bar button:hover{background:#ffffff0f!important}.selection-bar .danger{background:#f43f5e1f!important;border-color:#f43f5e40!important;color:#fb7185!important}.selection-bar .danger:hover{background:#f43f5e33!important}.recording-indicator{background:#f43f5e14!important;border-top:1px solid rgba(244,63,94,.15)!important;color:#fb7185!important;font-weight:500!important;letter-spacing:.3px}.custom-audio-player{background:var(--cr-glass-bg)!important;border:1px solid var(--cr-glass-border)!important;border-radius:18px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.audio-play-btn{background:linear-gradient(135deg,var(--cr-theme),var(--cr-accent))!important;box-shadow:0 3px 10px var(--cr-glow)!important}.audio-progress-fill{background:linear-gradient(90deg,var(--cr-theme),var(--cr-accent))!important}.sticker-btn{border-radius:14px!important;transition:.25s cubic-bezier(.34,1.56,.64,1)!important}.sticker-btn:hover{background:var(--cr-glass-bg)!important;transform:scale(1.15) rotate(-3deg)!important;filter:drop-shadow(0 4px 10px var(--cr-glow))!important}#attachment-panel,#sticker-panel{background:#0e081ad9!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid var(--cr-glass-border)!important}#search-bar{background:#0e081acc!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--cr-glass-border)!important}.modal-overlay{background:#000000a6!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.modal-content{background:#120a20f2!important;border:1px solid var(--cr-glass-border)!important;border-radius:22px!important;box-shadow:0 24px 64px #00000080!important}.privacy-notice{background:#f59e0b14!important;border-color:#f59e0b2e!important;border-radius:14px!important;font-weight:500!important;letter-spacing:.2px}#media-editor-modal{background:#05030cf7!important}.editor-topbar h3{font-weight:700!important;letter-spacing:.3px}#editor-text-input{background:var(--cr-glass-bg)!important;border-color:var(--cr-glass-border)!important;border-radius:14px!important}#editor-add-text-btn{background:linear-gradient(135deg,var(--cr-theme),var(--cr-accent))!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 12px var(--cr-glow)!important}#editor-send-btn{background:linear-gradient(135deg,var(--cr-theme),var(--cr-accent))!important;border-radius:16px!important;box-shadow:0 4px 16px var(--cr-glow)!important;font-weight:700!important}#editor-cancel-btn{background:var(--cr-glass-bg)!important;border:1px solid var(--cr-glass-border)!important;border-radius:16px!important;color:var(--cr-muted)!important}.filter-thumb{border-radius:12px!important;border-color:#ffffff1a!important}.filter-btn.active .filter-thumb{border-color:var(--cr-theme)!important;box-shadow:0 0 12px var(--cr-glow)!important}.bg-option{border-radius:14px!important;border-width:2px!important;transition:.25s!important}.bg-option:hover{transform:scale(1.06)!important;box-shadow:0 4px 16px #0000004d!important}.bg-option.active{border-color:var(--cr-theme)!important;box-shadow:0 0 16px var(--cr-glow)!important}.toggle-switch input:checked+.toggle-track{background:linear-gradient(135deg,var(--cr-theme),var(--cr-accent))!important}.msg.deleted{opacity:.5!important}.msg.selected{outline:2px solid var(--cr-theme)!important;outline-offset:3px!important;filter:brightness(1.2)!important}@media (max-width:480px){.msg{max-width:85%!important;font-size:15px!important}#chat-messages{padding:16px 12px!important}.chat-header{padding:calc(10px + var(--safe-top)) 12px 10px 10px!important}.user-name{font-size:14.5px!important}.chat-input-bar{padding:8px 12px calc(8px + var(--safe-bottom)) 12px!important}.btn-send{width:42px!important;height:42px!important;min-width:42px!important}#message-input{padding:10px 14px!important;font-size:16px!important}}@media (max-width:360px){.msg{max-width:90%!important;font-size:14px!important}.avatar{width:38px!important;height:38px!important;min-width:38px!important;font-size:12px!important}}#chat-list-view{background:#0b141a}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + var(--safe-top,0px)) 16px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.1rem;font-weight:700;color:var(--text-main,#e9edef);flex-shrink:0}.chat-list-items{flex:1;overflow-y:auto;padding:8px 0}.chat-list-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.03)}.chat-list-item:hover{background:#ffffff0a}.chat-list-item.active{background:#694cd21f}.chat-list-item.pinned{border-bottom:1px solid rgba(255,255,255,.06)}.chat-list-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-weight:600;font-size:14px}.chat-list-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-list-avatar svg{width:100%;height:100%}.chat-list-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-list-name{font-size:.9rem;font-weight:600;color:var(--text-main,#e9edef);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-preview{font-size:.78rem;color:var(--text-muted,#8696a0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-pin{font-size:.8rem;opacity:.6;flex-shrink:0}.suggested-box{flex-shrink:0;width:72px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:6px 4px;border-radius:12px;transition:background .15s;position:relative}.suggested-box:hover{background:#ffffff0a}.suggested-box-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.1);position:relative}.suggested-box-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.suggested-box-avatar svg{width:100%;height:100%}.suggested-box-name{font-size:.65rem;font-weight:600;color:var(--text-main,#e9edef);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68px}.suggested-box-reason{font-size:.55rem;color:var(--text-muted,#8696a0);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:68px}.suggested-box-room-badge{position:absolute;top:2px;right:6px;width:14px;height:14px;border-radius:50%;background:#22c55e;border:2px solid #0b141a;display:flex;align-items:center;justify-content:center}.suggested-box-room-badge.locked{background:#6b7280}.suggested-box-room-badge svg{width:8px;height:8px;color:#fff}