:root{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-sidebar:#fff;--bg-card:#fff;--border-color:#e2e8f0;--border-light:#e11d4814;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--red-primary:#e11d48;--red-hover:#be123c;--red-glow:#e11d4826;--red-light:#e11d4814;--green-tick:#10b981;--blue-call:#2563eb;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--glass-bg:#ffffffd9;--glass-border:#e11d480f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--red-primary)}.red-app-wrapper{background-color:var(--bg-primary);width:100vw;height:100vh;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);display:flex;overflow:hidden}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;width:380px;min-width:320px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.brand-title{align-items:center;gap:12px;display:flex}.user-avatar-small{color:#fff;width:40px;height:40px;box-shadow:0 0 10px var(--red-glow);border-radius:50%;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:16px;font-weight:700;display:flex}.brand-text h2{color:var(--text-primary);letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:20px;font-weight:800}.brand-text span{color:var(--text-secondary);font-size:11px}.sidebar-header-actions{gap:8px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.icon-btn:hover{background-color:var(--red-light);color:var(--red-primary);transform:scale(1.05)}.search-bar-container{padding:12px 16px}.search-input{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:20px;outline:none;padding:10px 16px;font-size:13px;transition:border-color .2s}.search-input:focus{border-color:var(--red-primary);box-shadow:0 0 8px var(--red-glow)}.sidebar-tabs{border-bottom:1px solid var(--border-color);gap:4px;padding:0 8px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 0;font-size:11px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--red-primary);border-bottom-color:var(--red-primary)}.sidebar-list-content{flex:1;overflow-y:auto}.list-item{cursor:pointer;border-bottom:1px solid #ff333305;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.list-item:hover{background-color:var(--red-light)}.list-item.selected{border-left:3px solid var(--red-primary);background-color:#ff333314}.list-item-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600;display:flex;position:relative}.online-dot-badge{background-color:var(--green-tick);border:2px solid var(--bg-sidebar);border-radius:50%;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.list-item-details{flex:1;min-width:0}.list-item-row-1{justify-content:space-between;margin-bottom:4px;display:flex}.list-item-row-1 h4{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.last-message-time{color:var(--text-muted);font-size:11px}.list-item-row-2{justify-content:space-between;align-items:center;display:flex}.last-message-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:12px;overflow:hidden}.lang-tag{background-color:var(--border-color);color:var(--text-muted);border-radius:4px;padding:2px 5px;font-size:9px;font-weight:700}.section-header-add{color:var(--text-muted);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:600;display:flex}.add-section-btn{color:var(--red-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:13px}.typing-indicator-text{color:var(--red-primary);font-size:12px;font-weight:500;animation:1.5s infinite pulse-typing}.chat-window{background-color:var(--bg-secondary);flex-direction:column;flex:1;height:100%;display:flex;position:relative}.chat-window.empty{background:radial-gradient(circle at center, #fff 0%, var(--bg-primary) 100%);justify-content:center;align-items:center}.empty-chat-visual{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:380px;display:flex}.red-circle-pulsing{background:#ff33330d;border:1px solid #ff333326;border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:12px;display:flex;box-shadow:0 0 30px #ff33331a}.chat-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);z-index:10;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.chat-header-info{align-items:center;gap:12px;display:flex}.chat-header-info h3{font-size:15px;font-weight:600}.online-status{color:var(--text-muted);font-size:11px}.translation-settings-bar{background:#ff33330a;border:1px solid #ff33331a;border-radius:20px;align-items:center;gap:10px;margin:0 12px;padding:6px 12px;display:flex}.trans-toggle-container{align-items:center;gap:6px;display:flex}.toggle-switch{background-color:var(--border-color);cursor:pointer;border:none;border-radius:10px;width:32px;height:18px;transition:background-color .25s;position:relative}.toggle-switch.active{background-color:var(--red-primary)}.switch-handle{background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .25s;position:absolute;top:2px;left:2px}.toggle-switch.active .switch-handle{transform:translate(14px)}.trans-select{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;outline:none;padding:2px 4px}.chat-header-actions{gap:4px;display:flex}.messages-container{background-position:50%;background-size:cover;background-color:var(--bg-secondary);flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message-row{width:100%;display:flex}.message-row.self{justify-content:flex-end}.message-row.other{justify-content:flex-start}.message-bubble{border-radius:12px;max-width:65%;padding:10px 14px 6px;position:relative;box-shadow:0 2px 5px #0003}.message-row.self .message-bubble{background-color:#ffe4e6;border:1px solid #e11d4826;border-top-right-radius:2px}.message-row.other .message-bubble{background-color:var(--bg-card);border:1px solid #00000014;border-top-left-radius:2px}.sender-name{margin-bottom:4px;font-size:11px;font-weight:700;display:block}.message-content{color:var(--text-primary);word-break:break-word;font-size:13px;line-height:1.5}.translated-main-text{font-size:13.5px;font-weight:500}.original-sub-text{color:var(--text-muted);border-top:1px dashed #ff33331a;margin-top:4px;padding-top:4px;font-size:10.5px}.message-meta{color:var(--text-muted);justify-content:flex-end;align-items:center;gap:4px;margin-top:4px;font-size:9px;display:flex}.blue-ticks{color:var(--blue-call);font-weight:700}.audio-message-bubble{align-items:center;gap:12px;min-width:180px;padding:4px 0;display:flex}.audio-play-btn{background:var(--red-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.audio-play-btn:hover{background:var(--red-hover)}.audio-wave-placeholder{flex:1;align-items:flex-end;gap:3px;height:18px;display:flex}.wave-bar{background-color:var(--text-muted);border-radius:2px;width:3px}.wave-bar:first-child{height:60%}.wave-bar:nth-child(2){height:100%}.wave-bar:nth-child(3){height:40%}.wave-bar:nth-child(4){height:80%}.wave-bar.anim{animation:1s ease-in-out infinite alternate audio-wave-pulse}.wave-bar.anim.delay-1{animation-delay:.15s}.wave-bar.anim.delay-2{animation-delay:.3s}.wave-bar.anim.delay-3{animation-delay:.45s}.audio-duration{color:var(--text-muted);font-size:10px}.chat-input-panel{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);padding:14px 20px;position:relative}.chat-input-form{align-items:center;gap:12px;display:flex}.chat-text-input{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:24px;outline:none;flex:1;padding:10px 16px;font-size:13.5px}.chat-text-input:focus{border-color:var(--red-primary)}.send-msg-btn{background-color:var(--red-primary);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:0 0 10px var(--red-glow);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.send-msg-btn:hover{background-color:var(--red-hover);transform:scale(1.05)}.mic-btn:hover{background-color:var(--red-light);color:var(--red-primary)}.recording-layout{justify-content:space-between;align-items:center;width:100%;display:flex}.recording-status{align-items:center;gap:10px;font-size:13px;display:flex}.recording-dot{background-color:var(--red-primary);border-radius:50%;width:10px;height:10px;animation:1s infinite alternate pulse-ring}.recording-actions{gap:8px;display:flex}.emoji-picker-popover{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:100;border-radius:8px;padding:10px;position:absolute;bottom:70px;left:20px;box-shadow:0 4px 15px #0f172a14}.emoji-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.emoji-item{cursor:pointer;border-radius:4px;padding:4px;font-size:20px}.emoji-item:hover{background-color:var(--red-light)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background-color:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;padding:24px;display:flex;position:relative;box-shadow:0 10px 40px #0f172a1f}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-header h3{font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.modal-subtitle{color:var(--text-secondary);margin-top:2px;font-size:12px}.close-btn{margin-top:-4px}.modal-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);font-size:12px;font-weight:600}.form-group input,.form-group textarea,.form-select{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;outline:none;padding:10px 14px;font-size:13.5px}.form-group input:focus,.form-group textarea:focus,.form-select:focus{border-color:var(--red-primary)}.color-selector{gap:10px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px}.color-dot.active{border-color:#fff;transform:scale(1.1)}.contacts-selection-list{border:1px solid var(--border-color);background-color:var(--bg-primary);border-radius:8px;max-height:180px;overflow-y:auto}.selection-item{cursor:pointer;border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:10px 14px;display:flex}.selection-item:hover{background-color:#ff33330d}.selection-info h5{font-size:13px}.selection-info span{color:var(--text-muted);font-size:11px}.selection-checkbox{margin-left:auto}.custom-checkbox{border:1px solid var(--border-color);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.custom-checkbox.checked{background-color:var(--red-primary);border-color:var(--red-primary)}.modal-actions{justify-content:flex-end;gap:10px;margin-top:10px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s}.btn-red{background-color:var(--red-primary);color:#fff}.btn-red:hover:not(:disabled){background-color:var(--red-hover);box-shadow:0 0 10px var(--red-glow)}.btn-red:disabled{opacity:.5;cursor:not-allowed}.btn-dark{background-color:var(--border-color);color:var(--text-primary)}.btn-dark:hover{background-color:#ff333314}.btn-sm{padding:6px 12px;font-size:11.5px}.contacts-modal{max-width:520px}.sync-banner{background-color:var(--red-light);border:1px dashed var(--red-primary);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.sync-banner-info{align-items:center;gap:8px;font-size:12.5px;display:flex}.search-box-container{margin-bottom:16px}.search-box{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.contacts-list-scroll{flex-direction:column;flex:1;gap:16px;max-height:300px;padding-right:4px;display:flex;overflow-y:auto}.contacts-section h4{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:12px}.directory-item{border-bottom:1px solid #ff333305;align-items:center;gap:10px;padding:8px 0;display:flex}.directory-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.directory-info h5{font-size:13px}.directory-info span{color:var(--text-muted);font-size:11px}.directory-action{margin-left:auto}.badge{border-radius:12px;padding:3px 8px;font-size:10px;font-weight:600}.badge-added{color:var(--green-tick);background-color:#10b9811a;border:1px solid #10b98133}.badge-found{background-color:var(--red-light);color:var(--red-primary);border:1px solid #f333}.sync-radar-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 0;display:flex;position:relative}.radar-circle{border:2px solid var(--red-primary);opacity:0;border-radius:50%;width:90px;height:90px;animation:2s linear infinite radar-burst;position:absolute}.radar-circle-inner{border:1px solid var(--red-primary);opacity:0;border-radius:50%;width:140px;height:140px;animation:2s linear .8s infinite radar-burst;position:absolute}.sync-radar-container p{color:var(--text-secondary);z-index:5;margin-top:10px;font-size:13px}.profile-edit-avatar-section{justify-content:center;margin-bottom:10px;display:flex}.profile-big-avatar{background-color:var(--red-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-family:Outfit,sans-serif;font-size:32px;font-weight:700;display:flex;box-shadow:0 0 20px #ff333340}.wallpaper-selector{flex-direction:column;gap:8px;display:flex}.wallpaper-option-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;text-align:left;border-radius:8px;align-items:center;padding:10px 14px;display:flex}.wallpaper-option-btn.active{border-color:var(--red-primary);box-shadow:0 0 5px var(--red-glow)}.wallpaper-label{font-size:12.5px;font-weight:600}.call-overlay-container{z-index:1000;color:#fff;background-color:#050101;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.call-main-content{z-index:10;flex-direction:column;justify-content:space-between;align-items:center;width:90%;max-width:600px;height:85vh;display:flex}.call-info-top{text-align:center}.call-title{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.call-status-text{color:var(--text-secondary);font-size:14px}.call-media-viewport{flex:1;justify-content:center;align-items:center;width:100%;margin:30px 0;display:flex;position:relative}.video-grid{gap:12px;width:100%;height:100%;display:grid}.grid-count-2{grid-template-rows:1fr 1fr}.grid-count-3,.grid-count-4,.grid-count-5{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.video-card{border:1px solid var(--border-color);background-color:#120202;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-stream-sim{width:100%;height:100%}.my-camera-gradient{background:linear-gradient(135deg,#3a0000 0%,#1a0000 100%);position:relative}.pulse-slow-radial{background:radial-gradient(circle,#ff333326 0%,#0000 70%);border-radius:50%;width:80%;height:80%;animation:3s infinite alternate pulse-ring;position:absolute;top:10%;left:10%}.video-avatar-placeholder{background-color:var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.video-feed-label{background-color:#0009;border-radius:4px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;left:8px}.audio-call-avatars{flex-direction:column;align-items:center;display:flex}.avatar-ring-outer{background-color:#ff333308;border:1px solid #ff333314;border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex}.avatar-ring-inner{background-color:#ff333314;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex}.audio-avatar{border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-size:38px;font-weight:700;display:flex;box-shadow:0 0 30px #f333}.participants-pills{gap:8px;margin-top:24px;display:flex}.participant-pill{border:1px solid;border-radius:20px;padding:4px 10px;font-size:11px}.call-controls-panel{align-items:center;gap:16px;display:flex}.control-btn{background-color:var(--border-color);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex}.control-btn:hover{transform:scale(1.08)}.control-btn.active{color:#000;background-color:#fff}.hangup-btn{background-color:var(--red-primary);width:60px;height:60px}.hangup-btn:hover{background-color:var(--red-hover);box-shadow:0 0 15px var(--red-primary)}.add-user-btn{background-color:var(--blue-call)}.add-participant-popover{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:1010;border-radius:8px;width:200px;padding:10px;position:absolute;top:20px;right:20px}.popover-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12.5px;display:flex}.popover-contact-item{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px;display:flex}.popover-contact-item:hover{background-color:var(--red-light)}.popover-contact-item span{font-size:12px}.admin-overlay{z-index:1100;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0}.admin-container{border:1px solid var(--border-color);background-color:#0b0202;border-radius:16px;flex-direction:column;width:100%;max-width:960px;height:85vh;display:flex;overflow:hidden}.admin-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-logo{align-items:center;gap:10px;display:flex}.admin-badge{background-color:var(--red-primary);color:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.admin-layout{flex:1;display:flex;overflow:hidden}.admin-sidebar-menu{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;gap:8px;width:220px;padding:16px 8px;display:flex}.admin-menu-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;transition:all .2s;display:flex}.admin-menu-item:hover{background-color:var(--red-light);color:var(--red-primary)}.admin-menu-item.active{background-color:var(--red-primary);color:#fff}.admin-content{flex:1;padding:24px;overflow-y:auto}.tab-title{margin-bottom:12px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:16px}.stat-value{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:26px;font-weight:800}.stat-label{color:var(--text-muted);font-size:11.5px}.dashboard-charts-row{margin-top:20px}.chart-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:20px}.chart-mock{flex-direction:column;gap:12px;margin-top:16px;display:flex}.chart-bar-row{align-items:center;gap:12px;display:flex}.chart-bar-label{width:140px;font-size:12px}.chart-bar-track{background-color:var(--bg-primary);border-radius:5px;flex:1;height:10px;overflow:hidden}.chart-bar-fill{border-radius:5px;height:100%}.chart-bar-percent{width:32px;font-size:11px;font-weight:700}.bg-purple{background-color:#9333ea}.bg-blue{background-color:#2563eb}.bg-yellow{background-color:#eab308}.admin-table-container{border:1px solid var(--border-color);background-color:var(--bg-card);border-radius:8px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:13px}.admin-table th{background-color:var(--bg-primary);color:var(--text-muted);font-weight:600}.table-user-cell{align-items:center;gap:10px;display:flex}.lang-pill{background-color:var(--border-color);color:var(--text-secondary);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.status-indicator-badge{align-items:center;gap:4px;font-size:11px;font-weight:500;display:inline-flex}.status-indicator-badge.online{color:var(--green-tick)}.status-indicator-badge.offline{color:var(--text-muted)}.lang-flow{background-color:var(--border-color);border-radius:4px;padding:2px 8px;font-size:11px}.simulator-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:20px;padding:24px;display:flex}.preset-buttons{flex-direction:column;gap:6px;margin-top:8px;display:flex}.preset-msg-btn{text-align:left;align-items:center;width:100%;padding:8px 12px;display:flex}.custom-sim-row{align-items:center;gap:12px;display:flex}@keyframes pulse-ring{0%{opacity:.6;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}@keyframes radar-burst{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(1.1)}}@keyframes audio-wave-pulse{0%{transform:scaleY(.3)}to{transform:scaleY(1.1)}}@keyframes pulse-typing{0%,to{opacity:.5}50%{opacity:1}}.mobile-back-btn{display:none!important}@media (width<=768px){.sidebar{z-index:50;width:100%;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;left:0}.active-chat-open .sidebar{pointer-events:none;transform:translate(-100%)}.chat-window{width:100%;height:100%;position:absolute;left:0}.mobile-back-btn{display:flex!important}.stats-grid{grid-template-columns:repeat(2,1fr)}.custom-sim-row{flex-direction:column;align-items:stretch}}.my-story-add-badge{background-color:var(--red-primary);color:#fff;border:2px solid var(--bg-sidebar);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;right:0}.status-recent-header{color:var(--text-muted);text-transform:uppercase;padding:12px 16px 6px;font-size:11.5px;font-weight:600}.story-avatar-ring{background-clip:content-box;border-radius:50%;padding:2.5px}.story-avatar-ring.unviewed{border:2.5px solid var(--red-primary);box-shadow:0 0 5px var(--red-glow)}.story-avatar-ring.viewed{border:2.5px solid var(--border-color)}.status-viewer-overlay{z-index:1200;background-color:#050101;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.status-viewer-content{flex-direction:column;justify-content:space-between;width:100%;max-width:480px;height:100%;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #000c}.status-tap-left{z-index:15;cursor:pointer;width:35%;height:80%;position:absolute;top:10%;left:0}.status-tap-right{z-index:15;cursor:pointer;width:65%;height:80%;position:absolute;top:10%;right:0}.status-progress-bars-container{z-index:20;gap:4px;width:100%;margin-top:10px;display:flex}.status-progress-bar-track{background-color:#ffffff40;border-radius:2px;flex:1;height:3px;overflow:hidden}.status-progress-bar-fill{background-color:#fff;width:0%;height:100%}.status-viewer-header{z-index:20;justify-content:space-between;align-items:center;width:100%;margin-top:14px;display:flex}.status-viewer-user{align-items:center;gap:10px;display:flex}.status-viewer-user h4{color:#fff;font-size:14px;font-weight:600}.status-viewer-user span{color:#ffffffb3;font-size:11px}.status-close-btn{color:#fff!important}.status-viewer-body{z-index:20;text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.status-slide-text{color:#fff;text-shadow:0 2px 10px #00000080;word-break:break-word;font-family:Outfit,sans-serif;font-size:24px;font-weight:700;line-height:1.4}.status-nav-buttons{z-index:20;justify-content:space-between;width:100%;padding-bottom:20px;display:flex}.status-nav-arrow{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.status-nav-arrow:hover:not(:disabled){background:#fff3}.status-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.chat-lock-container{background-color:var(--bg-primary);flex:1;justify-content:center;align-items:center;display:flex}.chat-lock-card{background-color:var(--bg-card);border:1px solid var(--border-color);text-align:center;border-radius:16px;width:100%;max-width:380px;padding:40px;box-shadow:0 10px 30px #0009}.lock-icon-pulsing{background:var(--red-light);border:1px solid #ff333326;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;animation:2s infinite alternate pulse-ring;display:flex;box-shadow:0 0 20px #ff33331a}.chat-unlock-form{margin-top:10px}.audio-speed-badge{background-color:var(--border-color);color:var(--text-primary);cursor:pointer;border:1px solid #ff33331a;border-radius:10px;margin-left:4px;padding:2px 6px;font-size:10.5px;font-weight:700;transition:all .2s}.audio-speed-badge:hover{background-color:var(--red-primary);color:#fff}.message-star-action-btn{color:var(--text-muted);cursor:pointer;z-index:10;box-shadow:0 2px 5px #0006;background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important}.message-star-action-btn:hover{background-color:var(--red-light)!important}.msg-disappear-timer{color:var(--red-primary);background-color:#ff333326;border:1px solid #f333;border-radius:4px;padding:1px 4px;font-size:9px;font-weight:700}.starred-sidebar{background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);flex-direction:column;width:320px;height:100%;display:flex}.starred-sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.starred-sidebar-header h3{font-family:Outfit,sans-serif;font-size:16px;font-weight:700}.starred-sidebar-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.no-starred-text{text-align:center;color:var(--text-muted);margin-top:40px;font-size:13px}.starred-item-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.starred-item-meta{justify-content:space-between;font-size:11px;display:flex}.starred-item-meta strong{color:var(--red-primary)}.starred-item-meta span{color:var(--text-muted)}.starred-item-text{color:var(--text-primary);word-break:break-word;font-size:12px;line-height:1.4}.starred-remove-link{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;width:fit-content;font-size:10.5px;text-decoration:underline}.starred-remove-link:hover{color:var(--red-primary)}.my-story-add-badge{background-color:var(--red-primary)!important}.login-screen-wrapper{z-index:1000;background:radial-gradient(circle,#fff 0%,#f1f5f9 100%);justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.login-card{text-align:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:32px;display:flex;box-shadow:0 10px 40px #0f172a14}.login-logo-container{flex-direction:column;align-items:center;gap:8px;display:flex}.login-logo-circle{color:#e11d48;background:#e11d480d;border:1px solid #e11d4826;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.login-card h2{color:#0f172a;font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.login-card p{color:#475569;font-size:13px;line-height:1.5}.login-form{text-align:left;flex-direction:column;gap:16px;display:flex}.phone-input-group{gap:8px;display:flex}.country-select{color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:90px;padding:10px;font-size:13.5px}.otp-inputs-row{justify-content:center;gap:8px;margin:10px 0;display:flex}.otp-digit-input{text-align:center;color:#0f172a;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:42px;height:48px;font-size:18px;font-weight:700;transition:all .2s}.otp-digit-input:focus{background-color:#fff;border-color:#e11d48;box-shadow:0 0 8px #e11d4826}.sms-push-notification{z-index:9999;pointer-events:auto;background-color:#fff;border-left:4px solid #e11d48;border-radius:12px;width:90%;max-width:380px;padding:14px 18px;animation:.4s cubic-bezier(.16,1,.3,1) forwards sms-slide-in;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a29}.sms-push-header{color:#e11d48;text-transform:uppercase;justify-content:space-between;margin-bottom:4px;font-size:10.5px;font-weight:700;display:flex}.sms-push-time{font-weight:500;color:#94a3b8!important}.sms-push-body{color:#0f172a;margin:0;font-size:12.5px;line-height:1.4}@keyframes sms-slide-in{0%{opacity:0;transform:translate(-50%,-100px)}to{opacity:1;transform:translate(-50%)}}.message-hover-actions{z-index:20;gap:4px;display:none;position:absolute;top:-12px;right:8px}.message-bubble:hover .message-hover-actions{display:flex}.quick-reactions-popover{background-color:var(--bg-card);border:1px solid var(--border-color);z-index:30;border-radius:20px;gap:6px;margin-bottom:4px;padding:4px 8px;display:none;position:absolute;bottom:100%;right:0;box-shadow:0 4px 12px #00000026}.reaction-trigger-container:hover .quick-reactions-popover{display:flex}.quick-reaction-emoji{cursor:pointer;padding:2px;font-size:14px;transition:transform .15s}.quick-reaction-emoji:hover{transform:scale(1.3)}