.mobile-layout{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary, #f0f2f5);overflow:hidden}.mobile-conversations{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.mobile-chat{width:100%;height:100%;display:flex;flex-direction:column;background:#e5ddd5;overflow:hidden;position:relative}.mobile-chat-header{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-bottom:1px solid #e9edef;flex-shrink:0;z-index:10}.mobile-back-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#111b21;padding:.5rem;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;border-radius:50%;transition:all .2s;flex-shrink:0}.mobile-back-button:hover{background:#0000000d}.mobile-back-button:active{transform:scale(.95);background:#0000001a}.mobile-chat-info{flex:1;min-width:0}.mobile-chat-info h3{margin:0;font-size:1.1rem;font-family:Courier New,monospace;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-chat-content{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0;position:relative}.mobile-chat-content>.chat-area{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.mobile-chat-content .chat-header{display:none!important}.mobile-chat-content .messages-container{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;padding:1rem!important;background:#e5ddd5!important;min-height:0!important;scroll-behavior:smooth!important}.mobile-chat-content .message{display:block!important;max-width:85%!important;margin-bottom:.75rem!important;padding:.75rem 1rem!important;border-radius:8px!important;box-shadow:0 1px 2px #0000001a!important}.mobile-chat-content .message-input-container{flex-shrink:0!important;padding:1rem!important;background:#fff!important;border-top:1px solid #e9edef!important;position:relative!important;bottom:0!important;width:100%!important;z-index:100!important}.mobile-chat-content .message-input{flex:1!important;padding:.75rem 1rem!important;border:1px solid #e9edef!important;border-radius:24px!important;font-size:16px!important;font-family:inherit!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.mobile-chat-content .message-input:focus{outline:none!important;border-color:var(--primary-color, #25d366)!important;transition:border-color .2s ease!important}.mobile-chat-content .empty-messages{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;height:100%!important;text-align:center!important;padding:3rem 1rem!important;color:#667781!important}.mobile-layout input,.mobile-layout textarea{font-size:16px!important;touch-action:manipulation!important}.mobile-layout button{min-height:44px;min-width:44px;touch-action:manipulation!important}.mobile-conversations,.mobile-chat{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mobile-layout{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)}@supports (-webkit-touch-callout: none){.mobile-chat-content{padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-chat-content .message-input-container{padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px))!important}}@supports not (-webkit-touch-callout: none){.mobile-chat{height:100vh}}@media (orientation: landscape) and (max-height: 500px){.mobile-chat-header{padding:.5rem}.mobile-back-button{font-size:1.2rem;min-width:40px;min-height:40px}.mobile-chat-info h3{font-size:1rem}.mobile-chat-content .message-input-container{padding:.5rem!important}}.mobile-chat-content .messages-container:has(+.message-input-container .message-input:focus){scroll-padding-bottom:200px}.mobile-chat-content .message-input:focus~.messages-container{scroll-behavior:smooth}:root{--primary-color: #2e7d32;--secondary-color: #1b5e20;--accent-color: #4caf50;--bg-light: #f5f5f5;--bg-white: #ffffff;--text-primary: #212121;--text-secondary: #757575;--border-color: #e0e0e0;--message-sent: #dcf8c6;--message-received: #ffffff;--shadow: 0 2px 5px rgba(0, 0, 0, .1);--status-sending: #ff9800;--status-sent: #4caf50;--status-failed: #f44336}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-light)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background:var(--primary-color);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);z-index:10}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{font-size:1.5rem;font-weight:700}.version-badge{background:#fff3;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.header-right{display:flex;align-items:center;gap:1rem}.wallet-address{background:#ffffff26;padding:.5rem 1rem;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem}.disconnect-btn{background:#fff3;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background .2s}.disconnect-btn:hover{background:#ffffff4d}.status-bar{background:var(--bg-white);padding:.75rem 2rem;border-bottom:1px solid var(--border-color)}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--text-secondary)}.spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-main{flex:1;overflow:hidden;position:relative}.welcome-screen{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(135deg,#667eea,#764ba2)}.welcome-content{text-align:center;color:#fff;max-width:600px;padding:2rem}.welcome-content h2{font-size:2.5rem;margin-bottom:.5rem}.welcome-content .subtitle{font-size:1.3rem;margin-bottom:1.5rem;opacity:.95}.features-list{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem;border-radius:16px;margin:2rem 0;text-align:left}.feature{padding:.75rem 0;font-size:1.05rem;border-bottom:1px solid rgba(255,255,255,.1)}.feature:last-child{border-bottom:none}.welcome-content .description{font-size:1.1rem;opacity:.9;line-height:1.6;margin-bottom:2rem}.connect-button{background:#fff;color:var(--primary-color);border:none;padding:1rem 3rem;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0003}.connect-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.connect-button:disabled{opacity:.6;cursor:not-allowed}.connector-options{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.connector-button{background:#fff;color:var(--primary-color);border:2px solid white;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #0003;min-width:250px}.connector-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:#fffffff2}.connector-button:disabled{opacity:.6;cursor:not-allowed}.connecting-text{color:#fff;font-size:.9rem;margin-top:1rem;opacity:.9}.hint-text{color:#fff;font-size:.85rem;margin-top:1.5rem;opacity:.8;max-width:400px;line-height:1.5}.chat-container{display:flex;height:100%;background:var(--bg-white)}.sidebar{width:360px;background:var(--bg-white);border-right:1px solid var(--border-color);display:flex;flex-direction:column}.sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--bg-light)}.sidebar-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.conversation-count-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:700}.new-conversation{padding:1rem;border-bottom:1px solid var(--border-color)}.new-conversation form{display:flex;gap:.5rem}.new-conversation input{flex:1;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem}.new-conversation button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:background .2s}.new-conversation button:hover:not(:disabled){background:var(--secondary-color)}.new-conversation button:disabled{opacity:.5;cursor:not-allowed}.conversations-list{flex:1;overflow-y:auto}.empty-conversations{padding:2rem;text-align:center;color:var(--text-secondary)}.hint{font-size:.85rem;margin-top:.5rem;opacity:.7}.conversation-item{display:flex;align-items:center;gap:1rem;padding:1rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:background .2s;position:relative}.conversation-item:hover{background:var(--bg-light)}.conversation-item.active{background:var(--primary-color);color:#fff}.conversation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;flex-shrink:0}.conversation-info{flex:1;min-width:0}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.conversation-address{font-weight:600;font-size:.95rem;font-family:Courier New,monospace}.conversation-time{font-size:.75rem;opacity:.7;white-space:nowrap}.conversation-last-message{font-size:.85rem;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{background:var(--primary-color);color:#fff;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 6px;flex-shrink:0}.conversation-item.active .unread-badge{background:#fff;color:var(--primary-color)}.chat-area{flex:1;display:flex;flex-direction:column;background:#e5ddd5}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:2rem}.empty-chat h2{font-size:1.5rem;margin-bottom:.5rem}.chat-header{padding:1rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-white)}.chat-header-info h3{margin:0 0 .25rem;font-size:1.1rem;font-family:Courier New,monospace}.chat-header-address{margin:0;font-size:.8rem;color:var(--text-secondary);font-family:Courier New,monospace}.messages-container{flex:1;overflow-y:auto;padding:1rem;background:#e5ddd5}.empty-messages{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.message{max-width:65%;margin-bottom:.75rem;padding:.75rem 1rem;border-radius:8px;box-shadow:0 1px 2px #0000001a;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-sent{background:var(--message-sent);margin-left:auto;border-bottom-right-radius:2px}.message-received{background:var(--message-received);margin-right:auto;border-bottom-left-radius:2px}.message-content{word-wrap:break-word;line-height:1.4;color:var(--text-primary);margin-bottom:.25rem}.message-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin-top:.25rem}.message-time{font-size:.7rem;color:var(--text-secondary)}.message-status{font-size:.9rem}.message-input-container{padding:1rem;background:var(--bg-white);border-top:1px solid var(--border-color)}.message-input-container form{display:flex;gap:.5rem}.message-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:24px;font-size:.95rem;outline:none;transition:border-color .2s}.message-input:focus{border-color:var(--primary-color)}.send-button{width:48px;height:48px;background:var(--primary-color);color:#fff;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background .2s,transform .2s;display:flex;align-items:center;justify-content:center}.send-button:hover:not(:disabled){background:var(--secondary-color);transform:scale(1.05)}.send-button:disabled{opacity:.5;cursor:not-allowed}.debug-panel{position:fixed;bottom:1rem;right:1rem;background:#000c;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;font-family:Courier New,monospace;z-index:1000}.debug-panel>div{margin-top:.25rem}.initializing-screen{display:flex;align-items:center;justify-content:center;height:100%}.initializing-content{text-align:center;padding:2rem}.spinner-large{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}.retry-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.retry-btn:hover{background:var(--secondary-color)}@media (max-width: 768px){.sidebar{width:100%;border-right:none}.chat-area{display:none}.chat-container{flex-direction:column}}