@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg: #0a0a11;--bg-elev-1: #11111b;--bg-elev-2: #151522;--bg-elev-3: #171726;--border: #26263a;--border-strong: #4a4070;--text: #f5f5fb;--muted: #a1a1b8;--accent: #8b5cf6;--accent-soft: rgba(139, 92, 246, .2);--glass: rgba(17, 17, 27, .78);--glass-strong: rgba(23, 23, 38, .82);--header-height: 56px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(800px 400px at 80% -10%,rgba(139,92,246,.12),transparent 60%),radial-gradient(900px 420px at -8% 100%,rgba(124,58,237,.16),transparent 62%),var(--bg);color:var(--text)}.app-root{min-height:0;height:100%;display:grid;grid-template-columns:320px 320px 1fr;overflow:hidden}.app-shell{min-height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.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;align-items:center;gap:8px}.top-header-brand-logo-shell{display:flex;align-items:center;justify-content:center;flex:0 0 auto}.top-header-brand-logo{width:30px;height:30px;border-radius:8px;object-fit:cover;display:block}.top-header-brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.top-header-brand-title{font-family:Space Grotesk,sans-serif;font-size:.96rem;font-weight:700;letter-spacing:-.01em;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:14px 12px;display:flex;flex-direction:column;gap:10px;background:var(--bg-elev-1);min-height:0;height:100%;max-height:none;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);min-height:0;height:100%;max-height:none;overflow:hidden}.title{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.1rem;font-weight:600;letter-spacing:.01em}.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:#8b5cf629;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:9px;padding:8px 9px;background:var(--glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;gap:6px;min-width:0}.wallet-section-group{display:grid;gap:6px}.wallet-actions-card{gap:8px}.wallet-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:4px;border-bottom:1px solid var(--border)}.wallet-section-label{font-size:.74rem;font-weight:600;color:var(--text)}.wallet-section-label-inline{margin-bottom:2px}.wallet-section-hint{margin:0;font-size:.72rem;color:var(--muted);line-height:1.2}.wallet-section-hint-note{padding:6px 8px;border:1px dashed var(--border);border-radius:7px;background:#11111bad;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.wallet-section-divider{border-top:1px solid var(--border);margin:2px 0 0}.wallet-primary-action{background:linear-gradient(140deg,#7c3aed,#8b5cf6);border-color:#4a4070;font-weight:600}.wallet-primary-action:hover{background:linear-gradient(140deg,#6d28d9,#7c3aed);border-color:#5a4a8e}.wallet-selector-meta{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px}.wallet-section-group-metamask,.wallet-section-group-session{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:8px 9px;font-size:.82rem}.wallet-meta input:focus,.wallet-meta select:focus{outline:1px solid var(--accent)}.wallet-meta .connect-btn{padding:8px 10px;font-size:.85rem;line-height:1.2}.wallet-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.wallet-action-grid .connect-btn{width:100%}.wallet-action-span-2{grid-column:1 / -1}.wallet-inline-action{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding-top:6px;border-top:1px solid var(--border)}.wallet-inline-btn{width:100%}.wallet-inline-control{position:relative;min-width:0}.wallet-picker-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;gap:8px;width:min(320px,calc(100vw - 72px));padding:10px;border:1px solid var(--border-strong);border-radius:10px;background:#0a0c13f7;box-shadow:0 16px 40px #00000057}.wallet-picker-section{display:grid;gap:6px}.wallet-picker-heading{margin:0;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.wallet-picker-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.wallet-picker-option-label{min-width:0;overflow-wrap:anywhere}.wallet-picker-option-meta{flex-shrink:0;font-size:.72rem;color:var(--muted)}.wallet-picker-empty{margin:0;font-size:.76rem;color:var(--muted)}.wallet-inline-select{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px;padding-top:6px;border-top:1px solid var(--border)}.wallet-inline-select select{width:100%}.wallet-disclosure{gap:6px}.wallet-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);padding:7px 9px;cursor:pointer}.wallet-disclosure>summary::-webkit-details-marker{display:none}.wallet-disclosure>summary>span{min-width:0;font-size:.74rem;color:var(--text)}.wallet-disclosure>summary>span:last-child{color:var(--muted);text-align:right}.wallet-disclosure[open]>summary{border-color:var(--border-strong);background:#8b5cf61f}.wallet-disclosure-body{display:grid;gap:6px;min-width:0}.wallet-backup-toggle{width:100%}.wallet-secret-phrase{margin:0;border:1px dashed var(--border);border-radius:8px;padding:8px;background:#11111bad;font-size:.76rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.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:7px}.topup-meta>.connect-btn{margin-bottom:0}.topup-meta p{margin:0;font-size:.76rem;color:var(--muted)}.topup-estimate-line strong{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.topup-meta .meta-row strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.topup-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.topup-stat{border:1px solid var(--border);border-radius:7px;background:#11111b94;padding:5px 6px;display:grid;gap:2px;min-width:0}.topup-stat>span{font-size:.68rem;color:var(--muted)}.topup-stat>strong{font-size:.78rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}.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;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;min-width:0}.meta-row>span,.meta-row>strong{min-width:0}.meta-row>strong{flex:1 1 auto;text-align:right;overflow-wrap:anywhere;word-break:break-word}.meta-row strong{font-weight:600}.wallet-reminder{margin:0;font-size:.74rem;color:var(--muted);line-height:1.25}.wallet-subsection-header{border-bottom:none;padding-bottom:0}.wallet-section-divider-tight{margin:0}.status-with-dot{display:flex;align-items:center;justify-content:flex-end;gap:6px}.status-row-value{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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)}.burner-address-btn.copied{color:#8af5af}.reward-line-label{display:inline-flex;align-items:center;gap:6px}.reward-summary{display:grid;gap:4px}.reward-summary-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:.8rem}.reward-summary-row>span,.reward-summary-row>strong{min-width:0}.reward-summary-row>strong{text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.reward-state-dot{width:8px;height:8px;border-radius:999px;background:#70678d;box-shadow:0 0 0 2px #70678d38}.reward-state-dot.enabled{background:#22c55e;box-shadow:0 0 0 2px #22c55e38}.swap-meta{gap:10px}.swap-field{display:grid;gap:5px;min-width:0}.swap-field-label{display:flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;color:var(--muted)}.swap-label-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.swap-field>input{width:100%}.swap-pill-switch{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:2px;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev-1)}.swap-pill-option{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 10px;font-size:.76rem;font-weight:700;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.swap-pill-option:hover:not(:disabled){color:var(--text);background:#8b5cf61f}.swap-pill-option.active{color:var(--text);background:linear-gradient(155deg,#8b5cf642,#8b5cf624);box-shadow:inset 0 0 0 1px #8b5cf66b}.swap-pill-option:disabled{opacity:.55;cursor:not-allowed}.swap-info-tip{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:999px;font-size:.66rem;color:var(--muted);background:#11111bb3;cursor:help;-webkit-user-select:none;user-select:none}.swap-info-tip:hover{color:var(--text);border-color:var(--border-strong)}.swap-quote-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;font-size:.8rem}.swap-quote-row>span,.swap-quote-row>strong{min-width:0}.swap-quote-row>strong{flex:1 1 auto;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;word-break:break-word}.swap-action-btn,.swap-status-note{margin-top:2px}.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;min-height:0}.contact-profile-card-fixed{flex:0 0 auto}.contact-profile-card-scroll{flex:1 1 0;display:flex;flex-direction:column;overflow:hidden}.contact-profile-card-scroll .contact-profile-label,.contact-profile-card-scroll .contact-section-label{flex:0 0 auto}.contact-profile-label{font-size:.85rem;color:var(--text)}.contact-section-label{font-size:.76rem;color:var(--muted);font-weight:600;letter-spacing:0;text-transform:none;margin-left:0}.contact-profile-editor{border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:10px 84px 10px 12px;font-size:.9rem;min-height:42px;line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere}.contact-profile-editor-wrap{position:relative}.contact-profile-editor-action{position:absolute;top:50%;right:8px;transform:translateY(-50%);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:6px;padding:6px 12px;font-size:.78rem;font-weight:600;line-height:1;cursor:pointer}.contact-profile-editor-action:hover{background:#8b5cf629}.contact-profile-editor-action:disabled{cursor:not-allowed;opacity:.6}.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;align-content:start;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}.contact-profile-card .contacts-list{padding:0;border:none;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;max-height:none}.contacts-list-scroll{min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;align-content:start}.contacts-main-list,.groups-main-list{flex:1 1 0;min-height:0}.groups-invites-list{flex:0 1 auto;max-height:38%}.contact-profile-card .contacts-list:empty{display:none}.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:#4a4070e6;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}.mark-read-button{width:auto;justify-self:flex-start;padding:6px 10px;font-size:.78rem}.contact-actions-panel{display:grid;gap:8px}.contact-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.contact-action-btn{width:100%;justify-self:stretch;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:0;min-height:34px;border-radius:8px;padding:8px 10px}.contact-action-btn-primary{border-color:#a78bfa80;background:#8b5cf62e}.contact-action-btn-primary:hover{background:#8b5cf642}.contact-action-btn-toggle.active{border-color:#a78bfaa6;background:#8b5cf633;color:#f3eeff}.contacts-panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.contact-view-badge{border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.7rem;color:var(--muted);background:var(--bg-elev-1);white-space:nowrap}.contact-view-badge.hidden{border-color:#a78bfa8c;color:#e4d7ff;background:#8b5cf62e}.contacts-empty-state{border:1px dashed var(--border);border-radius:8px;background:var(--glass-strong);color:var(--muted);font-size:.78rem;line-height:1.4;padding:10px}.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:#8b5cf624}.contact-card.active{border-color:var(--accent);background:var(--accent-soft)}.contact-card.active:hover{background:var(--accent-soft)}.contact-card.hidden{opacity:.78;border-style:dashed}.contact-card.syncing{border-color:#a78bfab8;background:#8b5cf633;box-shadow:inset 0 0 0 1px #a78bfa33}.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;position:relative}.contact-icon:hover{background:#8b5cf629}.contact-icon.loading{pointer-events:none}.contact-icon.loading svg{opacity:0}.contact-icon.loading:after{content:"";position:absolute;top:50%;left:50%;width:11px;height:11px;border-radius:50%;border:2px solid rgba(167,139,250,.28);border-top-color:#e8dbfff2;animation:coti-spin-centered .85s linear infinite}.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:#8b5cf633;color:#d6c8ff;border-color:#d6c8ff;box-shadow:0 2px 6px #8b5cf62e}.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-copy.copied{color:#8af5af}.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:#8b5cf629}.error{margin:0;color:#ff9fb2;font-size:.85rem}.chat-panel{display:block;min-height:0;height:100%;padding:24px 20px;background:radial-gradient(1200px 480px at 75% -60px,rgba(139,92,246,.1),transparent 62%);overflow:hidden}.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:100%;min-width:0;border:1px solid var(--border);border-radius:12px;background:#11111bd6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 40px #05050c61;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-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.chat-header-state{color:var(--muted);font-size:.74rem;white-space:nowrap}.chat-header-sync{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(167,139,250,.45);border-radius:999px;width:24px;height:24px;padding:0;background:#8b5cf62e}.chat-header>.contact,.chat-header-actions .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-header.chat-header-group{--group-header-button-width: 110px;--group-header-ttl-width: 48px;--group-header-controls-max-width: 1080px;display:grid;grid-template-columns:clamp(260px,24vw,360px) minmax(0,1fr) auto;grid-template-areas:"meta controls actions";align-items:center;gap:10px;padding-block:8px}.group-header-meta{grid-area:meta;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px}.group-title-stack{min-width:0;display:grid;gap:3px}.group-title-stack>strong{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-state-inline{color:var(--muted);font-size:.72rem}.inline-spinner{width:10px;height:10px;border-radius:50%;border:2px solid rgba(167,139,250,.28);border-top-color:#e8dbfff2;display:inline-block;animation:coti-spin .85s linear infinite}@keyframes coti-spin{to{transform:rotate(360deg)}}@keyframes coti-spin-centered{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.group-title-badges{min-width:0;display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.group-title-badge{border:1px solid var(--border);border-radius:999px;padding:1px 7px;font-size:.67rem;line-height:1.15;color:var(--muted);background:var(--bg-elev-1);white-space:nowrap}.group-title-badge.admin{border-color:#4a4070;color:#d8c9ff;background:#8b5cf629}.group-meta-dropdowns{min-width:0;max-width:100%;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;flex:0 0 auto;overflow:visible}.group-header-controls{grid-area:controls;min-width:0;width:100%;display:flex;align-items:center;justify-content:flex-start;justify-self:stretch;align-self:center}.group-header-controls>*{min-width:0}.group-header-controls .group-invite-menu{width:auto;max-width:100%;margin-left:4px}.group-header-controls .group-invite-menu>summary{width:130px}.group-header-controls .group-invite-menu>.group-invite-menu-panel{left:50%;right:auto;transform:translate(-50%);width:min(760px,max(420px,calc(100vw - 420px)));max-width:calc(100vw - 44px)}@media(max-width:1400px){.group-header-controls .group-invite-menu>.group-invite-menu-panel{width:min(680px,max(420px,calc(100vw - 400px)))}.group-header-controls .group-invite-menu>.group-invite-menu-panel .group-join-code-main{flex-wrap:wrap;align-items:stretch}.group-header-controls .group-invite-menu>.group-invite-menu-panel .group-join-code-main-left{width:100%}.group-header-controls .group-invite-menu>.group-invite-menu-panel .group-join-code-generate{width:100%}}.group-members-dropdown{position:relative;flex:0 0 auto}.group-members-dropdown>summary{border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#1b1b2ceb,#10101bf2);color:var(--text);height:34px;min-width:110px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;list-style:none;font-size:.76rem;font-weight:600;transition:border-color .16s ease,background .16s ease,transform .12s ease}.group-members-dropdown>summary:hover{border-color:#a78bfa73}.group-members-dropdown>summary:focus-visible{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf638}.group-members-dropdown>summary::-webkit-details-marker{display:none}.group-members-dropdown[open]>summary{border-color:#a78bfa94;background:#8b5cf633}.group-control-button{height:34px;width:var(--group-header-button-width);padding:0 12px;font-size:.78rem;box-sizing:border-box}.group-options-dropdown{position:relative;flex:0 0 auto}.group-options-dropdown>summary{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:8px;padding:0 12px;font-size:.78rem;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;list-style:none;display:inline-flex;align-items:center;justify-content:center;height:34px;width:var(--group-header-button-width);box-sizing:border-box}.group-options-dropdown>summary::-webkit-details-marker{display:none}.group-options-dropdown[open]>summary{background:#8b5cf629}.group-options-menu{position:absolute;top:calc(100% + 6px);right:0;width:min(220px,calc(100vw - 32px));margin:0;padding:8px;list-style:none;border:1px solid var(--border);border-radius:10px;background:var(--bg-elev-2);display:grid;gap:6px;z-index:25}.group-options-menu button{width:100%;border:1px solid var(--border);background:var(--bg-elev-3);color:var(--text);border-radius:8px;padding:8px 10px;font-size:.78rem;cursor:pointer;text-align:center}.group-options-menu button:hover{background:#8b5cf629}.group-options-menu button:disabled{opacity:.5;cursor:not-allowed}.group-options-menu .group-options-danger{border-color:#f43f5e66;background:#f43f5e1a;color:#ffb1c0}.group-options-menu .group-options-danger:hover{background:#f43f5e29;border-color:#f43f5e85}.group-members-list{position:absolute;top:calc(100% + 6px);left:0;width:min(320px,calc(100vw - 64px));max-height:260px;overflow-y:auto;margin:0;padding:8px;list-style:none;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#181826f5,#0b0b13f5);box-shadow:0 14px 30px #0006;display:grid;gap:6px;z-index:26}.group-member-copy{width:100%;min-width:0;border:1px solid var(--border);background:var(--bg-elev-1);color:var(--text);border-radius:8px;padding:8px 10px;text-align:left;cursor:pointer;display:grid;gap:3px}.group-member-copy:hover{background:#8b5cf629}.group-member-copy.copied{border-color:#22c55e73;background:#22c55e1f}.group-member-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}.group-member-remove{border:1px solid rgba(244,63,94,.4);background:#f43f5e1a;color:#ffb1c0;border-radius:8px;padding:8px 10px;font-size:.76rem;cursor:pointer;white-space:nowrap}.group-member-remove:hover{background:#f43f5e29}.group-member-remove:disabled{opacity:.5;cursor:not-allowed}.group-member-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.85rem;font-weight:600}.group-member-address{font-size:.78rem;color:var(--muted)}.group-member-badge{border:1px solid var(--border);border-radius:999px;padding:1px 6px;font-size:.68rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.group-members-empty{font-size:.82rem;color:var(--muted);padding:8px}.group-invite-menu{position:relative;min-width:0}.group-invite-menu>summary{border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#1b1b2ceb,#10101bf2);color:var(--text);height:34px;min-width:120px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;list-style:none;font-size:.76rem;font-weight:600;transition:border-color .16s ease,background .16s ease}.group-invite-menu>summary::-webkit-details-marker{display:none}.group-invite-menu>summary:hover{border-color:#a78bfa73}.group-invite-menu>summary:focus-visible{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf638}.group-invite-menu[open]>summary{border-color:#a78bfa94;background:#8b5cf633}.group-invite-menu-panel{position:absolute;top:calc(100% + 8px);left:0;width:min(760px,calc(100vw - 84px));margin:0;padding:10px;border:1px solid rgba(97,80,148,.46);border-radius:12px;background:linear-gradient(180deg,#13131ef5,#0a0a12f5);box-shadow:0 16px 34px #00000073;display:grid;gap:10px;z-index:30}.group-invite-menu-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.group-invite-menu-switch-btn{border:1px solid var(--border);border-radius:9px;background:#141421e6;color:var(--muted);height:32px;padding:0 10px;font-size:.74rem;font-weight:700;cursor:pointer;white-space:nowrap}.group-invite-menu-switch-btn.active{border-color:#4a4070;background:#8b5cf638;color:#f5f2ff}.group-header-invite.group-header-invite-compact{min-width:0;width:100%;margin:0;border:none;border-radius:0;background:transparent;box-shadow:none;padding:0;display:block;grid-template-columns:none;gap:0}.group-header-invite.group-header-invite-compact .group-header-invite-row{grid-column:auto;width:100%;grid-template-columns:minmax(0,1fr) var(--group-header-ttl-width) auto;justify-items:stretch}.group-header-invite.group-header-invite-compact .group-header-primary-btn{width:auto;min-width:102px;display:inline-flex;align-items:center;justify-content:center;text-align:center}.group-header-invite.group-header-invite-compact .group-header-invite-address{width:100%;min-width:0}.group-invite-code-panel{display:grid;gap:8px}.group-join-code-settings-compact{grid-template-columns:minmax(0,1fr);gap:8px;border-color:#5a4b8870;background:#0f0f1bc7;border-radius:10px;padding:8px}.group-join-code-settings-compact .group-join-code-main{width:100%;gap:8px;align-items:center}.group-generated-code-stack{display:grid;gap:8px}.group-generated-code-compact{grid-template-columns:minmax(0,1fr) auto}.group-generated-code-compact .group-generated-code-copy{width:var(--group-header-button-width);height:34px;font-size:.75rem;padding:0 10px}.group-generated-code-revoke-btn{width:100%;min-height:34px;padding:0 12px;font-size:.75rem;justify-content:center;box-sizing:border-box}.group-header-invite{min-width:0;width:100%;margin:0;border:1px solid rgba(97,80,148,.38);border-radius:12px;background:linear-gradient(180deg,#13131ef0,#0c0c16eb);box-shadow:inset 0 0 0 1px #8b5cf614;padding:8px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:8px;align-items:start}.group-header-section-heading{display:flex;align-items:center;justify-content:space-between;grid-column:1 / -1;gap:8px;min-width:0}.group-header-section-title{font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.group-header-section-subtitle{font-size:.7rem;color:var(--muted);opacity:.95;white-space:nowrap}.group-header-invite-row{grid-column:1 / 2;min-width:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) var(--group-header-ttl-width) var(--group-header-button-width);gap:7px;align-items:center;align-self:center}.group-header-invite input:not([type=radio]){border:1px solid var(--border);border-radius:8px;background:#0a0a12b8;color:var(--text);padding:0 10px;height:34px;font-size:.8rem;width:100%;min-width:0;box-sizing:border-box}.group-header-invite .group-header-invite-ttl{text-align:right;padding-inline:7px;padding-left:22px;padding-right:7px;font-variant-numeric:tabular-nums}.group-header-invite .group-header-invite-address{min-width:0}.group-header-invite-ttl-wrap{position:relative;display:block;width:var(--group-header-ttl-width);min-width:var(--group-header-ttl-width);max-width:var(--group-header-ttl-width)}.group-header-invite-ttl-wrap:before{content:"H";position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.68rem;font-weight:600;line-height:1;width:10px;pointer-events:none;text-align:center}.group-header-invite input:not([type=radio]):focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.group-header-invite button{border:1px solid var(--border);background:#171726d1;color:var(--text);border-radius:9px;padding:0 10px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;height:34px;width:var(--group-header-button-width);box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.group-header-invite button:hover{border-color:#a78bfa80;background:#8b5cf62e}.group-header-invite button:disabled{opacity:.5;cursor:not-allowed}.group-join-code-settings{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 10px;align-items:center;border:1px solid var(--border);background:var(--bg-elev-1);border-radius:8px;padding:0 0 0 8px}.group-header-invite .group-join-code-settings{grid-column:2 / 3;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:7px;min-height:0;padding:8px;border:1px solid rgba(90,75,136,.44);background:#0f0f1bc7;border-radius:10px;align-self:center}.group-header-invite .group-join-code-main{width:100%;gap:8px;align-items:center}.group-join-code-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.group-join-code-helper{font-size:.68rem;color:var(--muted);text-align:right;white-space:nowrap}.group-header-invite .group-join-code-main-left{gap:8px}.group-header-invite .group-join-code-mode{gap:6px}.group-join-code-label{font-size:.68rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700}.group-join-code-main{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap}.group-join-code-main-left{min-width:0;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.group-join-code-mode{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.group-join-code-mode-option{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;background:#141421eb;color:var(--text);padding:3px 8px;font-size:.7rem;line-height:1;cursor:pointer;font-weight:600}.group-join-code-mode-option.active{background:#8b5cf629;border-color:#4a4070}.group-join-code-mode-option input[type=radio]{appearance:none;width:10px;height:10px;border-radius:50%;border:1px solid var(--muted);background:transparent;margin:0}.group-join-code-mode-option.active input[type=radio]{border-color:var(--text);background:var(--text)}.group-join-code-max{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--muted)}.group-join-code-max .group-join-code-max-input{border:1px solid var(--border);border-radius:7px;background:var(--bg-elev-1);color:var(--text);width:60px;height:24px;padding:2px 5px;text-align:center;font-size:.8rem;font-variant-numeric:tabular-nums;box-sizing:border-box}.group-join-code-max .group-join-code-max-input:focus{outline:1px solid var(--accent)}.group-join-code-max .group-join-code-max-input::-webkit-outer-spin-button,.group-join-code-max .group-join-code-max-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.group-join-code-max .group-join-code-max-input[type=number]{appearance:textfield}.group-header-invite .group-join-code-max .group-join-code-max-input{width:56px;height:24px;padding:2px 5px;text-align:center}.group-join-code-hint{font-size:.68rem;color:var(--muted)}.group-header-invite .group-join-code-hint{display:none}.group-join-code-generate{border:1px solid var(--border);background:var(--bg-elev-3);color:var(--text);border-radius:9px;padding:0 10px;font-size:.75rem;font-weight:600;cursor:pointer;white-space:nowrap;height:34px;width:var(--group-header-button-width);box-sizing:border-box}.group-join-code-generate:hover{background:#8b5cf629}.group-join-code-generate:disabled{opacity:.5;cursor:not-allowed}.group-header-primary-btn{border-color:#4a4070!important;background:linear-gradient(140deg,#7c3aed,#8b5cf6)!important;color:#f8f7ff!important}.group-header-primary-btn:hover:not(:disabled){filter:brightness(1.05)}.group-refresh-button{border-color:#7c8bff57!important;background:#4c5cc41f!important;color:#d9ddff!important}.group-refresh-button:hover:not(:disabled){border-color:#7c8bff80!important;background:#4c5cc433!important;color:#f1f3ff!important}.group-header-actions{grid-area:actions;min-width:0;width:auto;display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;justify-self:end;align-self:center;gap:6px;flex-shrink:0;border:1px solid rgba(90,75,136,.38);border-radius:12px;background:linear-gradient(180deg,#13131ef0,#0c0c16eb);padding:6px}.group-header-actions .contact{width:auto;min-width:102px;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:0;padding:0 10px;font-size:.74rem;font-weight:600;height:34px;border-radius:9px;box-sizing:border-box}.group-rename-form{min-width:0;display:grid;align-items:center;gap:8px}.group-header-actions .group-rename-form{flex:0 1 auto;min-width:0;width:min(460px,40vw);grid-template-columns:minmax(0,1fr) 96px 96px}.group-rename-form input{border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:7px 9px;font-size:.8rem;width:100%;min-width:0;height:34px;box-sizing:border-box}.group-rename-form input:focus{border-color:#4a4070;outline:none;box-shadow:0 0 0 2px #8b5cf633}.group-rename-form .contact{width:100%;min-width:0;justify-content:center}.group-header-actions .group-danger-button{border-color:#f43f5e66;background:#f43f5e1a;color:#ffb1c0}.group-header-actions .group-danger-button:hover{background:#f43f5e29;border-color:#f43f5e85}.group-header-actions .group-refresh-button{border-style:solid!important}.group-header-controls .contact.active{background:#8b5cf629}.group-mobile-refresh-btn,.group-mobile-tools-toggle{display:flex;align-items:center;justify-content:center;text-align:center;gap:0;line-height:1;height:36px;border-radius:10px;font-weight:600}.group-mobile-tools-toggle.active{border-color:#4a4070;background:#8b5cf629}.group-mobile-options-panel{grid-area:actions;min-width:0;display:grid;gap:8px}.group-mobile-section{min-width:0;border:1px solid var(--border);border-radius:10px;background:#171726c7;padding:8px;display:grid;gap:8px}.group-mobile-section-header{min-width:0;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.group-mobile-section-title{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.group-mobile-section-subtitle{font-size:.72rem;color:var(--muted);opacity:.92;text-align:right}.group-mobile-primary-action{width:100%;text-align:center;justify-content:center}.group-mobile-options-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-mobile-options-actions .contact{width:100%;min-width:0}.group-mobile-options-actions .group-rename-form{grid-column:1 / -1;width:100%;grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,1fr))}.group-mobile-options-actions .group-rename-form .contact{width:100%;min-width:0}.group-mobile-options-actions .group-join-code-settings{grid-column:1 / -1}.group-mobile-options-actions-secondary .contact:only-child{grid-column:1 / -1}.group-mobile-section-actions{border-color:var(--border);background:#171726c7}.group-generated-code{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) var(--group-header-button-width);gap:7px;align-items:center}.group-header-invite .group-generated-code{grid-column:1 / 2}.group-header-invite>.contact{grid-column:2 / 3;width:100%;min-width:0;height:34px;padding:0 10px;font-size:.75rem;justify-content:center;box-sizing:border-box}.group-generated-code input{border:1px solid var(--border);border-radius:8px;background:#0a0a12b8;color:var(--text);padding:0 9px;height:34px;font-size:.76rem;width:100%;min-width:0;box-sizing:border-box}.group-generated-code .group-generated-code-value{font-size:.74rem;line-height:1.1;letter-spacing:-.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.group-generated-code button{width:var(--group-header-button-width);height:34px;box-sizing:border-box}.group-generated-code button.copied,.group-generated-code .contact.copied{border-color:#22c55e73;background:#22c55e2e;color:#cbf6dc}.group-active-codes-dropdown{position:relative;flex:0 0 auto}.group-active-codes-dropdown>summary{border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#1b1b2ceb,#10101bf2);color:var(--text);height:34px;min-width:130px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;list-style:none;font-size:.76rem;font-weight:600;transition:border-color .16s ease,background .16s ease}.group-active-codes-dropdown>summary:hover{border-color:#a78bfa73}.group-active-codes-dropdown>summary:focus-visible{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf638}.group-active-codes-dropdown>summary::-webkit-details-marker{display:none}.group-active-codes-dropdown[open]>summary{border-color:#a78bfa94;background:#8b5cf633}.group-active-codes-dropdown-mobile>summary{width:100%}.group-active-codes-list{position:absolute;top:calc(100% + 8px);left:0;width:min(540px,calc(100vw - 44px));max-height:290px;overflow-y:auto;margin:0;padding:10px;list-style:none;border:1px solid rgba(97,80,148,.46);border-radius:12px;background:linear-gradient(180deg,#13131ef7,#0a0a12f7);box-shadow:0 16px 34px #0000006b;display:grid;gap:8px;z-index:26}.group-active-code-empty{font-size:.8rem;color:var(--muted);padding:8px}.group-active-code-item{border:1px solid rgba(97,80,148,.34);border-radius:10px;background:#0e0e18e0;padding:8px;display:grid;gap:8px}.group-active-code-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center}.group-active-code-value{min-width:0;width:100%;height:32px;border:1px solid var(--border);border-radius:8px;background:#0a0a12c2;color:var(--text);padding:0 10px;box-sizing:border-box;display:flex;align-items:center;font-size:.74rem;line-height:1.1;letter-spacing:-.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-active-code-row>.group-active-code-value{width:100%;min-width:0}.group-active-code-row>.group-generated-code-copy,.group-active-code-row>.group-active-code-revoke{width:auto;min-width:96px;height:32px;box-sizing:border-box;font-size:.72rem;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1;white-space:nowrap}.group-active-code-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.72rem;color:var(--muted);line-height:1.25}@media(max-width:1320px){.group-header-invite{grid-template-columns:minmax(0,1fr)}.group-header-section-heading{grid-column:1 / -1;align-items:flex-start;flex-wrap:wrap}.group-header-section-subtitle{white-space:normal}.group-header-invite-row,.group-header-invite .group-join-code-settings,.group-header-invite .group-generated-code{grid-column:1 / -1}.group-header-invite>.contact{grid-column:1 / -1;width:100%}}@media(max-width:1200px){.chat-header.chat-header-group{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "controls" "actions"}.group-header-meta{display:grid;gap:8px;align-items:start}.group-header-controls{width:100%;justify-self:stretch}.group-header-actions{width:100%;flex-wrap:wrap;justify-self:start;justify-content:flex-start}.group-header-actions .group-rename-form{flex:1 1 100%;width:min(100%,420px)}}.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-sender-copy{border:none;background:transparent;color:var(--muted);font-size:12px;opacity:.9;margin:0 0 4px;padding:0;text-align:left;cursor:pointer}.message-sender-copy:hover{color:var(--text);text-decoration:underline}.message-sender-copy.copied{color:#8af5af;text-decoration:none}.message-row{display:flex}.message-row.incoming{justify-content:flex-start}.message-row.outgoing{justify-content:flex-end}.message-row.system{justify-content:center}.message-bubble{max-width:min(88%,720px);border:1px solid var(--border);border-radius:10px;padding:10px 60px 10px 12px;font-size:.9rem;line-height:1.35;background:#141422;min-width:0;overflow-wrap:anywhere;word-break:break-word;position:relative}.message-bubble.system{max-width:min(92%,760px);text-align:center;color:var(--muted);border-style:dashed;background:#171726ad;padding:8px 12px}.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-react-action{position:absolute;top:8px;right:32px;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,.message-bubble:hover .message-react-action,.message-bubble:focus-within .message-react-action{opacity:1;pointer-events:auto}.message-reply-action:hover,.message-reply-action:focus-visible,.message-react-action:hover,.message-react-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-reaction-picker{position:absolute;top:34px;right:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-2);display:flex;gap:4px;flex-wrap:wrap;width:max-content;max-width:min(320px,calc(100vw - 36px));padding:4px;z-index:4}.message-row.incoming .message-reaction-picker{left:8px;right:auto}.message-row.outgoing .message-reaction-picker{left:auto;right:8px;justify-content:flex-end}.message-reaction-picker button{border:1px solid transparent;background:transparent;color:var(--text);border-radius:6px;width:28px;height:28px;display:grid;place-items:center;font-size:.92rem;cursor:pointer}.message-reaction-picker button:hover{border-color:var(--border-strong);background:var(--bg-elev-1)}.message-reactions{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.message-reaction-chip{border:1px solid var(--border);background:var(--bg-elev-1);color:var(--text);border-radius:999px;padding:2px 7px;font-size:.76rem;display:inline-flex;align-items:center;gap:4px;cursor:pointer}.message-reaction-chip.active{border-color:var(--accent);background:var(--accent-soft)}.message-reaction-chip:hover{border-color:var(--border-strong)}.message-bubble.highlighted{border-color:#a78bfa;box-shadow:0 0 0 2px #a78bfa8c;background:linear-gradient(0deg,#8b5cf62e,#8b5cf62e),#141422;animation:message-highlight-pulse 1.8s ease-out}.message-row.outgoing .message-bubble.highlighted{background:linear-gradient(0deg,#8b5cf633,#8b5cf633),#1b1b2d;border-color:#cdb9ff}@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:#191927;border-color:var(--accent)}.trade-card{display:grid;gap:10px;min-width:0}.trade-card.collapsed{gap:7px}.trade-card-header{display:grid;gap:8px}.trade-card-title-wrap{display:grid;gap:8px;min-width:0}.trade-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.trade-card-title{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;min-width:0}.trade-card-title strong{font-size:1rem;letter-spacing:-.02em}.trade-card-toggle{border:1px solid rgba(167,139,250,.28);border-radius:999px;background:#181828eb;color:var(--muted);padding:4px 10px;font-size:.72rem;font-weight:700;line-height:1.2;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.trade-card-toggle:hover{border-color:#a78bfa70;color:var(--text);background:#1f1f34f5}.trade-card-meta-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-start;padding-top:8px;border-top:1px solid rgba(98,92,138,.22);font-size:.74rem;color:var(--muted)}.trade-card-meta-inline>span{display:inline-flex;align-items:center;gap:4px}.trade-card-header-tags{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.trade-card-status{display:inline-flex;border:1px solid var(--border-strong);border-radius:999px;padding:2px 9px;font-size:.72rem;font-weight:700;line-height:1.2;max-width:100%;color:var(--text);background:#8b5cf62e}.trade-card-status.accepted{border-color:#22c55e;color:#dcfce7;background:#22c55e29}.trade-card-status.open,.trade-card-status.pending-sync{border-color:#a78bfa61;background:#8b5cf629}.trade-card-status.countered{border-color:#facc1561;color:#fde68a;background:#facc1524}.trade-card-status.cancelled,.trade-card-status.declined,.trade-card-status.expired{border-color:#f59e0b;color:#fef3c7;background:#f59e0b29}.trade-card-parent{width:fit-content;border:1px solid rgba(167,139,250,.24);border-radius:999px;padding:3px 8px;font-size:.72rem;color:var(--muted);background:#171727b3}.trade-card-parent.incoming{border-color:#22c55e47;color:#bbf7d0;background:#0d37204d}.trade-card-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trade-card-summary-item{border:1px solid var(--border);border-radius:10px;padding:7px 9px;background:#0a0a1175;display:grid;gap:3px}.trade-card-summary-item-send{border-color:#f43f5e47;background:linear-gradient(180deg,#4411202e,#0e0e16d1)}.trade-card-summary-item-receive{border-color:#22c55e47;background:linear-gradient(180deg,#0f382329,#0e0e16d1)}.trade-card-summary-label{font-size:.71rem;font-weight:700;color:var(--muted)}.trade-card-summary-item strong{font-size:.9rem;line-height:1.2;letter-spacing:-.01em}.trade-card.collapsed .trade-card-header{gap:6px}.trade-card.collapsed .trade-card-header-tags{gap:5px}.trade-card.collapsed .trade-card-toggle{padding:3px 9px}.trade-card.collapsed .trade-card-status{padding:2px 8px;font-size:.7rem}.trade-card.collapsed .trade-card-summary{gap:6px}.trade-card.collapsed .trade-card-meta-inline{justify-content:space-between;gap:6px 10px}.trade-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trade-card-asset{border:1px solid var(--border);border-radius:10px;padding:9px 10px;background:#0a0a1185;display:grid;gap:6px}.trade-card-asset-send{border-color:#f43f5e42;background:linear-gradient(180deg,#44112038,#0e0e16d1)}.trade-card-asset-receive{border-color:#22c55e42;background:linear-gradient(180deg,#0f38232e,#0e0e16d1)}.trade-card-asset-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.trade-card-label{font-size:.72rem;font-weight:700;color:var(--muted)}.trade-card-asset strong{font-size:.96rem;line-height:1.2;letter-spacing:-.01em}.trade-card-asset a,.trade-compose-token-meta a{color:#c4b5fd;text-decoration:none;font-size:.76rem;font-weight:600}.trade-card-asset a:hover,.trade-compose-token-meta a:hover{color:var(--text)}.trade-card-flags{display:flex;gap:6px;flex-wrap:wrap}.trade-card-flag{width:fit-content;border-radius:999px;padding:2px 8px;font-size:.7rem;color:#fcd34d;background:#facc151f;border:1px solid rgba(250,204,21,.35)}.trade-card-note,.trade-card-rate,.trade-compose-warning p,.trade-compose-validation{margin:0;font-size:.76rem;line-height:1.4}.trade-card-rate{color:#cbd5e1}.trade-card-note{color:var(--muted)}.trade-card-links{display:flex;gap:8px;flex-wrap:wrap}.trade-card-link-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;border:1px solid rgba(167,139,250,.28);border-radius:999px;background:#181828eb;color:#c4b5fd;text-decoration:none;padding:5px 10px;font-size:.73rem;font-weight:700;line-height:1.2;transition:border-color .16s ease,color .16s ease,background .16s ease}.trade-card-link-button:hover{border-color:#a78bfa70;color:var(--text);background:#1f1f34f5}.trade-compose-validation{color:#fca5a5}.trade-card-actions{display:flex;gap:8px;flex-wrap:wrap}.trade-card-actions button,.trade-card-action{min-width:96px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#1f1f34f5,#12121ffa);color:var(--text);border-radius:9px;padding:8px 12px;font-size:.78rem;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 7px 16px #0003;transition:transform .14s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.trade-card-actions button:hover:not(:disabled),.trade-card-action:hover:not(:disabled){transform:translateY(-1px);border-color:#a78bfa7a;box-shadow:0 12px 22px #00000047}.trade-card-actions button:disabled,.trade-card-action:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}.trade-card-action-accept{border-color:#4a4070;background:linear-gradient(140deg,#7c3aed,#8b5cf6);color:#f8f7ff}.trade-card-action-accept:hover:not(:disabled){border-color:#9f7aea;background:linear-gradient(140deg,#8b5cf6,#a78bfa)}.trade-card-action-counter{border-color:#6c609e9e;background:linear-gradient(180deg,#22223afa,#141423fa)}.trade-card-action-counter:hover:not(:disabled){background:linear-gradient(180deg,#3a3162f5,#1f1b39fa)}.trade-card-action-refuse{border-color:#f43f5e5c;background:linear-gradient(180deg,#54182994,#30101ad6);color:#ffd1db}.trade-card-action-refuse:hover:not(:disabled){border-color:#f43f5e85;background:linear-gradient(180deg,#701d34a8,#431221e6)}.trade-response-card{display:grid;gap:6px;min-width:0}.trade-response-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.trade-response-card-kicker{font-size:.74rem;font-weight:700;color:var(--muted)}.trade-response-card-badge{width:fit-content;border-radius:999px;border:1px solid rgba(167,139,250,.38);background:#8b5cf624;color:var(--text);padding:2px 8px;font-size:.68rem;font-weight:700}.trade-response-card-badge.accepted{border-color:#22c55e73;background:#22c55e24;color:#dcfce7}.trade-response-card-badge.declined,.trade-response-card-badge.cancelled{border-color:#f43f5e61;background:#f43f5e1f;color:#fecdd3}.trade-response-card-badge.countered{border-color:#facc1557;background:#facc151f;color:#fde68a}.trade-response-card-title{font-size:.95rem;line-height:1.35}.trade-response-card-detail{font-size:.76rem;color:var(--muted)}.chat-compose{--chat-compose-padding: 12px;border-top:1px solid var(--border);padding:var(--chat-compose-padding);display:grid;gap:8px}.chat-compose.trade-compose-active{gap:6px}.chat-compose.trade-compose-active>.trade-compose-panel{width:calc(100% + (var(--chat-compose-padding) * 2));margin-inline:calc(var(--chat-compose-padding) * -1)}.group-chat-compose{gap:10px}.group-chat-compose>.group-compose-main{grid-column:1 / -1}.group-fee-toggle{border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-elev-3);color:var(--text);padding:4px 10px;font-size:.76rem;font-weight:600;line-height:1.15;white-space:nowrap;cursor:pointer}.group-fee-toggle.coti{border-color:#4a4070;background:#8b5cf62e}.group-fee-toggle.token{border-color:#3d7756;background:#22c55e29}.group-fee-toggle:hover:not(:disabled){filter:brightness(1.06)}.group-fee-toggle:disabled{opacity:.5;cursor:not-allowed}.group-fee-toggle-compact{padding:6px 10px;font-size:.72rem;line-height:1.1}.chat-compose-main,.group-compose-main{display:grid;gap:8px}.chat-compose-entry,.group-compose-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.chat-compose-entry>.chat-compose-editor,.group-compose-entry>.chat-compose-editor{min-width:0;width:100%}.chat-compose-actions,.group-compose-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chat-compose-actions>button,.group-compose-actions>button{width:100%;min-width:0}.chat-replying{grid-column:1 / -1;border:1px solid var(--border);border-radius:8px;background:#141422;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:#8b5cf629}.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:12px;background:var(--bg-elev-1);color:var(--text);padding:12px 14px;font-size:.94rem}.chat-compose-editor{min-height:50px;line-height:1.45;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:#05050cc7;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:10px;padding:10px 14px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:600;cursor:pointer}.chat-compose button:hover:not(:disabled){border-color:var(--border-strong);background:#8b5cf629}.chat-compose button:disabled{opacity:.5;cursor:not-allowed}.chat-compose-send{width:50px;min-width:50px;min-height:50px;padding:0;align-self:stretch;border-color:#8b5cf68f;background:linear-gradient(180deg,#8b5cf6eb,#6d28d9eb);box-shadow:0 12px 24px #5b21b62e}.chat-compose-send svg{width:18px;height:18px}.chat-compose-send:hover:not(:disabled){border-color:#c4b5fdcc;background:linear-gradient(180deg,#7c3aedf5,#5b21b6f5)}.chat-compose-send:disabled{background:#3f2f6899;box-shadow:none}.chat-tip-panel{grid-column:1 / -1;display:grid;gap:10px;border:1px solid var(--border-strong);border-radius:10px;padding:10px;background:linear-gradient(160deg,#161622f5,#11111bf2)}.group-tip-panel{gap:9px}.group-tip-recipient-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.group-tip-recipient-label{font-size:.76rem;font-weight:600;color:var(--muted);letter-spacing:.02em;white-space:nowrap}.group-tip-recipient-select{width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-elev-1);color:var(--text);padding:8px 10px;font-size:.82rem}.group-tip-recipient-select:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.chat-tip-token-switch{display:inline-grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:3px;border:1px solid var(--border);border-radius:10px;background:#0a0a11bf;min-width:220px}.chat-tip-token-switch button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:6px 10px;font-size:.78rem;font-weight:700;line-height:1.15}.chat-tip-token-switch button.active{background:#8b5cf640;color:var(--text)}.chat-tip-token-switch button:disabled{opacity:.5}.chat-tip-input-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.chat-tip-amount-input{width:100%}.chat-tip-send{min-width:138px;border-color:#4a4070;background:linear-gradient(140deg,#7c3aed,#8b5cf6);font-weight:600}.chat-tip-send:hover:not(:disabled){background:linear-gradient(140deg,#6d28d9,#7c3aed)}.chat-tip-send:disabled{background:#3528548c}.chat-tip-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--muted)}.chat-tip-meta>span:first-child{color:var(--text);font-weight:600}.chat-tip-warning{margin:0;font-size:.76rem;color:#fca5a5}.chat-tip-toggle{min-width:68px}.chat-tip-toggle.active{border-color:var(--border-strong);background:#8b5cf633}.trade-compose-panel{grid-column:1 / -1;display:grid;gap:7px;border:1px solid rgba(245,158,11,.28);border-radius:13px;padding:9px 10px;box-sizing:border-box;background:radial-gradient(120% 120% at 100% 0%,rgba(249,115,22,.12),transparent 42%),linear-gradient(160deg,#22160a4d,#11111bf5);box-shadow:0 12px 24px #0000002e}.trade-compose-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.trade-compose-header-meta{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.trade-compose-header strong{font-size:.92rem;letter-spacing:-.01em}.trade-compose-header span{font-size:.72rem;line-height:1.35;color:var(--muted)}.trade-compose-header-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(167,139,250,.28);border-radius:999px;background:#181828eb;color:#c4b5fd;text-decoration:none;padding:4px 10px;font-size:.72rem;font-weight:700;line-height:1.2;transition:border-color .16s ease,color .16s ease,background .16s ease}.trade-compose-header-link:hover{border-color:#a78bfa70;color:var(--text);background:#1f1f34f5}.trade-compose-warning{padding:6px 8px;border-radius:9px;border:1px solid rgba(245,158,11,.24);background:linear-gradient(180deg,#44270a47,#2b180933)}.trade-compose-warning summary{list-style:none;cursor:pointer;font-size:.74rem;font-weight:700;line-height:1.4;color:#fcd34d}.trade-compose-warning summary::-webkit-details-marker{display:none}.trade-compose-warning summary:after{content:"+";float:right;color:#ffffffb8}.trade-compose-warning[open] summary:after{content:"-"}.trade-compose-warning-body{display:grid;gap:6px;margin-top:8px}.trade-compose-fee-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;padding:6px 8px;border-radius:8px;border:1px solid var(--border);background:#0c0c1380}.trade-compose-fee-copy{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}.trade-compose-fee-segmented{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:2px;border:1px solid var(--border);border-radius:9px;background:#0a0a11b8}.trade-compose-field-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c4b5fd}.trade-compose-fee-value{font-size:.84rem;line-height:1.1}.trade-compose-fee-toggle{min-width:64px;min-height:28px;border:0;border-radius:7px;background:transparent;color:var(--muted);padding:2px 8px;font-size:.7rem;font-weight:700;cursor:pointer}.trade-compose-fee-toggle.active{background:#8b5cf63d;color:var(--text)}.trade-compose-fee-toggle.token.active{background:#22c55e2e}.trade-compose-fee-toggle:disabled{opacity:.55;cursor:not-allowed}.trade-compose-fee-error{grid-column:1 / -1}.trade-compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:10px;align-items:start}.trade-compose-section{display:grid;gap:6px;min-width:0;padding:8px;border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#11111bb8,#0b0b12cc);box-shadow:inset 0 1px #ffffff08}.trade-compose-section-sell{grid-column:1;border-color:#f43f5e47;background:linear-gradient(180deg,#4411203d,#0b0b12d1)}.trade-compose-section-buy{grid-column:3;border-color:#22c55e47;background:linear-gradient(180deg,#0f382338,#0b0b12d1)}.trade-compose-section-sell .trade-compose-section-header strong{color:#fda4af}.trade-compose-section-buy .trade-compose-section-header strong{color:#86efac}.trade-compose-section-sell .trade-compose-field-label{color:#fda4af}.trade-compose-section-buy .trade-compose-field-label{color:#86efac}.trade-compose-section-sell .trade-compose-token-meta{border-color:#f43f5e57;background:#3c121f66}.trade-compose-section-buy .trade-compose-token-meta{border-color:#22c55e57;background:#0d37205c}.trade-compose-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}.trade-compose-section-header strong{font-size:.88rem}.trade-compose-section-header span,.trade-compose-expiry span{font-size:.72rem;color:var(--muted)}.trade-compose-field{display:grid;gap:2px;min-width:0}.trade-compose-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.trade-compose-field-tools{display:inline-flex;align-items:center;gap:6px;min-width:0}.trade-compose-field-value{font-size:.76rem;font-weight:700;line-height:1.2;color:var(--text);text-align:right;white-space:nowrap}.trade-compose-section-sell .trade-compose-field-value{color:#fecdd3}.trade-compose-section-buy .trade-compose-field-value{color:#bbf7d0}.trade-compose-select,.trade-compose-input{width:100%;border:1px solid var(--border);border-radius:9px;background:var(--bg-elev-1);color:var(--text);padding:8px 10px;font-size:.81rem;min-height:36px}.trade-compose-select:focus,.trade-compose-input:focus{outline:1px solid var(--accent)}.trade-compose-select[aria-invalid=true],.trade-compose-input[aria-invalid=true]{border-color:#f43f5e6b}.trade-compose-token-meta{display:flex;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;padding:5px 7px;border-radius:7px;border:1px dashed rgba(120,113,166,.4);background:#0e0e1694;font-size:.74rem}.trade-compose-token-meta span{display:inline-flex;align-items:center;gap:6px;min-width:0}.trade-compose-icon-link{display:inline-flex;align-items:center;justify-content:flex-start;color:#c4b5fd;text-decoration:none;font-size:.74rem;font-weight:600}.trade-compose-icon-link:hover{color:var(--text)}.trade-compose-icon-link svg{width:13px;height:13px}.trade-compose-max{border:1px solid rgba(139,92,246,.34);border-radius:999px;background:#8b5cf61f;color:var(--text);padding:1px 7px;min-height:20px;font-size:.68rem;font-weight:700;cursor:pointer}.trade-compose-max:hover:not(:disabled){background:#8b5cf633}.trade-compose-max:disabled{opacity:.45;cursor:not-allowed}.trade-compose-field-error{margin:0;font-size:.72rem;line-height:1.25;color:#fca5a5}.trade-compose-swap-indicator{grid-column:2;width:32px;min-width:32px;height:32px;min-height:32px;border-radius:999px;border:1px solid rgba(167,139,250,.46);background:linear-gradient(90deg,#f43f5e2e,#1c182efa 50%,#22c55e2e);display:inline-flex;align-items:center;justify-content:center;color:#f5f3ff;padding:0;justify-self:center;align-self:center;box-shadow:0 8px 18px #0000003d}.trade-compose-swap-indicator:hover:not(:disabled){color:#fff;border-color:#c4b5fdc7;background:linear-gradient(90deg,#f43f5e42,#2b2049fa 50%,#22c55e3d)}.trade-compose-swap-indicator:disabled{opacity:.5}.trade-compose-swap-indicator svg{display:block;width:20px;height:20px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.chat-compose .trade-compose-swap-indicator{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}.trade-compose-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.trade-compose-bottom-compact{justify-content:flex-end}.trade-compose-preview{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap;justify-self:start;min-width:0}.trade-compose-preview strong{font-size:.76rem;line-height:1.25}.trade-compose-preview span{font-size:.7rem;line-height:1.25;color:var(--muted)}.trade-compose-footer{display:inline-grid;grid-template-columns:auto auto auto;gap:5px;align-items:center;justify-self:end;width:auto}.trade-compose-fee-row-inline{min-width:0;grid-template-columns:auto auto;justify-content:space-between;gap:6px;padding:0;border:0;background:transparent}.trade-compose-expiry{display:grid;grid-template-columns:auto 64px;gap:5px;align-items:center;min-width:0}.trade-compose-send{min-width:0;min-height:32px;padding:6px 12px;border-radius:8px;border-color:#7c2d12;background:linear-gradient(140deg,#9a3412,#ea580c);font-weight:700;white-space:nowrap;box-shadow:0 10px 20px #7c2d1233}.trade-compose-expiry>.trade-compose-input{min-width:0;text-align:center;min-height:32px;padding-block:6px}.trade-compose-fee-row-inline .trade-compose-fee-copy{align-items:center;gap:5px}.trade-compose-fee-row-inline .trade-compose-field-label{font-size:.64rem}.trade-compose-fee-row-inline .trade-compose-fee-value{font-size:.8rem}.trade-compose-fee-row-inline .trade-compose-fee-segmented{gap:2px;padding:1px;border-radius:8px}.trade-compose-fee-row-inline .trade-compose-fee-toggle{min-width:48px;min-height:26px;padding:2px 6px}.trade-compose-fee-row-inline .trade-compose-fee-error{grid-column:1 / -1}.trade-compose-expiry span{white-space:nowrap}.trade-compose-send:hover:not(:disabled){background:linear-gradient(140deg,#c2410c,#f97316)}.trade-compose-validation{padding:8px 10px;border-radius:9px;border:1px solid rgba(244,63,94,.24);background:#4c112133}.modal-backdrop{position:fixed;inset:0;background:#05050cb8;display:grid;place-items:center;z-index:50}.modal-card{width:min(520px,92vw);border:1px solid var(--border);border-radius:12px;background:#11111be6;-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}.quick-actions-modal{gap:10px}.quick-actions-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.quick-actions-tabs button{border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);border-radius:8px;padding:8px 10px;font-size:.82rem;cursor:pointer}.quick-actions-tabs button:hover{background:#8b5cf629}.quick-actions-tabs button.active{border-color:var(--accent);background:#8b5cf629}.quick-actions-form{margin-top:4px}.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-brand-logo{width:28px;height:28px;border-radius:7px}.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:#8b5cf629}.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;padding:10px;gap:10px;overflow:hidden;-webkit-overflow-scrolling:touch}.contacts-sidebar .contact-profile-card .contacts-list{max-height:none}.contacts-sidebar .contact-profile-card-scroll{flex:1 1 0!important;min-height:0;overflow:hidden}.contacts-sidebar .contacts-list-scroll{min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.contacts-sidebar .contacts-main-list,.contacts-sidebar .groups-main-list{flex:1 1 0;min-height:0}.contact-actions-grid{grid-template-columns:minmax(0,1fr)}.contacts-sidebar .groups-invites-list{max-height:34%}.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:6px;padding:8px}.chat-header>strong{grid-column:1 / -1;width:100%;min-width:0;font-size:.95rem}.chat-header-actions{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px}.chat-header-state{grid-column:1 / -1;white-space:normal}.chat-header-sync{grid-column:1 / -1;justify-content:center}.chat-header>.contact,.chat-header-actions .contact{width:100%;min-width:0;justify-content:center;padding:8px 10px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header.chat-header-group{grid-template-columns:minmax(0,1fr);grid-template-areas:"meta" "controls" "actions"}.chat-header .group-header-meta{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start}.chat-header .group-header-meta .group-title-stack{width:100%;min-width:0}.chat-header .group-header-meta .group-title-stack>strong{width:100%;min-width:0;max-width:none;font-size:.95rem;line-height:1.2}.chat-header .group-header-meta .group-meta-dropdowns{width:100%;gap:6px}.chat-header .group-header-controls{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px}.chat-header .group-header-meta .group-members-dropdown>summary{width:100%;min-width:0;height:34px;padding:0 10px;justify-content:center}.chat-header .group-header-controls .contact{width:100%;min-width:0;height:34px;padding:0 10px;font-size:.8rem}.chat-header .group-header-controls .group-invite-menu{width:100%}.chat-header .group-header-controls .group-invite-menu>summary{width:100%;min-width:0;justify-content:center}.chat-header .group-mobile-options-panel{grid-column:1 / -1;width:100%;border:1px solid rgba(97,80,148,.4);border-radius:12px;background:linear-gradient(180deg,#171726eb,#0a0a11f0);padding:9px;gap:9px}.chat-header .group-mobile-options-panel .group-mobile-section{padding:8px;gap:7px;border-color:#61509459;background:#141420d6}.chat-header .group-mobile-options-panel .group-mobile-section-header{align-items:center}.chat-header .group-mobile-options-panel .group-mobile-section-subtitle{white-space:normal}.chat-header .group-mobile-options-panel .group-invite-menu-mobile{width:100%}.chat-header .group-mobile-options-panel .group-invite-menu-mobile>summary{width:100%;justify-content:center}.chat-header .group-mobile-options-panel .group-invite-menu-mobile>.group-invite-menu-panel{position:static;width:100%;margin-top:8px;max-width:none;box-shadow:none;border-color:#61509459;background:#12121ed9}.chat-header .group-mobile-options-panel .group-invite-menu-mobile .group-header-invite-row{grid-template-columns:minmax(0,1fr) var(--group-header-ttl-width);grid-template-areas:"address ttl" "submit submit"}.chat-header .group-mobile-options-panel .group-invite-menu-mobile .group-header-invite-address{grid-area:address}.chat-header .group-mobile-options-panel .group-invite-menu-mobile .group-header-invite-ttl-wrap{grid-area:ttl;width:var(--group-header-ttl-width);min-width:var(--group-header-ttl-width);max-width:var(--group-header-ttl-width)}.chat-header .group-mobile-options-panel .group-invite-menu-mobile .group-header-primary-btn{grid-area:submit;width:100%}.chat-header .group-mobile-options-panel .group-invite-menu-mobile .group-generated-code-compact{grid-template-columns:minmax(0,1fr)}.chat-header .group-mobile-options-panel .group-invite-menu-mobile .group-generated-code-compact .group-generated-code-copy{width:100%}.chat-header .group-mobile-options-panel .group-mobile-options-actions{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.chat-header .group-mobile-options-panel .group-mobile-options-actions .contact{width:100%;min-width:0}.chat-header .group-mobile-options-panel .group-join-code-settings{grid-template-columns:1fr;align-items:start;padding:6px;gap:6px}.chat-header .group-mobile-options-panel .group-join-code-settings .group-join-code-label{display:none}.chat-header .group-mobile-options-panel .group-join-code-main{width:100%;align-items:stretch;flex-wrap:wrap;gap:7px}.chat-header .group-mobile-options-panel .group-join-code-main-left{width:100%;display:grid;gap:7px}.chat-header .group-mobile-options-panel .group-join-code-mode{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.chat-header .group-mobile-options-panel .group-join-code-mode-option{justify-content:center}.chat-header .group-mobile-options-panel .group-join-code-generate{width:100%;margin-left:0;height:32px}.chat-header .group-mobile-options-panel .group-join-code-max{justify-content:space-between;width:100%}.chat-header .group-mobile-options-panel .group-join-code-hint{width:100%}.chat-header .group-mobile-options-panel .group-generated-code{grid-template-columns:minmax(0,1fr) auto}.chat-header .group-mobile-options-panel .group-generated-code button{width:auto;min-width:96px}.chat-header .group-mobile-options-panel .group-active-codes-dropdown{width:100%}.chat-header .group-mobile-options-panel .group-active-codes-dropdown>summary{width:100%;justify-content:center}.chat-header .group-mobile-options-panel .group-active-codes-list{left:0;width:100%;max-width:none}.chat-header .group-mobile-options-panel .group-active-code-row{grid-template-columns:minmax(0,1fr)}.chat-header .group-mobile-options-panel .group-active-code-row>.group-generated-code-copy,.chat-header .group-mobile-options-panel .group-active-code-row>.group-active-code-revoke{width:100%;min-width:0}.chat-messages{padding:10px;gap:8px}.quick-actions-tabs{grid-template-columns:minmax(0,1fr)}.chat-compose{--chat-compose-padding: 10px;gap:8px}.group-fee-toggle-compact{padding:6px 10px;font-size:.7rem}.chat-compose-main,.group-compose-main{gap:10px}.chat-compose-entry,.group-compose-entry{grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.chat-compose-entry>.chat-compose-editor,.group-compose-entry>.chat-compose-editor{min-height:56px}.chat-compose-actions,.group-compose-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.chat-image-attach{grid-template-columns:minmax(0,1fr)}.chat-compose button{width:100%;min-width:0;min-height:44px;white-space:nowrap;padding:11px 12px}.chat-compose-entry>.chat-compose-send,.group-compose-entry>.chat-compose-send{width:48px;min-width:48px;min-height:48px;padding:0}.group-compose-actions>.group-fee-toggle-compact{width:100%;min-width:0}.chat-tip-token-switch{width:100%;min-width:0}.chat-tip-token-switch button{width:100%}.chat-tip-input-row{grid-template-columns:minmax(0,1fr)}.group-tip-recipient-row{grid-template-columns:minmax(0,1fr);gap:6px}.chat-tip-send{width:100%;min-width:0}.chat-tip-meta{flex-direction:column;align-items:flex-start;gap:4px}.trade-card-grid,.trade-card-summary,.trade-compose-grid{grid-template-columns:minmax(0,1fr);gap:8px}.trade-card-title-row{align-items:flex-start}.trade-card-toggle{padding-inline:9px}.trade-card-meta-inline{gap:6px;justify-content:flex-start}.trade-compose-panel{gap:8px;padding:9px;border-radius:12px}.trade-compose-header{align-items:flex-start}.trade-compose-header-meta{gap:6px}.trade-compose-section{padding:8px;gap:6px}.trade-compose-section-sell,.trade-compose-section-buy{grid-column:auto}.trade-compose-swap-indicator{position:static;left:auto;top:auto;transform:none;grid-column:auto;width:26px;min-width:26px;height:26px;min-height:26px;margin-inline:auto}.trade-compose-section-header{gap:4px}.trade-compose-fee-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px}.trade-compose-fee-segmented{width:auto}.trade-compose-token-meta,.trade-card-meta{align-items:flex-start}.trade-compose-field-head,.trade-compose-preview,.trade-compose-field-tools{gap:6px}.trade-compose-preview{justify-self:stretch;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:8px;background:#0c0c137a;padding:6px 7px}.trade-compose-bottom{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.trade-compose-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(108px,1fr);grid-template-areas:"fee fee" "expiry send";gap:5px 8px;width:100%}.trade-compose-fee-row-inline{grid-area:fee;padding-inline:1px}.trade-compose-expiry{grid-area:expiry;grid-template-columns:auto 58px;gap:6px;align-items:center}.trade-compose-expiry>.trade-compose-input{min-height:30px;padding-block:5px;text-align:center}.trade-compose-fee-toggle{min-width:58px;min-height:24px;padding-inline:6px;font-size:.68rem}.trade-compose-fee-row-inline .trade-compose-fee-copy{gap:4px}.trade-compose-fee-row-inline .trade-compose-fee-value{font-size:.78rem}.trade-compose-expiry span{font-size:.68rem;white-space:nowrap}.trade-compose-send{grid-area:send;min-height:34px;padding:6px 12px}.chat-compose .trade-compose-fee-toggle,.chat-compose .trade-compose-max,.chat-compose .trade-compose-swap-indicator{width:auto;padding:0}.trade-compose-expiry,.trade-compose-send{min-width:0}.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:#0a0a11eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);box-shadow:0 -8px 20px #05050c73;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}}