@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#020617;--bg-secondary:#0f172a;--bg-glass:#0f172a99;--accent:#14b8a6;--accent-hover:#0d9488;--text-main:#f8fafc;--text-muted:#94a3b8;--error:#ef4444}body{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);color:var(--text-main);min-height:100dvh;margin:0;font-family:Outfit,sans-serif;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#475569}.app-container{justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex}.register-container{width:100%;max-width:400px;padding:20px}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;border:1px solid #ffffff1a;border-radius:20px;padding:40px;animation:.5s ease-out forwards floatIn;box-shadow:0 25px 50px -12px #00000080}.glass-panel h2{color:var(--accent);margin-top:0}.glass-panel p{color:var(--text-muted);margin-bottom:25px}.input-group{margin-bottom:20px}.input-group input{width:100%;color:var(--text-main);background:#0003;border:1px solid #fff3;border-radius:10px;outline:none;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 15px #14b8a64d}.primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s}.primary-btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.register-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;width:100%;padding:14px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 15px #10b98140}.register-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-3px);box-shadow:0 8px 20px #10b98166}.register-btn:active{transform:translateY(1px)}.chat-layout{width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-glass);border-right:1px solid #ffffff0d;flex-direction:column;width:320px;display:flex}.sidebar-header{border-bottom:1px solid #ffffff0d;padding:20px}.sidebar-header h3{margin:0;font-size:1.1rem}.highlight-pin{color:var(--accent);letter-spacing:2px;font-size:1.3rem;font-weight:800}.add-contact-form{gap:10px;padding:15px;display:flex}.add-contact-form input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px}.add-contact-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:40px;transition:all .2s}.add-contact-form button:hover{background:var(--accent-hover)}.contact-list{flex:1;padding:10px;overflow-y:auto}.contact-item{cursor:pointer;border-radius:12px;align-items:center;margin-bottom:5px;padding:12px;transition:background .2s;display:flex}.contact-item:hover,.contact-item.active{background:#ffffff1a}.avatar{background:linear-gradient(135deg, var(--accent) 0%, #3b82f6 100%);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-right:15px;font-weight:700;display:flex}.contact-info{flex-direction:column;display:flex}.contact-info span{font-size:1.05rem;font-weight:600}.chat-area{background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;height:100dvh;display:flex;position:relative}.mobile-back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;display:none}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#020617d9;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:15px 20px;display:flex;position:sticky;top:0}.chat-header h2{margin:0;font-size:1.2rem}.timer-control{color:var(--text-muted);align-items:center;gap:8px;display:flex}.timer-control select{color:var(--text-main);background:0 0;border:1px solid #fff3;border-radius:5px;padding:5px}.timer-control select option{background:var(--bg-secondary)}.messages-container{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.message{flex-direction:column;max-width:80%;display:flex}.message.mine{align-self:flex-end;align-items:flex-end}.message.theirs{align-self:flex-start;align-items:flex-start}.message-content{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:18px;font-size:1rem;line-height:1.4;transition:all .2s;position:relative;box-shadow:0 4px 15px #0000001a}.message.mine .message-content{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.message.theirs .message-content{color:var(--text-main);background:#ffffff1a;border-bottom-left-radius:4px}.message-content.blurred{filter:blur(8px);pointer-events:auto}.message-content.blurred .peek-icon{color:#fffc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur()!important}.message-timer{color:var(--text-muted);opacity:.8;margin-bottom:4px;font-size:.75rem}.sticky-bottom-area{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:50;width:100%;padding-bottom:env(safe-area-inset-bottom);background:#020617f2;border-top:1px solid #ffffff0d;position:sticky;bottom:0}.toolbar{align-items:center;gap:15px;padding:10px 20px;display:flex}.toolbar button,.toolbar label{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;transition:all .2s;display:flex}.toolbar button:hover,.toolbar label:hover{color:var(--accent);transform:scale(1.1)}.chat-input{gap:15px;padding:0 20px 15px;display:flex}.chat-input input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;outline:none;flex:1;padding:12px 20px;font-family:inherit;font-size:1rem}.chat-input input:focus{border-color:var(--accent)}.chat-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;transition:transform .2s;display:flex}.chat-input button:hover{transform:scale(1.05)}.picker-container{border-radius:12px 12px 0 0;width:100%;max-width:400px;padding:10px;position:absolute;bottom:100%;left:0}.gif-picker{background:#1e293b;border-radius:12px;padding:15px;box-shadow:0 -10px 20px #0006}.gif-picker input{color:#fff;background:#00000080;border:none;border-radius:8px;outline:none;width:100%;margin-bottom:15px;padding:10px}.gif-grid{flex-wrap:wrap;gap:8px;max-height:250px;display:flex;overflow-y:auto}.gif-grid img{cursor:pointer;border-radius:8px;height:80px;transition:all .2s}.gif-grid img:hover{transform:scale(1.05)}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;display:flex}.circle-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;display:flex}.privacy-screen{filter:blur(25px);pointer-events:none}.privacy-overlay{z-index:1000;background:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes floatIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.sidebar{width:100%}.chat-area{width:100%;display:none}.chat-layout.mobile-chat-active .sidebar{display:none}.chat-layout.mobile-chat-active .chat-area{display:flex}.mobile-back-btn{display:block}.chat-header{padding:10px 15px}.chat-input{padding:0 15px 15px}}.video-call-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#020617f2;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.video-grid{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:hidden}.video-grid video{object-fit:cover;background:#000;border-radius:20px;max-width:100%;max-height:100%;transition:all .3s;box-shadow:0 10px 40px #00000080}.remote-video,.local-video{width:100%;height:100%}.local-video.pip{z-index:10;border:2px solid #fff3;width:120px;height:160px;position:absolute;bottom:20px;right:20px}.call-controls{background:linear-gradient(#0000,#000c);justify-content:center;gap:20px;padding:30px;display:flex}.call-controls button{color:#fff;cursor:pointer;border:none;border-radius:30px;align-items:center;gap:10px;padding:15px 25px;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.btn-accept{background:#10b981}.btn-decline{background:#ef4444}.video-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:50%;align-items:center;padding:8px;transition:all .2s;display:flex}.video-btn:hover{background:#14b8a633;transform:scale(1.1)}.deleted-once-msg .message-content{color:#fff6;border:1px dashed #fff3;background:0 0!important}.blurred-heavy{filter:blur(15px);pointer-events:auto}.view-once-btn{border-radius:10px!important}.view-once-btn.active{color:#10b981!important;background:#10b9811a!important}.once-fullscreen-modal{z-index:9999;background:#000;flex-direction:column;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0}.once-header{color:#fff;background:#00000080;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px;display:flex}.once-header button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px;font-size:1.1rem;display:flex}.once-header button:hover{background:#ffffff1a}.once-body{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.media-preview-modal{z-index:50;background:#0f172af2;flex-direction:column;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.preview-content{background:#000;border-radius:10px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.preview-content img,.preview-content video{object-fit:contain;max-width:100%;max-height:100%}.preview-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:15px 0;display:flex}.preview-actions button{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:flex}.btn-cancel{color:#fff;background:#334155}.btn-send{color:#fff;background:#10b981}