:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg: #080b14;--bg-elev-1: #101626;--bg-elev-2: #151c31;--bg-elev-3: #1b2540;--border: #314060;--border-strong: #6271a1;--text: #edf2ff;--muted: #b0bcdf;--accent: #a78bfa;--accent-soft: #261d47;--glass: rgba(21, 28, 49, .76);--glass-strong: rgba(27, 37, 64, .8);--header-height: 56px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 520px at 85% -140px,rgba(167,139,250,.18),transparent 65%),radial-gradient(900px 420px at -8% 100%,rgba(139,92,246,.1),transparent 62%),var(--bg);color:var(--text)}.app-root{min-height:0;display:grid;grid-template-columns:320px 320px 1fr}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.top-header{display:grid;grid-template-columns:320px 1fr;min-height:var(--header-height);background:var(--bg);align-items:center;gap:0;border-bottom:1px solid var(--border);position:relative}.top-header-brand{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);background:var(--bg-elev-1);border-right:1px solid var(--border);position:relative;padding-right:52px}.top-header-section{padding:7px 20px;font-size:.95rem;font-weight:600;letter-spacing:.02em}.top-header-branding{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.top-header-brand-title{font-size:.96rem;font-weight:700;line-height:1.1}.top-header-brand-subtitle{font-size:.68rem;font-weight:500;color:var(--muted);letter-spacing:.04em;line-height:1.1}.top-header-section:first-child{background:var(--bg-elev-1)}.top-header-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;min-height:var(--header-height);padding:7px 20px;gap:10px 14px;background:var(--bg-elev-2)}.top-header-links-desktop{display:flex}.top-header-links-mobile{display:none}.top-header-links a{color:var(--muted);font-size:.86rem;text-decoration:none}.top-header-links a:hover{color:var(--text)}.top-header-menu-btn{display:none;place-items:center;position:absolute;top:8px;right:10px;z-index:40;border:1px solid var(--border-strong);background:var(--bg-elev-3);color:var(--text);border-radius:8px;width:36px;height:32px;font-size:1.05rem;line-height:1;cursor:pointer}.sidebar{border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:14px;background:var(--bg-elev-1);max-height:calc(100vh - var(--header-height));overflow-y:auto}.contacts-sidebar{border-right:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:14px;background:var(--bg-elev-2);max-height:calc(100vh - var(--header-height));overflow:hidden}.title{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:.02em}.connect-btn,.contact-form button,.contact{border:1px solid var(--border);background:var(--bg-elev-3);color:var(--text);border-radius:8px;padding:10px 12px;font-size:.92rem}.connect-btn,.contact-form button,.contact{cursor:pointer}.connect-btn:hover,.contact-form button:hover,.contact:hover{background:#2a2146;border-color:var(--border-strong)}.connect-btn:disabled,.contact-form button:disabled,.contact:disabled{opacity:.5;cursor:not-allowed}.wallet-meta{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:8px}.wallet-section-group{display:grid;gap:8px}.wallet-section-group-metamask{margin-top:4px;padding-top:8px;border-top:1px solid var(--border)}.wallet-meta input,.wallet-meta select{border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:9px 10px;font-size:.85rem}.wallet-meta input:focus,.wallet-meta select:focus{outline:1px solid var(--accent)}.wallet-meta-text-editor{border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:9px 10px;font-size:.85rem;min-height:38px;line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere}.wallet-meta-text-editor:focus{outline:1px solid var(--accent)}.wallet-meta-text-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.topup-meta{gap:10px}.topup-meta>.connect-btn{margin-bottom:2px}.topup-meta p{margin:0;font-size:.8rem;color:var(--muted)}.topup-meta .meta-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.wallet-meta input.topup-slider{width:100%;margin:0;padding:0;border:none;background:transparent;accent-color:#8b5cf6}.wallet-meta input.topup-slider:focus{outline:none}.meta-row{display:flex;justify-content:space-between;gap:12px;font-size:.85rem}.meta-row strong{font-weight:600}.status-with-dot{display:inline-flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 2px #22c55e38;animation:status-dot-pulse 1.8s ease-in-out infinite}@keyframes status-dot-pulse{0%,to{transform:scale(1);box-shadow:0 0 0 2px #22c55e38}50%{transform:scale(1.15);box-shadow:0 0 0 4px #22c55e29}}.burner-address-btn{border:none;background:transparent;color:var(--muted);padding:0;font-size:.85rem;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;cursor:pointer}.burner-address-btn:hover{color:var(--text)}.profile-toggle{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted)}.profile-toggle input{margin:0}.contact-form{display:grid;gap:8px}.contact-profile-card{border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:8px}.contact-profile-label{font-size:.85rem;color:var(--text)}.contact-profile-editor{border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:10px 12px;font-size:.9rem;min-height:42px;line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere}.contact-profile-editor:focus{outline:1px solid var(--accent)}.contact-profile-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.contact-form input{border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:10px 12px;font-size:.9rem}.contact-form input:focus{outline:1px solid var(--accent)}.contacts-list{list-style:none;margin:0;padding:8px;display:grid;gap:8px;width:100%;max-height:min(74vh,760px);border:1px solid var(--border);border-radius:10px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.contacts-list,.chat-messages{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.contacts-list::-webkit-scrollbar,.chat-messages::-webkit-scrollbar{width:10px}.contacts-list::-webkit-scrollbar-track,.chat-messages::-webkit-scrollbar-track{background:transparent}.contacts-list::-webkit-scrollbar-thumb,.chat-messages::-webkit-scrollbar-thumb{background:#6271a1d9;border-radius:999px;border:2px solid transparent;background-clip:content-box}.contacts-list::-webkit-scrollbar-thumb:hover,.chat-messages::-webkit-scrollbar-thumb:hover{background:#a78bfaf2;border:2px solid transparent;background-clip:content-box}.contact{width:100%;text-align:left;display:grid;gap:2px}.contact-card{border:1px solid var(--border);background:var(--glass-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px;padding:8px 10px;display:grid;gap:1px}.contact-card:hover{background:#221f3f}.contact-card.active{border-color:var(--accent);background:var(--accent-soft)}.contact-card.active:hover{background:var(--accent-soft)}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.contact-main{background:transparent;border:none;color:var(--text);padding:0;text-align:left;cursor:default;font:inherit;display:grid;gap:1px;line-height:1.2;min-width:0;flex:1}.contact-icon{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:6px;width:24px;height:24px;display:grid;place-items:center;cursor:pointer;font-size:.78rem}.contact-icon:hover{background:#2a2146}.contact-copy{background:transparent;border:none;color:var(--muted);padding:0;text-align:left;cursor:pointer;font-size:.82rem;width:fit-content;border-radius:4px}.contact-chat-icon{display:inline-block;vertical-align:middle}.contact-chat-icon svg{display:block;width:18px;height:18px}.sound-toggle-btn{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:6px;width:32px;height:32px;display:inline-grid;place-items:center;cursor:pointer}.sound-toggle-btn svg{width:18px;height:18px}.sound-toggle-btn[aria-pressed=true]{background:#e6f7e6;color:#0a8a00;border-color:#0a8a00;box-shadow:0 2px 6px #0a8a001f}.sound-toggle-btn[aria-pressed=false]{opacity:.9;color:var(--muted)}.contact-copy-primary{color:var(--text);font-size:.92rem;font-weight:400}.contact-copy-secondary{color:var(--muted);font-size:.82rem;font-weight:400}.contact-copy:hover{color:var(--text);background:transparent}.contact-name-inline{color:var(--text);font-size:.89rem;font-weight:700;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-label{font-size:.9rem;font-weight:600}.contact-rename{margin-top:6px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;min-width:0}.contact-rename input{border:1px solid var(--border);border-radius:6px;background:var(--bg-elev-1);color:var(--text);padding:7px 9px;font-size:.8rem;min-width:0;width:100%}.contact-rename button{border:1px solid var(--border);background:var(--bg-elev-3);color:var(--text);border-radius:6px;padding:7px 9px;font-size:.78rem;cursor:pointer}.contact-rename button:hover{background:#2a2146}.error{margin:0;color:#ff8a8a;font-size:.85rem}.chat-panel{display:block;padding:24px 20px;background:radial-gradient(1200px 480px at 75% -60px,rgba(122,162,255,.07),transparent 62%)}.chat-placeholder{border:1px dashed var(--border-strong);border-radius:12px;padding:28px;color:var(--muted);font-size:.95rem;width:100%;text-align:center}.chat-shell{width:100%;max-width:none;height:min(92vh,1020px);min-width:0;border:1px solid var(--border);border-radius:12px;background:#0c141ed6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #040a1259;display:grid;grid-template-rows:auto 1fr auto}.chat-header{border-bottom:1px solid var(--border);padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.chat-header>strong{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header>.contact{flex-shrink:0;width:auto;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:0;padding:8px 12px;font-size:.82rem}.chat-messages{padding:14px;overflow-y:auto;overflow-x:hidden;display:grid;gap:10px;align-content:start;scrollbar-gutter:stable}.chat-empty{margin:0;color:var(--muted);font-size:.9rem}.message-row{display:flex}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-bubble{max-width:min(88%,720px);border:1px solid var(--border);border-radius:10px;padding:10px 34px 10px 12px;font-size:.9rem;line-height:1.35;background:#121c2a;min-width:0;overflow-wrap:anywhere;word-break:break-word;position:relative}.message-bubble.replying{border-color:var(--accent)}.message-reply-action{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:999px;border:1px solid var(--border);background:var(--bg-elev-1);color:var(--muted);display:grid;place-items:center;font-size:.72rem;padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease,color .15s ease,border-color .15s ease}.message-bubble:hover .message-reply-action,.message-bubble:focus-within .message-reply-action{opacity:1;pointer-events:auto}.message-reply-action:hover,.message-reply-action:focus-visible{color:var(--text);border-color:var(--accent);outline:none}.message-reply{margin-bottom:6px;padding:5px 7px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev-1);color:var(--muted);font-size:.78rem;text-align:left;width:100%;cursor:pointer}.message-reply:hover{color:var(--text);border-color:var(--accent)}.message-bubble.highlighted{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa8c;background:linear-gradient(0deg,#8b5cf62e,#8b5cf62e),#111b27;animation:message-highlight-pulse 1.8s ease-out}.message-row.outgoing .message-bubble.highlighted{background:linear-gradient(0deg,#8b5cf633,#8b5cf633),#1d2d42;border-color:#bca4ff}@keyframes message-highlight-pulse{0%{box-shadow:0 0 #a78bfab3}to{box-shadow:0 0 0 2px #a78bfa8c}}.message-time{margin-top:6px;font-size:.72rem;color:var(--muted)}.message-meta{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.message-meta .message-time{margin-top:0}.message-delivery{font-size:.7rem;letter-spacing:.01em;color:var(--muted)}.message-delivery.pending{color:var(--muted)}.message-delivery.sent{color:var(--text)}.message-delivery.failed{color:var(--accent)}.message-row.outgoing .message-bubble{background:#1a2b40;border-color:var(--accent)}.chat-compose{border-top:1px solid var(--border);padding:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.chat-replying{grid-column:1 / -1;border:1px solid var(--border);border-radius:8px;background:#121c2a;padding:8px 10px;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--muted)}.chat-replying span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-replying button{border:1px solid var(--border);background:var(--bg-elev-3);color:var(--text);border-radius:6px;padding:4px 8px;font-size:.78rem;cursor:pointer}.chat-replying button:hover{background:#2a2146}.chat-image-attach{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto;gap:8px}.chat-compose input,.chat-compose-editor{border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:10px 12px;font-size:.9rem}.chat-compose-editor{min-height:42px;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere}.chat-compose-editor:focus{outline:1px solid var(--accent)}.chat-compose-editor:empty:before{content:attr(data-placeholder);color:var(--muted)}.chat-image,.message-bubble img{display:block;max-width:min(75%,320px);max-height:320px;width:auto;height:auto;border-radius:8px;margin-top:8px;object-fit:cover;cursor:zoom-in;transition:transform .12s ease}.chat-image-loading,.chat-image-error{color:var(--muted);font-size:.86rem;margin-top:8px}.image-lightbox-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1200}.image-lightbox-content{max-width:92vw;max-height:92vh;border-radius:8px;overflow:hidden}.image-lightbox-content img{display:block;width:auto;height:auto;max-width:92vw;max-height:92vh;object-fit:contain;cursor:zoom-out}.chat-compose button{border:1px solid var(--border);background:var(--bg-elev-3);color:var(--text);border-radius:8px;padding:10px 14px;font-size:.9rem;cursor:pointer}.chat-compose button:hover{background:#2a2146}.chat-compose button:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{position:fixed;inset:0;background:#060a0eb8;display:grid;place-items:center;z-index:50}.modal-card{width:min(520px,92vw);border:1px solid var(--border);border-radius:12px;background:#0d1621e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;display:grid;gap:12px}.modal-card h3{margin:0;font-size:1rem}.modal-card input{border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);padding:10px 12px;font-size:.9rem}.modal-card input:focus{outline:1px solid var(--accent)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.mobile-bottom-nav{display:none}@media(max-width:920px){:root{--mobile-nav-reserve: 52px}.top-header{display:block;position:relative}.top-header .top-header-brand{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border-right:none;width:100%;min-width:0;overflow:visible}.top-header .top-header-section{padding:12px 14px;min-width:0}.top-header .top-header-menu-btn{display:inline-grid;place-items:center;position:absolute;top:8px;right:10px;margin:0;z-index:40}.top-header .top-header-links-desktop,.top-header .top-header-links-mobile{display:none}.top-header .top-header-links-mobile.open{display:grid;grid-template-columns:1fr;gap:6px;position:absolute;top:calc(100% + 6px);right:10px;width:min(240px,calc(100vw - 20px));z-index:45;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev-2)}.top-header .top-header-links-mobile.open a{display:block;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-3);padding:7px 10px;color:var(--text);font-size:.84rem;text-align:left}.top-header .top-header-links-mobile.open a:hover{border-color:var(--border-strong);background:#2a2146}.app-shell{height:100dvh;padding-bottom:var(--mobile-nav-reserve);overflow:hidden}body{overflow-x:hidden}.app-root{display:flex;width:300vw;min-height:0;height:100%;transition:transform .32s ease;will-change:transform;overflow:hidden}.app-shell.mobile-view-wallets .app-root{transform:translate(0)}.app-shell.mobile-view-contacts .app-root{transform:translate(-100vw)}.app-shell.mobile-view-chat .app-root{transform:translate(-200vw)}.sidebar{border-right:none;border-bottom:none;height:100%;max-height:none;width:100vw;min-width:100vw;overflow-y:auto}.contacts-sidebar{border-right:none;height:100%;max-height:none;width:100vw;min-width:100vw;overflow:hidden}.chat-panel{width:100vw;min-width:100vw;height:100%;padding:8px 10px 0;overflow-y:auto;overflow-x:hidden}.chat-shell{height:calc(100% - 8px);max-height:none}.chat-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;padding:10px}.chat-header>strong{grid-column:1 / -1;width:100%;min-width:0;font-size:.95rem}.chat-header>.contact{width:100%;min-width:0;justify-content:center;padding:8px 10px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-compose{grid-template-columns:minmax(0,1fr) auto;align-items:center}.chat-image-attach{grid-template-columns:minmax(0,1fr)}.chat-compose button{white-space:nowrap;padding:10px 12px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:999;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 10px max(8px,env(safe-area-inset-bottom,0px));background:#0a1118eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:0 -8px 20px #040a1273;pointer-events:auto}.mobile-bottom-nav button{width:100%;min-width:0;border:1px solid var(--border);background:var(--bg-elev-3);color:var(--text);border-radius:10px;padding:10px 8px;font-size:.86rem;font-weight:600;cursor:pointer;pointer-events:auto}.mobile-bottom-nav button.active{border-color:var(--accent);background:var(--accent-soft)}.mobile-bottom-nav button:disabled{opacity:.45;cursor:not-allowed}}