*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{--bg-dark:#0b141a;--bg-panel:#111b21;--bg-chat:#0b141a;--bg-own-msg:#005c4b;--bg-other-msg:#202c33;--text-main:#e9edef;--text-muted:#8696a0;--accent:#00a884;--border-color:#222d34;--bg-input:#2a3942;--tick-delivered:#8696a0;--tick-seen:#53bdeb}body{color:var(--text-main);background-color:#000;justify-content:center;height:100dvh;margin:0;display:flex;overflow:hidden}#root{flex-direction:column;width:100%;max-width:800px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}.app-container{background-color:var(--bg-chat);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:3px}.hidden{display:none!important}.top-bar{background-color:var(--bg-other-msg);color:var(--text-main);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:60px;padding:10px 15px;display:flex;box-shadow:0 1px 3px #0003}.top-bar-left{align-items:center;gap:10px;display:flex}.avatar{background-color:var(--text-muted);border-radius:50%;width:40px;height:40px}.user-name{font-size:1.1rem;font-weight:500}.top-bar-right{align-items:center;gap:15px;display:flex}.icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;transition:color .2s;display:flex}.icon-btn:hover{color:var(--text-main)}.status-text{font-size:.9rem;font-weight:500}.message-input-form{background-color:var(--bg-other-msg);z-index:50;flex-shrink:0;align-items:center;gap:10px;width:100%;height:60px;padding:10px 15px;display:flex;position:sticky;bottom:0}.message-input{background-color:var(--bg-input);color:var(--text-main);border:none;border-radius:20px;outline:none;flex:1;padding:10px 15px;font-size:1rem}.send-btn{background-color:var(--accent);color:var(--bg-chat);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:opacity .2s;display:flex}.send-btn:disabled{opacity:.5;cursor:default}.message-list-container{overscroll-behavior:contain;flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.empty-chat{text-align:center;color:var(--text-muted);margin-top:auto;margin-bottom:auto;font-size:.9rem}.message-wrapper{-webkit-user-select:none;user-select:none;margin-bottom:5px;display:flex}.own-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-bubble{border-radius:8px;flex-direction:column;max-width:80%;padding:8px 12px;display:flex;position:relative;box-shadow:0 1px 1px #0000001a}.own-message .message-bubble{background-color:var(--bg-own-msg);border-top-right-radius:0}.other-message .message-bubble{background-color:var(--bg-other-msg);border-top-left-radius:0}.message-text{word-wrap:break-word;font-size:1rem;line-height:1.4}.message-meta{color:#fff9;justify-content:flex-end;align-items:center;gap:5px;margin-top:4px;font-size:.75rem;display:flex}.tick{font-size:.8rem;line-height:1}.tick-sent,.tick-delivered{color:var(--tick-delivered)}.tick-seen{color:var(--tick-seen)}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.modal-content{background:var(--bg-panel);border-radius:10px;width:90%;max-width:400px;padding:20px;box-shadow:0 4px 6px #0000004d}.original-msg-preview{background:var(--bg-other-msg);border-left:4px solid var(--accent);color:var(--text-muted);text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3;border-radius:4px;-webkit-box-orient:vertical;margin:10px 0;padding:10px;font-size:.9rem;display:-webkit-box;overflow:hidden}.btn-secondary{color:var(--accent);cursor:pointer;background-color:#0000;border:none;padding:.8rem;font-weight:700}.status-viewer-container{background-color:var(--bg-chat);z-index:50;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0}.status-list{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.status-sender{color:var(--accent);margin-bottom:4px;font-size:.85rem;font-weight:700}.status-bubble{min-width:150px}.toast-notification{background-color:var(--bg-other-msg);color:var(--text-main);z-index:1000;border:1px solid var(--accent);border-radius:20px;padding:10px 20px;font-size:.9rem;animation:3.5s ease-in-out fadeInOut;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}10%{opacity:1;transform:translate(-50%)}90%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.login-wrapper{background:radial-gradient(circle at 100% 0,#113636,#091a1a,#0b141a);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.glass-login-box{-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;gap:1.5rem;width:90%;max-width:350px;padding:3rem 2rem;display:flex;box-shadow:0 8px 32px #0006}.login-error{color:#ef4444;text-align:center;background:#ef44441a;border-radius:8px;padding:.5rem;font-size:.9rem}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#a0aec0;position:absolute;left:15px}.glass-input{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:25px;outline:none;width:100%;padding:12px 15px 12px 45px;font-size:1rem;transition:all .3s}.glass-input::placeholder{color:#a0aec0}.glass-input:focus{background:#ffffff26;border-color:#fff6}.glass-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(#3ae467 0%,#008f39 100%);border:none;border-radius:25px;width:100%;margin-top:1rem;padding:12px;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #008f3966}.glass-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #008f3999}.glass-btn-primary:active{transform:translateY(0)}.main-tabs-wrapper{flex-direction:column;height:100%;display:flex;position:relative}.bottom-nav{background-color:var(--bg-other-msg);border-top:1px solid var(--border-color);z-index:20;justify-content:space-around;padding:10px 0;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;flex-direction:column;align-items:center;gap:5px;font-size:.85rem;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.chat-list-screen,.updates-tab-screen,.chat-screen{background-color:var(--bg-chat);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.search-bar-container{background-color:var(--bg-chat);padding:10px 15px}.search-input-wrapper{background-color:var(--bg-input);border-radius:20px;align-items:center;gap:10px;padding:8px 15px;display:flex}.search-input-field{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.search-icon{color:var(--text-muted)}.chats-container,.updates-container{flex:1;overflow-y:auto}.chat-list-item,.status-list-item,.add-status-card{cursor:pointer;align-items:center;padding:12px 15px;transition:background-color .2s;display:flex}.chat-list-item:hover,.status-list-item:hover,.add-status-card:hover{background-color:var(--bg-other-msg)}.avatar-initial{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;font-weight:700;display:flex}.chat-item-content,.status-info{border-bottom:1px solid var(--border-color);flex-direction:column;flex:1;justify-content:center;margin-left:15px;padding-bottom:12px;display:flex}.chat-item-top{justify-content:space-between;margin-bottom:4px;display:flex}.chat-name,.status-name{font-size:1.05rem;font-weight:500}.chat-time,.status-time{color:var(--text-muted);font-size:.8rem}.chat-item-bottom{align-items:center;display:flex}.last-message-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-size:.9rem;overflow:hidden}.fab{background-color:var(--accent);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex;position:absolute;bottom:80px;right:20px;box-shadow:0 4px 10px #0000004d}.status-section-title{color:var(--text-muted);padding:5px 15px;font-size:.9rem;font-weight:500}.add-avatar{background-color:var(--accent);justify-content:center;align-items:center;display:flex}.status-ring{border:2px solid var(--accent);padding:2px}.status-preview-badge{color:var(--text-muted);background-color:#ffffff1a;border-radius:10px;padding:3px 8px;font-size:.75rem}.chat-messages-container{flex:1}.context-menu-overlay{z-index:200;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.context-menu{background:var(--bg-panel);border-radius:8px;min-width:200px;padding:10px 0;box-shadow:0 4px 12px #0006}.context-menu-item{cursor:pointer;align-items:center;gap:15px;padding:12px 20px;display:flex}.context-menu-item:hover{background-color:var(--bg-other-msg)}.status-viewer-fullscreen{z-index:100;background-color:#000;flex-direction:column;display:flex;position:absolute;inset:0}.status-viewer-top{background:linear-gradient(#0009,#0000);align-items:center;gap:15px;padding:15px;display:flex}.status-viewer-header{flex:1}.status-sender-name{font-size:1.1rem;font-weight:700}.status-viewer-content{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.status-display-bubble{background-color:var(--bg-other-msg);text-align:center;border-radius:15px;width:100%;max-width:85%;padding:20px;box-shadow:0 4px 15px #00000080}.status-original-quote{border-left:4px solid var(--accent);color:var(--text-muted);text-align:left;background:#0000004d;border-radius:5px;margin-bottom:15px;padding:10px;font-size:.95rem}.status-main-text{font-size:1.3rem;line-height:1.4}.status-reply-bar{background:linear-gradient(#0000,#0009);gap:10px;padding:15px;display:flex}.status-reply-input{background-color:var(--bg-input);color:#fff;border:none;border-radius:25px;outline:none;flex:1;padding:12px 20px;font-size:1rem}.status-send-btn{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.status-send-btn:disabled{opacity:.5}.btn-primary{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:700;transition:opacity .2s}.btn-primary:active{opacity:.8}.add-status-textarea{color:#fff;text-align:center;resize:none;background:0 0;border:none;outline:none;width:100%;height:200px;font-size:2rem;font-weight:500}.add-status-textarea::placeholder{color:#fff6}.story-progress-container{z-index:10;gap:4px;width:100%;padding:10px 15px 0;display:flex}.story-progress-bar{background:#ffffff4d;border-radius:2px;flex:1;height:3px;overflow:hidden}.story-progress-thumb{background:#fff;width:0%;height:100%}.story-progress-filled{width:100%}.story-progress-animating{animation:4.5s linear forwards storyProgress}.story-progress-paused{width:100%;animation:4.5s linear forwards paused storyProgress}@keyframes storyProgress{0%{width:0%}to{width:100%}}.story-tap-left{z-index:5;position:absolute;inset:0 70% 0 0}.story-tap-right{z-index:5;position:absolute;inset:0 0 0 30%}.add-status-badge{background:var(--accent);border:2px solid var(--bg-chat);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px}.message-reply-preview{border-left:4px solid var(--accent);color:#ffffffe6;background-color:#00000040;border-radius:6px;flex-direction:column;margin-bottom:6px;padding:6px 10px;font-size:.85rem;display:flex}.own-message .message-reply-preview{background-color:#00000026}.message-reply-preview-sender{color:var(--accent);margin-bottom:4px;font-size:.75rem;font-weight:700}