.auth-container{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;background-image:radial-gradient(circle at 20% 30%,rgba(0,255,136,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,0,.03) 0%,transparent 50%);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,136,.03) 2px,rgba(0,255,136,.03) 4px);animation:scan 8s linear infinite;pointer-events:none}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(50px)}}.auth-box{background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(0,255,136,.3);border-radius:16px;padding:48px;box-shadow:0 0 40px #00ff8826,0 0 80px #00ff881a,inset 0 0 60px #00ff8805;width:100%;max-width:440px;animation:slideUp .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1}.auth-box:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#0f86,#00c86433,#0f86);border-radius:16px;z-index:-1;opacity:0;transition:opacity .3s;filter:blur(10px)}.auth-box:hover:before{opacity:1;animation:neonPulse 2s ease-in-out infinite}@keyframes neonPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-box h1{font-size:36px;font-weight:700;color:#0f8;margin:0 0 8px;text-align:center;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,255,136,.3),0 0 30px rgba(0,255,136,.2);animation:glitchText 3s ease-in-out infinite}.subtitle{text-align:center;color:#00ff88b3;font-size:15px;margin:0 0 36px;font-weight:500;text-shadow:0 0 10px rgba(0,255,136,.3)}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.form-row .form-group{margin-bottom:0}label{display:block;font-size:14px;font-weight:600;color:#00ff88e6;margin-bottom:10px;text-shadow:0 0 8px rgba(0,255,136,.3)}input{width:100%;padding:14px 16px;border:1px solid rgba(0,255,136,.3);border-radius:12px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#00140a99;color:#0f8;box-shadow:inset 0 2px 8px #0000004d}input::placeholder{color:#0f86}input:focus{outline:none;border-color:#0f8c;background:#001e0fcc;box-shadow:0 0 0 3px #00ff881a,0 0 20px #0f83,inset 0 2px 8px #0000004d}input:disabled{background-color:#00000080;color:#00ff884d;cursor:not-allowed;border-color:#0f83}.country-select{width:100%;padding:14px 16px;border:1px solid rgba(0,255,136,.3);border-radius:12px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#00140a99;color:#0f8;cursor:pointer;box-shadow:inset 0 2px 8px #0000004d}.country-select:focus{outline:none;border-color:#0f8c;background:#001e0fcc;box-shadow:0 0 0 3px #00ff881a,0 0 20px #0f83,inset 0 2px 8px #0000004d}.country-select:disabled{background-color:#0000004d;color:#0f06;cursor:not-allowed}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#0f8,#00cc70);color:#0a0a0a;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:12px;box-shadow:0 4px 16px #00ff884d,0 0 30px #0f83;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-btn:hover:not(:disabled):before{width:300px;height:300px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #00ff8880,0 0 40px #00ff884d;background:linear-gradient(135deg,#0fa,#0d8)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:linear-gradient(135deg,#00ff884d,#00c8644d);box-shadow:none}.error-message{background-color:#ff323226;color:#f88;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;border-left:3px solid #ff5555;border:1px solid rgba(255,50,50,.4);font-weight:500;box-shadow:0 0 20px #ff323233}.auth-link{text-align:center;margin-top:24px;font-size:15px;color:#0f89;display:flex;align-items:center;justify-content:center;gap:5px}.auth-link a{color:#0f8;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 0 10px rgba(0,255,136,.3)}.auth-link a:hover{color:#0fa;text-shadow:0 0 15px rgba(0,255,136,.5)}.auth-toggle-btn{background:transparent;border:none;color:#0f8;text-decoration:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 0 10px rgba(0,255,136,.3)}.auth-toggle-btn:hover{color:#0fa;text-shadow:0 0 15px rgba(0,255,136,.5)}cursor: pointer; padding: 0; font-size: inherit; font-family: inherit; transition: all .3s cubic-bezier(.4,0,.2,1); } .auth-toggle-btn:hover{opacity:.8}.toggle-auth{text-align:center;margin-top:24px;font-size:14px;color:#0f89}.toggle-btn{background:transparent;border:none;color:#0f8;text-decoration:none;font-weight:600;cursor:pointer;padding:0;font-size:14px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 0 10px rgba(0,255,136,.3)}.toggle-btn:hover{color:#0fa;text-shadow:0 0 15px rgba(0,255,136,.5);text-decoration:underline}.privacy-notice{margin-top:24px;padding:16px;background:#00ff000d;border:1px solid rgba(0,255,0,.2);border-radius:12px;font-size:13px;color:#00ff00b3;line-height:1.5}.privacy-notice p{margin:0}@media(max-width:480px){.auth-box{padding:30px 20px}.form-row{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden;position:fixed;overscroll-behavior:none;touch-action:pan-x pan-y}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111b21;color:#e9edef;font-weight:400;letter-spacing:-.01em}#root{display:flex;flex-direction:column;height:100%;height:100vh;height:100dvh;overflow:hidden}button{font-family:inherit;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}textarea,input{font-family:inherit;-webkit-appearance:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#111b21}::-webkit-scrollbar-thumb{background:#374248;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a5a64}.neon-logo{position:relative;color:#0f8;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 6px rgba(0,255,136,.7),0 0 14px rgba(0,255,136,.6),0 0 24px rgba(0,255,136,.4);filter:drop-shadow(0 0 12px rgba(0,255,136,.35));mix-blend-mode:screen}.neon-logo:before,.neon-logo:after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;color:#0f8;opacity:.7;text-shadow:-2px 0 rgba(0,255,255,.8),2px 0 rgba(255,0,136,.8)}.neon-logo:before{animation:glitch-slice-1 2s infinite linear alternate-reverse}.neon-logo:after{animation:glitch-slice-2 2.3s infinite linear alternate-reverse}@keyframes glitch-slice-1{0%{clip-path:inset(0 0 65% 0);transform:translate(1px,-1px)}20%{clip-path:inset(35% 0 40% 0);transform:translate(-1px,1px)}40%{clip-path:inset(10% 0 70% 0);transform:translate(1px,1px)}60%{clip-path:inset(60% 0 5% 0);transform:translate(-1px,-1px)}80%{clip-path:inset(20% 0 35% 0);transform:translate(1px,-1px)}to{clip-path:inset(5% 0 60% 0);transform:translate(-1px,1px)}}@keyframes glitch-slice-2{0%{clip-path:inset(70% 0 0 0);transform:translate(-1px,1px)}25%{clip-path:inset(15% 0 60% 0);transform:translate(1px,1px)}50%{clip-path:inset(50% 0 20% 0);transform:translate(-1px,-1px)}75%{clip-path:inset(5% 0 75% 0);transform:translate(1px,-1px)}to{clip-path:inset(25% 0 50% 0);transform:translate(-1px,1px)}}.messenger-container{display:flex;height:auto;min-height:100vh;min-height:100dvh;min-height:100svh;background:#0a0a0a;background-image:radial-gradient(circle at 20% 30%,rgba(0,255,136,.05) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,255,0,.03) 0%,transparent 50%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;max-height:100vh;max-height:100dvh;max-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.messenger-sidebar{width:clamp(280px,32vw,420px);background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(0,255,136,.3);display:flex;flex-direction:column;z-index:1}.sidebar-header{background:#00140a99;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,255,136,.3);height:70px}:root{--glow-duration: 3.5s;--glow-ease: ease-in-out;--glow-delay: 0s}.sidebar-header h1{color:#0f8;font-size:20px;font-weight:700;margin:0;background:transparent;padding:0;border:none;letter-spacing:2px;text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,255,136,.3),0 0 30px rgba(0,255,136,.2);animation:glitchText 3s ease-in-out infinite}@keyframes glitchText{0%,90%,to{text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,255,136,.3),0 0 30px rgba(0,255,136,.2)}95%{text-shadow:2px 0 10px rgba(255,0,136,.5),-2px 0 20px rgba(0,255,255,.3),0 0 30px rgba(0,255,136,.2)}}.sidebar-actions{display:flex;gap:10px}.quit-btn{background:transparent;border:2px solid #00ff88;color:#0f8;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0f86,0 0 30px #0f83;text-transform:uppercase;letter-spacing:2px}.quit-btn:hover{background:#00ff881a;box-shadow:0 0 20px #0f89,0 0 40px #00ff884d,inset 0 0 20px #00ff881a;transform:scale(1.05)}.calc-btn,.new-chat-btn,.logout-btn{background:transparent;border:none;color:#0f8;font-size:22px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.calc-btn{border:2px solid #00ff88;box-shadow:0 0 15px #0f86,0 0 30px #0f83}.calc-btn:hover{background:#00ff881a;box-shadow:0 0 20px #0f89,0 0 40px #00ff884d}.calc-btn svg{width:20px;height:20px}.new-chat-btn,.logout-btn{border:2px solid #00ff88;box-shadow:0 0 15px #0f86,0 0 30px #0f83}.profile-btn{background:transparent;border:2px solid #00ff88;color:#0f8;font-size:22px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px;height:40px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0f86,0 0 30px #0f83}.profile-btn:hover{background:#00ff881a;box-shadow:0 0 20px #0f89,0 0 40px #00ff884d}.profile-btn svg{width:20px;height:20px}.new-chat-btn svg{width:20px;height:20px}.new-chat-btn:hover,.logout-btn:hover{background:#00ff881a;box-shadow:0 0 20px #0f89,0 0 40px #00ff884d}.conversation-list{flex:1;overflow-y:auto;background:#0a0a0a80}.conversation-list-header{padding:15px 20px;background:#0a0a0acc;border-bottom:1px solid rgba(0,255,136,.3)}.conversation-list-header h2{color:#0f8;font-size:18px;font-weight:700;margin:0;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.5)}.conversation-items{display:flex;flex-direction:column}.no-conversations{padding:40px 20px;text-align:center;color:#0f8}.no-conversations p{margin:5px 0;text-shadow:0 0 10px rgba(0,255,136,.3)}.no-conversations .hint{font-size:14px;color:#00ff88b3}.conversation-item{display:flex;padding:12px 16px;cursor:pointer;border-bottom:1px solid rgba(0,255,136,.1);transition:all .3s cubic-bezier(.4,0,.2,1);background:transparent;position:relative}.conversation-content{display:flex;flex:1;min-width:0}.conversation-item:hover{background:#00ff880d;border-left:3px solid #00ff88;padding-left:13px}.conversation-item.active{background:#00ff881a;border-left:3px solid #00ff88;padding-left:13px;box-shadow:inset 0 0 20px #00ff881a}.conversation-menu{display:flex;align-items:center;position:relative}.menu-trigger{background:transparent;border:none;color:#0f8;font-size:24px;cursor:pointer;padding:4px 8px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover .menu-trigger{opacity:1}.menu-trigger:hover{text-shadow:0 0 10px rgba(0,255,136,.8)}.menu-dropdown{position:absolute;right:0;top:100%;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,136,.3);border-radius:8px;box-shadow:0 4px 20px #0f83;z-index:10;min-width:150px;overflow:hidden}.menu-dropdown button{width:100%;background:transparent;border:none;color:#0f8;padding:12px 16px;text-align:left;cursor:pointer;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(0,255,136,.1)}.menu-dropdown button:last-child{border-bottom:none}.menu-dropdown button:hover{background:#00ff881a;text-shadow:0 0 5px rgba(0,255,136,.5)}.menu-dropdown button.delete-option:hover{background:#ff00411a;color:#ff6488e6;text-shadow:0 0 5px rgba(255,0,65,.5)}.menu-dropdown button.block-option:hover{background:#ff96001a;color:#ff9600e6;text-shadow:0 0 5px rgba(255,150,0,.5)}.menu-dropdown button.unblock-option:hover{background:#00c8ff1a;color:#00c8ffe6;text-shadow:0 0 5px rgba(0,200,255,.5)}.conversation-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:15px;position:relative}@keyframes unread-pulse{0%{box-shadow:0 0 8px #0f8,0 0 15px #0f8c,0 0 25px #0f86;transform:scale(1)}50%{box-shadow:0 0 12px #0f8,0 0 25px #00ff88e6,0 0 40px #0f89;transform:scale(1.1)}to{box-shadow:0 0 8px #0f8,0 0 15px #0f8c,0 0 25px #0f86;transform:scale(1)}}.unread-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#0f8;border-radius:50%;border:2px solid #0a0a0a;box-shadow:0 0 8px #0f8,0 0 15px #0f8c,0 0 25px #0f86;z-index:1000;animation:unread-pulse 1.5s ease-in-out infinite;pointer-events:none}.conversation-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:#00a884;display:flex;align-items:center;justify-content:center;color:#111b21;font-weight:600;font-size:18px}.conversation-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.conversation-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.conversation-name{color:#0f8;font-size:18px;font-weight:700;text-shadow:0 0 5px rgba(0,255,136,.3);display:flex;align-items:center;gap:6px;justify-content:flex-start;text-align:left}.pin-indicator{color:#0f8;filter:drop-shadow(0 0 4px rgba(0,255,136,.8));flex-shrink:0}.conversation-time{color:#0f89;font-size:12px;text-align:right}.conversation-preview{display:none}.messenger-main{flex:1;display:flex;flex-direction:column;background:#0a0a0a}.chat-view-empty{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0a0a80}.empty-state{text-align:center;color:#0f8;font-size:16px;text-shadow:0 0 10px rgba(0,255,136,.5)}.chat-view{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 20px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(0,255,136,.3);box-shadow:0 2px 10px #00ff881a;min-height:64px;height:auto}.back-btn{background:transparent;border:none;color:#0f8;font-size:24px;cursor:pointer;padding:8px;display:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{text-shadow:0 0 10px rgba(0,255,136,.8)}.chat-header-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.chat-header-avatar img{width:100%;height:100%;object-fit:cover}.chat-header-info{flex:1;display:flex;justify-content:center}.chat-header-info h3{color:#0f8;font-size:16px;font-weight:600;margin:0 0 2px;text-shadow:0 0 5px rgba(0,255,136,.3);text-align:center}.user-status{color:#00ff88b3;font-size:13px}.chat-header-actions{margin-left:auto}.encrypted-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.encrypted-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:48px;height:24px;background:#0a0a0acc;border:2px solid #00ff88;border-radius:24px;transition:all .3s ease;box-shadow:inset 0 0 10px #0f83}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;background:#0f8;border-radius:50%;top:2px;left:2px;transition:all .3s ease;box-shadow:0 0 10px #00ff8880}.encrypted-toggle input[type=checkbox]:checked+.toggle-slider{background:#0f83;box-shadow:inset 0 0 15px #0f86,0 0 15px #00ff884d}.encrypted-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(24px);box-shadow:0 0 15px #0f8c}.toggle-label{color:#0f8;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 5px rgba(0,255,136,.3)}.encrypted-text{font-family:Courier New,monospace;word-break:break-all;font-size:12px;line-height:1.6}.chat-messages{flex:1;overflow-y:auto;padding:16px;background:#0a0a0a;background-image:radial-gradient(circle at 50% 50%,rgba(0,255,136,.03) 0%,transparent 50%);display:flex;flex-direction:column;gap:8px}.empty-chat-message{flex:1;display:flex;align-items:center;justify-content:center;color:#0f8;font-size:16px;text-align:center;padding:40px 20px;text-shadow:0 0 10px rgba(0,255,136,.5)}.message-bubble{display:flex;margin:4px 0;animation:slideIn .2s ease-out;gap:8px;align-items:flex-end}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-bubble.own{justify-content:flex-end}.message-bubble.other{justify-content:flex-start}.bubble-wrapper{display:flex;align-items:flex-end;gap:6px}.message-bubble.own .bubble-wrapper{flex-direction:row-reverse}.bubble-content{max-width:90%;padding:10px 14px;border-radius:10px;position:relative;min-width:100px;width:fit-content;display:inline-block}.message-menu-trigger{position:relative;display:flex;align-items:center}.message-menu-btn{background:transparent;border:none;color:#00ff8880;font-size:18px;cursor:pointer;padding:4px 6px;opacity:0;transition:opacity .2s ease}.message-bubble:hover .message-menu-btn{opacity:1}.message-menu-btn:hover{color:#0f8}.message-menu-dropdown{position:absolute;inset:0 auto auto -145px;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,255,136,.3);border-radius:8px;box-shadow:0 4px 20px #0f83;z-index:10;min-width:130px;overflow:hidden;margin-bottom:0;margin-right:8px}.message-bubble.other .message-menu-dropdown{left:auto;right:-145px;margin-right:0;margin-left:8px}.message-menu-dropdown button{width:100%;background:transparent;border:none;color:#0f8;padding:10px 12px;text-align:left;cursor:pointer;font-size:13px;transition:all .2s ease;border-bottom:1px solid rgba(0,255,136,.1)}.message-menu-dropdown button:last-child{border-bottom:none}.message-menu-dropdown button:hover{background:#00ff881a;text-shadow:0 0 5px rgba(0,255,136,.5)}.message-menu-dropdown button.delete-for-all:hover{background:#ff00411a;color:#ff0041}.message-bubble.own .bubble-content{background:#00ff8826;border:1px solid rgba(0,255,136,.3);color:#0f8;box-shadow:0 2px 10px #00ff881a,inset 0 0 20px #00ff880d}.message-bubble.other .bubble-content{background:#0a0a0acc;border:1px solid rgba(0,255,136,.2);color:#00ff88e6;box-shadow:0 2px 10px #0000004d}.message-attachment{margin-bottom:8px}.message-attachment img{max-width:100%;border-radius:8px;display:block}.message-attachment-link{display:inline-flex;align-items:center;gap:6px;padding:10px 12px;border:1px dashed rgba(0,255,136,.5);border-radius:10px;color:#00ff88e6;background:#00ff8814;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.message-attachment-link:hover{border-color:#00ff88e6;box-shadow:0 0 12px #00ff884d;transform:translateY(-1px)}.bubble-text{font-size:15px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none}.bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.bubble-time{color:#0f89;font-size:11px}.status-icon{font-size:14px;line-height:1;display:flex;align-items:center;justify-content:center}.status-icon.sent{color:#0f89}.status-icon.delivered{color:#00ff88b3}.status-icon.read{color:#0f8;stroke:#0f8;filter:drop-shadow(0 0 4px rgba(0,255,136,.8));animation:eyeGlow 2s ease-in-out infinite}@keyframes eyeGlow{0%,to{filter:drop-shadow(0 0 4px rgba(0,255,136,.8))}50%{filter:drop-shadow(0 0 8px rgba(0,255,136,1))}}.chat-input{background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(0,255,136,.3);box-shadow:0 -2px 10px #00ff881a}.attach-btn{background:transparent;border:2px solid #00ff88;color:#0f8;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0f86,0 0 30px #0f83}.attach-btn:hover:not(:disabled){background:#00ff881a;box-shadow:0 0 20px #0f89,0 0 40px #00ff884d;transform:rotate(15deg) scale(1.1)}.attach-btn:disabled{opacity:.3;cursor:not-allowed}.attach-btn svg{width:24px;height:24px}.attachment-preview{display:flex;align-items:center;gap:8px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);padding:8px 12px;border-radius:8px;color:#0f8;font-size:14px}.attachment-preview button{background:transparent;border:none;color:#0f8;font-size:20px;cursor:pointer;padding:0;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.attachment-preview button:hover{text-shadow:0 0 10px rgba(0,255,136,.8);transform:scale(1.1)}.message-input-field{flex:1;background:#0a0a0acc;border:2px solid rgba(0,255,136,.3);border-radius:8px;padding:16px;color:#0f8;font-size:15px;outline:none;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.message-input-field:focus{border-color:#0f8;box-shadow:0 0 20px #0f86,0 0 40px #0f83,inset 0 0 20px #00ff881a}.message-input-field::placeholder{color:#00ff8880}@keyframes sendArrowGlow{0%,to{filter:drop-shadow(0 0 4px rgba(0,255,136,1)) drop-shadow(0 0 8px rgba(0,255,136,.8))}50%{filter:drop-shadow(0 0 8px rgba(0,255,136,1)) drop-shadow(0 0 16px rgba(0,255,136,.9)) drop-shadow(0 0 24px rgba(0,255,136,.6))}}.send-btn-icon{background:transparent;border:2px solid #00ff88;color:#0f8;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px #0f86,0 0 30px #0f83;position:relative}.send-btn-icon:hover:not(:disabled){background:#00ff881a;box-shadow:0 0 20px #0f89,0 0 40px #00ff884d;transform:scale(1.1)}.send-btn-icon:active:not(:disabled){transform:scale(.95)}.send-btn-icon:disabled{opacity:.3;cursor:not-allowed;color:#666}.send-btn-icon svg{width:24px;height:24px;filter:drop-shadow(0 0 4px rgba(0,255,136,1)) drop-shadow(0 0 8px rgba(0,255,136,.8));transition:all .3s ease}.send-btn-icon:hover:not(:disabled) svg{animation:sendArrowGlow 1.5s ease-in-out infinite}.send-btn-icon:active:not(:disabled) svg{filter:drop-shadow(0 0 8px rgba(0,255,136,1)) drop-shadow(0 0 16px rgba(0,255,136,.9))}.contact-search-modal{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:2px solid #00ff88;box-shadow:0 0 30px #0f86,0 0 60px #0f83,inset 0 0 30px #00ff880d;position:relative}.modal-header{padding:20px;border-bottom:1px solid rgba(0,255,136,.3);display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:#0f8;font-size:20px;font-weight:700;margin:0;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.5)}.close-btn{background:transparent;border:none;color:#0f8;font-size:32px;cursor:pointer;padding:0;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-box{padding:20px;display:flex;gap:10px}.search-input{flex:1;background:#0a0a0acc;border:2px solid rgba(0,255,136,.3);border-radius:8px;padding:12px 16px;color:#0f8;font-size:15px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:#0f8;box-shadow:0 0 20px #0f86,0 0 40px #0f83}.search-input::placeholder{color:#00ff8880}.search-btn{background:linear-gradient(135deg,#0f83,#00ff884d);border:2px solid #00ff88;border-radius:8px;padding:12px 24px;color:#0f8;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 15px #00ff884d}.search-btn:hover:not(:disabled){background:linear-gradient(135deg,#00ff884d,#0f86);box-shadow:0 0 25px #00ff8880,0 0 50px #00ff884d;transform:scale(1.05)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.contact-results{flex:1;overflow-y:auto;padding:0 20px 20px}.no-results{padding:40px;text-align:center;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.3)}.contact-result-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.contact-result-item:hover{background:#00ff881a;border-color:#00ff884d;box-shadow:0 0 15px #0f83}.contact-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;margin-right:15px}.contact-avatar img{width:100%;height:100%;object-fit:cover}.contact-info{flex:1}.contact-name{color:#0f8;font-size:16px;font-weight:600;margin-bottom:4px;text-shadow:0 0 5px rgba(0,255,136,.3)}.contact-phone{color:#00ff88b3;font-size:14px}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#0a0a0a}.loading-spinner{width:50px;height:50px;border:3px solid rgba(0,255,136,.2);border-top-color:#0f8;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px #0f86}.dev-panel{background:#0a0a0af2;border-top:1px solid rgba(0,255,136,.3);padding:8px 12px;font-size:12px}.dev-toggle{background:transparent;border:none;color:#0f8;cursor:pointer;font-size:12px;padding:4px 8px;display:flex;align-items:center;gap:4px;width:100%;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.dev-toggle:hover{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.dev-content{margin-top:8px;padding:8px;background:#0a0a0acc;border:1px solid rgba(0,255,136,.2);border-radius:6px}.dev-content p{color:#0f8c;margin:0 0 8px;font-size:11px}.dev-btn{background:linear-gradient(135deg,#0f83,#00ff884d);border:2px solid #00ff88;border-radius:6px;padding:8px 12px;color:#0f8;font-size:12px;font-weight:700;cursor:pointer;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase}.dev-btn:hover{background:linear-gradient(135deg,#00ff884d,#0f86);box-shadow:0 0 15px #0f86}.profile-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.profile-panel{background:#0a0a0af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid #00ff88;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 0 30px #0f86,0 0 60px #0f83,inset 0 0 30px #00ff880d}.profile-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid rgba(0,255,136,.3)}.profile-header h2{color:#0f8;margin:0;font-size:24px;font-weight:700;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.5)}.close-btn{background:transparent;border:none;color:#0f8;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);line-height:1;padding:0}.close-btn:hover{text-shadow:0 0 15px rgba(0,255,136,.8);transform:scale(1.1)}.profile-loading{padding:40px;text-align:center;color:#0f8;font-size:16px;text-shadow:0 0 10px rgba(0,255,136,.5)}.profile-content{padding:30px;display:flex;flex-direction:column;gap:30px}.profile-section{display:flex;flex-direction:column;gap:20px}.profile-section h3{color:#0f8;font-size:18px;margin:0 0 10px;padding-bottom:10px;border-bottom:2px solid rgba(0,255,136,.3);font-weight:700;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,136,.3)}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-field label{color:#0f8c;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.profile-field input{background:#0a0a0acc;border:2px solid rgba(0,255,136,.3);border-radius:8px;padding:12px 16px;color:#0f8;font-size:15px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.profile-field input::placeholder{color:#0f86}.profile-field input:focus{outline:none;border-color:#0f8;box-shadow:0 0 20px #0f86,0 0 40px #0f83}.profile-save-btn{background:linear-gradient(135deg,#0f83,#00ff884d);border:2px solid #00ff88;color:#0f8;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:10px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 15px #00ff884d}.profile-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#00ff884d,#0f86);box-shadow:0 0 25px #00ff8880,0 0 50px #00ff884d;transform:translateY(-2px)}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.profile-message{padding:12px 16px;border-radius:8px;text-align:center;font-size:14px;font-weight:500;margin-top:10px}.profile-message.success{background:#00ff881a;border:2px solid #00ff88;color:#0f8;box-shadow:0 0 15px #0f83}.profile-message.error{background:#ff00411a;border:2px solid rgba(255,0,65,.6);color:#ff6488e6;box-shadow:0 0 15px #ff004133}.profile-visibility{display:flex;flex-direction:column;gap:15px;background:#00ff880d;border:2px solid rgba(0,255,136,.3);border-radius:8px;padding:20px}.visibility-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,255,136,.15)}.visibility-item:last-child{border-bottom:none}.visibility-label{color:#0f8c;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.visibility-value{color:#0f8;font-size:15px;font-weight:600;text-align:right;text-shadow:0 0 5px rgba(0,255,136,.3)}.dev-view{background:#0a0a0a;border-top:2px solid rgba(0,255,136,.3);height:400px;display:flex;flex-direction:column}.dev-tabs{display:flex;background:#0a0a0af2;border-bottom:2px solid rgba(0,255,136,.3)}.dev-tab{flex:1;background:transparent;border:none;color:#0f8;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-right:1px solid rgba(0,255,136,.3);text-transform:uppercase;letter-spacing:1px}.dev-tab:last-child{border-right:none}.dev-tab:hover{background:#00ff881a;box-shadow:0 0 10px #0f83}.dev-tab.active{background:#00ff8826;box-shadow:inset 0 0 20px #0f83,0 0 15px #00ff884d}.dev-dual-chat-view{flex:1;display:flex;overflow:hidden}.dev-chat-column{flex:1;display:flex;flex-direction:column;background:#0a0a0a;border-right:2px solid rgba(0,255,136,.3)}.dev-chat-column:last-child{border-right:none}.dev-chat-header{background:#0a0a0af2;color:#0f8;padding:12px 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border-bottom:2px solid rgba(0,255,136,.3);text-align:center;box-shadow:0 0 15px #0f83;text-shadow:0 0 10px rgba(0,255,136,.5)}.dev-chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:8px;background:#0a0a0a;background-image:radial-gradient(circle at 50% 50%,rgba(0,255,136,.03) 0%,transparent 50%)}.dev-chat-messages::-webkit-scrollbar{width:8px}.dev-chat-messages::-webkit-scrollbar-track{background:#0a0a0a80}.dev-chat-messages::-webkit-scrollbar-thumb{background:#0f8;border-radius:4px;box-shadow:0 0 5px #00ff8880}.dev-chat-messages::-webkit-scrollbar-thumb:hover{background:#0f8c}.dev-message-bubble{display:flex;justify-content:flex-start;margin:4px 0;animation:slideIn .2s ease-out}.dev-bubble-content{max-width:85%;padding:8px 12px;border-radius:8px;background:#00ff881a;border:2px solid rgba(0,255,136,.3);box-shadow:0 0 10px #0f83,inset 0 0 10px #00ff880d}.dev-bubble-text{font-size:14.5px;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;color:#0f8;font-family:Courier New,monospace;text-shadow:0 0 5px rgba(0,255,136,.3)}.dev-bubble-text.encrypted{letter-spacing:.5px;word-break:break-all}.dev-bubble-footer{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.dev-bubble-time{color:#00ff88b3;font-size:11px;font-family:Courier New,monospace}.dev-empty{color:#00ff8880;text-align:center;padding:40px 20px;font-style:italic;text-shadow:0 0 5px rgba(0,255,136,.2)}.dev-chat-input-container{display:flex;gap:8px;padding:12px 16px;background:#0a0a0af2;border-top:2px solid rgba(0,255,136,.3);align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dev-chat-input-container.disabled{opacity:.5;cursor:not-allowed}.dev-chat-input{flex:1;background:#0a0a0acc;border:2px solid rgba(0,255,136,.3);color:#0f8;font-family:Courier New,monospace;font-size:14px;padding:12px 16px;outline:none;border-radius:24px;box-shadow:inset 0 0 10px #00ff881a;transition:all .3s cubic-bezier(.4,0,.2,1)}.dev-chat-input:focus{box-shadow:inset 0 0 15px #0f83,0 0 15px #00ff884d;border-color:#0f8}.dev-chat-input:disabled{opacity:.6;cursor:not-allowed}.dev-chat-input::placeholder{color:#0f86}.dev-send-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#00ff884d,#0f86);border:2px solid #00ff88;color:#0f8;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 15px #00ff884d;font-weight:700}.dev-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f86,#00ff8880);box-shadow:0 0 25px #00ff8880;transform:scale(1.05)}.dev-send-btn:active:not(:disabled){transform:scale(.95)}.dev-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:0 0 5px #0f83}@media(max-width:768px){.messenger-container{position:relative}.messenger-sidebar{width:100%;position:absolute;left:0;top:0;bottom:0;z-index:10;transition:transform .3s ease}.messenger-main{width:100%;position:absolute;left:0;top:0;bottom:0;z-index:5}.messenger-sidebar.has-selection{transform:translate(-100%)}.back-btn{display:block}.dev-view{height:300px}.dev-bubble-text{font-size:13px}.sidebar-header{padding:12px 16px;height:60px}.sidebar-header h1{font-size:18px}.profile-panel{width:95%;max-height:95vh;max-height:95dvh}.conversation-item{padding:12px 16px}.message-menu-dropdown{inset:100% auto auto 50%;transform:translate(-50%);margin-top:4px;margin-right:0;margin-left:0;min-width:160px}.message-bubble.other .message-menu-dropdown{left:50%;right:auto;transform:translate(-50%);margin-left:0}.bubble-content{max-width:85%}.conversation-item{position:relative}.conversation-content{pointer-events:auto;cursor:pointer}.conversation-menu{pointer-events:auto}}.calculator-container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;min-height:100svh;width:100%;background:#111b21;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box;overflow:auto}.calculator{display:flex;flex-direction:column;width:min(420px,100%);max-height:calc(100svh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));height:auto;background:#000;border-radius:24px;overflow:hidden;box-shadow:0 10px 40px #0009}.calculator-display{background:#000;color:#fff;font-size:clamp(32px,8vw,56px);font-weight:200;text-align:right;padding:40px 24px;min-height:140px;display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;letter-spacing:-.02em;border-bottom:1px solid #1a1a1a}.calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(60px,1fr);gap:8px;background:#000;padding:12px}.calculator button{border:none;border-radius:8px;font-size:clamp(20px,5vw,28px);font-weight:400;cursor:pointer;transition:all .15s ease;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;min-height:56px;width:100%;touch-action:manipulation}.calculator button:active{filter:brightness(1.2);transform:scale(.98)}.calculator button:disabled{cursor:default;pointer-events:none}.btn-number{background:#333;color:#fff}.btn-number:hover{background:#404040}.btn-function{background:#a5a5a5;color:#000;font-weight:500}.btn-function:hover{background:#b5b5b5}.btn-operator{background:#ff9f0a;color:#fff;font-size:32px}.btn-operator:hover{background:#ffb143}.btn-operator.active{background:#fff;color:#000}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:#111b21}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#ff9f0a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-height:720px){.calculator-container{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.calculator{max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:18px}.calculator-display{font-size:clamp(28px,7vw,46px);padding:28px 18px;min-height:110px}.calculator-buttons{gap:6px;padding:10px;grid-auto-rows:minmax(54px,1fr)}.calculator button{min-height:52px;font-size:clamp(18px,4.2vw,26px)}.btn-operator{font-size:26px}}@media(max-width:768px){.calculator{max-width:100%}.calculator-display{font-size:48px;padding:32px 20px;min-height:120px}.calculator button{font-size:24px;min-height:60px}.btn-operator{font-size:28px}}