:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-green: #25d366;--dark-green: #128c7e;--light-green: #dcf8c6;--terra-blue: #2196f3;--terra-gold: #ffc107;--background: #f0f0f0;--chat-bg: #e5ddd5;--white: #ffffff;--gray-light: #f7f7f7;--gray-medium: #999;--gray-dark: #666;--success: #4caf50;--warning: #ff9800;--error: #f44336;--encrypted: #9c27b0;--glass-bg-light: rgba(255, 255, 255, .25);--glass-bg-medium: rgba(255, 255, 255, .15);--glass-bg-dark: rgba(0, 0, 0, .15);--glass-border-light: rgba(255, 255, 255, .3);--glass-border-dark: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(31, 38, 135, .15);--glass-blur: blur(12px);--glass-blur-strong: blur(20px)}*{box-sizing:border-box}body{margin:0;padding:0;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.whatsapp-messenger{width:100vw;height:100vh;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden;background:transparent;height:100dvh;min-height:-webkit-fill-available}.header-bar{height:60px;background:#128c7ea6;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:#fff;display:flex;align-items:center;padding:0 20px;box-shadow:var(--glass-shadow);border-bottom:1px solid var(--glass-border-light);z-index:100}.header-title{font-size:18px;margin:0;flex-grow:1;font-weight:500}.header-controls{display:flex;gap:12px;align-items:center}.wallet-address{font-size:12px;opacity:.9;font-family:monospace}.header-button{background:var(--glass-bg-light);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border-light);color:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .3s ease;box-shadow:0 4px 16px #0000001a}.header-button:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.header-button:active{transform:translateY(0)}.main-container{display:flex;flex:1;overflow:hidden}.chat-list{width:300px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-border-light);display:flex;flex-direction:column;box-shadow:var(--glass-shadow)}.search-bar{padding:12px}.search-input{width:100%;padding:8px 12px;background:var(--glass-bg-medium);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border-dark);border-radius:20px;outline:none;font-size:14px;color:#333;transition:all .3s ease}.search-input:focus{border-color:var(--primary-green);background:#ffffff59;box-shadow:0 4px 12px #25d36633}.contacts-list{flex:1;overflow:auto}.contact-item{padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative}.contact-item:hover{background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translate(4px)}.contact-item.selected{background:#25d36640;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:3px solid var(--primary-green);box-shadow:inset 0 0 20px #25d3661a}.contact-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.contact-info{flex:1;min-width:0}.contact-name{font-weight:500;font-size:14px;margin-bottom:2px;color:#333}.contact-address{font-size:12px;color:var(--gray-dark);margin-bottom:2px;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-status{font-size:11px;color:var(--gray-medium);display:flex;align-items:center;gap:4px}.add-contact{padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;color:var(--dark-green);font-weight:500;border-top:1px solid #e0e0e0}.add-contact:hover{background:#f0f0f0}.add-contact-icon{width:40px;height:40px;border-radius:50%;background:var(--primary-green);display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:700}.chat-area{flex:1;display:flex;flex-direction:column}.chat-header{height:60px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border-light);display:flex;align-items:center;padding:0 20px;box-shadow:var(--glass-shadow)}.chat-header-avatar{width:32px;height:32px;border-radius:50%;margin-right:12px}.chat-header-info{flex:1}.chat-header-name{font-weight:500;font-size:14px;color:#333}.chat-header-status{font-size:12px;color:var(--gray-dark);display:flex;align-items:center;gap:4px}.messages-container{flex:1;background:transparent;padding:20px;overflow:auto;display:flex;flex-direction:column;gap:8px;position:relative}.message-row{display:flex;margin-bottom:4px}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{max-width:70%;padding:10px 14px;border-radius:18px;position:relative;word-break:break-word;animation:messageSlideIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px #00000026;border:1px solid rgba(255,255,255,.2)}.message-bubble.sent{background:#25d36699;color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 16px #25d3664d}.message-bubble.received{background:#fff9;color:#333;border-bottom-left-radius:4px;box-shadow:0 4px 16px #0000001a}.message-content{margin-bottom:4px;line-height:1.4}.message-meta{font-size:11px;opacity:.7;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:4px}.message-time{color:inherit}.message-status{display:flex;align-items:center}.encryption-badge{background:var(--encrypted);color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;margin-right:4px}.message-input-container{padding:16px;background:var(--glass-bg-light);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:1px solid var(--glass-border-light);display:flex;align-items:center;gap:12px;box-shadow:0 -4px 16px #0000001a}.encryption-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-border-light);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a}.encryption-toggle.on{background:#9c27b0b3;color:#fff}.encryption-toggle.off{background:#666666b3;color:#fff}.encryption-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #00000026}.message-input{flex:1;padding:12px 16px;background:var(--glass-bg-medium);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border-dark);border-radius:20px;outline:none;font-size:14px;font-family:inherit;color:#333;transition:all .3s ease}.message-input:focus{border-color:var(--primary-green);background:#ffffff59;box-shadow:0 4px 12px #25d36633}.character-counter{font-size:11px;color:var(--gray-dark);min-width:30px;text-align:center}.send-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--glass-border-light);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a}.send-button.enabled{background:#25d366b3;color:#fff}.send-button.enabled:hover{background:#25d366d9;transform:scale(1.1);box-shadow:0 6px 16px #25d3664d}.send-button.disabled{background:#cccccc80;color:#fff;cursor:not-allowed;opacity:.6}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--chat-bg);color:var(--gray-dark);text-align:center;padding:40px}.welcome-icon{font-size:64px;margin-bottom:20px}.welcome-title{margin-bottom:12px;color:#333}.welcome-description{margin-bottom:20px;line-height:1.5;max-width:400px}.welcome-button{background:var(--primary-green);color:#fff;border:none;padding:12px 24px;border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.welcome-button:hover{background:var(--dark-green)}.modal-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#ffffffd9;backdrop-filter:var(--glass-blur-strong);-webkit-backdrop-filter:var(--glass-blur-strong);padding:32px;border-radius:16px;border:1px solid var(--glass-border-light);max-width:500px;width:90%;max-height:80%;overflow:auto;box-shadow:0 16px 48px #0000004d;animation:modalSlideUp .3s ease-out}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-title{margin-bottom:20px;color:#333}.modal-description{margin-bottom:16px;color:var(--gray-dark);line-height:1.5}.modal-input{width:100%;padding:12px;background:var(--glass-bg-medium);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border-dark);border-radius:8px;font-size:14px;font-family:monospace;margin-bottom:16px;resize:vertical;outline:none;color:#333;transition:all .3s ease}.modal-input:focus{border-color:var(--primary-green);background:#fff6;box-shadow:0 4px 12px #25d36633}.modal-note{font-size:12px;color:var(--gray-dark);margin-bottom:20px}.modal-buttons{display:flex;gap:12px}.modal-button{border:1px solid var(--glass-border-light);padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000001a}.modal-button.primary{background:#25d366b3;color:#fff}.modal-button.primary:hover{background:#128c7ed9;transform:translateY(-2px);box-shadow:0 6px 16px #25d3664d}.modal-button.primary:disabled{background:#cccccc80;cursor:not-allowed;opacity:.6;transform:none}.modal-button.secondary{background:#666666b3;color:#fff}.modal-button.secondary:hover{background:#555555d9;transform:translateY(-2px);box-shadow:0 6px 16px #00000026}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.message-sending{opacity:.7;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.mobile-menu-toggle{display:none!important}.sidebar-backdrop{display:none}.mobile-menu-actions{display:none!important}@media (max-width: 374px){.modal-content{padding:12px!important}[style*=monospace] p,[style*="fontFamily: 'monospace'"],[style*='fontFamily: "monospace"']{font-size:10px!important}}@media (min-width: 375px) and (max-width: 430px){.modal-content{padding:14px!important;width:92%!important}[style*=monospace]{font-size:11px!important}}@media (max-width: 480px){.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px!important}.sidebar-backdrop,.mobile-menu-actions{display:block!important}.header-bar>div:last-child>button:not(.mobile-menu-toggle){display:none!important}.header-bar>div:last-child>span{display:none!important}.header-bar{padding:0 12px!important;height:56px!important}.header-title{font-size:16px!important}.header-button{padding:6px 10px!important;font-size:12px!important;min-width:44px;min-height:44px}.wallet-address{display:none!important}.chat-list{width:100%!important;position:fixed!important;left:-100%!important;top:56px!important;bottom:0!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;z-index:999!important;box-shadow:2px 0 8px #0000004d}.chat-list.open{left:0!important}.message-bubble{max-width:90%!important;font-size:14px!important}.message-content{font-size:14px!important}.message-input-container{padding:10px 8px!important;gap:6px!important}.encryption-toggle,.send-button{min-width:40px!important;min-height:40px!important;width:40px!important;height:40px!important;flex-shrink:0}.message-input{font-size:16px!important;padding:10px 12px!important;min-width:0!important}.character-counter{display:none!important}button[title="Insert emoji"]{min-width:36px!important;min-height:36px!important;width:36px!important;height:36px!important;flex-shrink:0;font-size:16px!important}.contact-item{padding:14px 12px!important;min-height:60px}.modal-content{width:95%!important;padding:16px!important;max-height:85%!important;border-radius:8px!important}.modal-title{font-size:18px!important}.modal-input{font-size:16px!important}.modal-button{padding:12px 16px!important;font-size:15px!important;min-height:44px}p,div{word-break:break-word!important;overflow-wrap:break-word!important}[style*=monospace]{word-break:break-all!important;overflow-wrap:break-word!important}.chat-header{padding:0 12px!important;height:56px!important}.search-input{font-size:16px!important}.add-contact{padding:14px 12px!important;min-height:60px}.messages-container{padding:12px!important}}@media (min-width: 481px) and (max-width: 768px){.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px}.sidebar-backdrop,.mobile-menu-actions{display:block!important}.header-bar>div:last-child>button:not(.mobile-menu-toggle){display:none!important}.header-bar>div:last-child>span{display:none!important}.header-bar{padding:0 16px!important}.wallet-address{display:none!important}.header-button{min-width:44px;min-height:44px}.chat-list{width:75%!important;max-width:320px!important;position:fixed!important;left:-100%!important;top:60px!important;bottom:0!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;z-index:999!important;box-shadow:2px 0 8px #0000004d}.chat-list.open{left:0!important}.message-bubble{max-width:85%!important}.message-input-container{padding:12px!important;gap:8px!important}.encryption-toggle,.send-button{min-width:40px!important;min-height:40px!important;width:40px!important;height:40px!important;flex-shrink:0}.message-input{font-size:16px!important;padding:10px 14px!important;min-width:0!important}.character-counter{font-size:10px!important;min-width:25px!important}button[title="Insert emoji"]{min-width:38px!important;min-height:38px!important;width:38px!important;height:38px!important;flex-shrink:0}.search-input{font-size:16px!important}.modal-content{width:90%!important;padding:24px!important}.modal-input{font-size:16px!important}.modal-button{min-height:44px}}@media (min-width: 769px) and (max-width: 1024px){.chat-list{width:280px!important}.message-bubble{max-width:75%!important}.header-controls{gap:10px!important}.header-button{padding:8px 12px!important}.modal-content{max-width:600px!important;width:85%!important}.encryption-toggle,.send-button,.header-button{min-width:40px;min-height:40px}}@media (min-width: 1025px) and (max-width: 1280px){.chat-list{width:300px!important}.message-bubble{max-width:70%!important}.modal-content{max-width:650px!important}}@media (min-width: 1281px){.chat-list{width:320px!important}.message-bubble{max-width:65%!important}.modal-content{max-width:700px!important}.messages-container{padding:24px!important}}@media (max-height: 500px) and (orientation: landscape){.header-bar,.chat-header{height:50px!important}.message-input-container{padding:10px 12px!important}.modal-content{max-height:90%!important;padding:16px!important}.messages-container{padding:12px!important}}@media (prefers-color-scheme: dark){.contacts-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#fff3}.contacts-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}@media (prefers-reduced-motion: reduce){.chat-list,.message-bubble,.modal-content,*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.contacts-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:transparent}.contacts-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.contacts-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:#0000004d}