@charset "UTF-8";:root{--bg-primary: #090d16;--bg-secondary: #0f1626;--bg-card: rgba(18, 25, 41, .7);--bg-card-hover: rgba(30, 41, 64, .85);--bg-input: #151d2f;--border-subtle: rgba(255, 255, 255, .08);--border-focus: rgba(16, 185, 129, .5);--text-main: #f3f4f6;--text-muted: #94a3b8;--text-dim: #64748b;--accent-primary: #10b981;--accent-primary-hover: #059669;--accent-glow: rgba(16, 185, 129, .25);--accent-secondary: #06b6d4;--accent-purple: #8b5cf6;--accent-danger: #ef4444;--bubble-me: linear-gradient(135deg, #059669 0%, #10b981 100%);--bubble-remote: #182235;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-full: 9999px;--shadow-card: 0 10px 25px -5px rgba(0, 0, 0, .4), 0 0 1px 1px rgba(255, 255, 255, .05);--shadow-bubble: 0 3px 10px rgba(0, 0, 0, .25);--transition-fast: .16s cubic-bezier(.16, 1, .3, 1);--transition-smooth: .28s cubic-bezier(.16, 1, .3, 1)}[hidden]{display:none!important}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{color-scheme:dark;width:100%;height:100dvh;min-height:100dvh;overflow:hidden;position:fixed}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(circle at 10% 10%,rgba(16,185,129,.06) 0px,transparent 40%),radial-gradient(circle at 90% 90%,rgba(6,182,212,.05) 0px,transparent 40%);color:var(--text-main);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}button{font-family:inherit;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--text-main);user-select:none}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font-family:inherit;color:var(--text-main);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.app-header{height:54px;padding:0 16px;background:#090d16d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;z-index:20;flex-shrink:0}.brand{display:flex;align-items:center;gap:8px}.brand-title{font-size:1.05rem;font-weight:700;letter-spacing:-.01em}.status-indicator-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-indicator-dot.green{background:#10b981;box-shadow:0 0 8px #10b981}.status-indicator-dot.yellow{background:#f59e0b;box-shadow:0 0 8px #f59e0b;animation:dotPulse 1.5s infinite}.status-indicator-dot.red{background:#ef4444}.status-indicator-dot.gray{display:none}.connect-sub-tip{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:.72rem;color:var(--text-dim);padding:0 4px}.btn-text-link{font-size:.72rem;color:#34d399;text-decoration:underline;cursor:pointer;padding:0 2px}.btn-text-link:hover{color:#6ee7b7}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.brand-sub{font-size:.68rem;color:var(--text-dim);line-height:1}.header-right{display:flex;align-items:center;gap:6px}.net-status-badge{display:flex;align-items:center;gap:5px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px 8px;font-size:.74rem;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.net-status-badge:hover{background:#ffffff14;border-color:#fff3}.net-status-badge .net-dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0}.net-status-badge.cellular .net-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.net-status-badge.cellular{border-color:#f59e0b4d;color:#fbbf24}.my-id-chip{display:flex;align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px 8px;gap:5px;font-size:.78rem;white-space:nowrap;flex-shrink:0}.my-id-chip:hover{background:#ffffff14;border-color:#ffffff26}.chip-label{color:var(--text-dim);font-size:.72rem}.chip-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;font-weight:600;color:#34d399}.chip-icon{color:var(--text-muted)}.btn-tool{width:32px;height:32px;border-radius:8px;color:var(--text-muted)}.btn-tool:hover{background:#ffffff14;color:var(--text-main)}.lang-dropdown{position:relative;display:inline-block}.btn-lang-trigger{display:flex;align-items:center;gap:5px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-main);font-size:.78rem;font-weight:500;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-lang-trigger:hover{background:#ffffff1a;border-color:#fff3}.chevron-icon{color:var(--text-muted);transition:transform var(--transition-fast)}.lang-dropdown.open .chevron-icon{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:120px;background:#111827f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);box-shadow:0 12px 30px #0009;padding:4px;display:none;flex-direction:column;gap:2px;z-index:60;animation:dropdownIn .15s cubic-bezier(.16,1,.3,1)}.lang-dropdown.open .lang-menu{display:flex}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-option{padding:6px 12px;font-size:.8rem;color:#cbd5e1;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;user-select:none}.lang-option:hover{background:#ffffff14;color:#fff}.lang-option.active{background:#10b98126;color:#34d399;font-weight:600}.app-container{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%}.connect-strip{padding:8px 16px;background:#0f162680;border-bottom:1px solid var(--border-subtle);flex-shrink:0;transition:all var(--transition-smooth)}.connect-strip-inner{max-width:800px;margin:0 auto}.connect-action-row{display:flex;gap:8px;align-items:center}.input-search-field{flex:1;position:relative;display:flex;align-items:center}.input-search-field .search-icon{position:absolute;left:10px;color:var(--text-dim);pointer-events:none}.input-search-field input{width:100%;padding-left:32px;padding-right:10px;height:38px;background:#151d2fcc;font-size:.86rem;border-radius:var(--radius-sm)}.btn-connect{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:0 14px;min-width:82px;height:38px;font-weight:600;border-radius:var(--radius-sm);box-shadow:0 2px 8px #10b9814d;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .2s ease}.btn-connect:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:btn-spin .75s cubic-bezier(.4,0,.2,1) infinite;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-twin{background:#ffffff0d;border:1px solid var(--border-subtle);height:38px;padding:0 12px;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0}.btn-twin:hover{background:#ffffff1a;color:var(--text-main)}.connected-strip-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);font-size:.8rem}.connected-badge{display:flex;align-items:center;gap:6px;color:#34d399}.live-pulse{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}.zap-icon{font-size:.85rem;color:#10b981}.target-peer-tag{font-family:ui-monospace,SFMono-Regular,monospace;color:#fff;background:#ffffff1a;padding:1px 6px;border-radius:4px}.btn-ghost-danger{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#f87171;background:#ef44441f}.btn-ghost-danger:hover{background:#ef444440}.chat-scroll-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;overscroll-behavior:contain}.welcome-card{margin:auto;max-width:480px;width:100%;text-align:center;padding:28px 20px;background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;gap:12px}.welcome-badge{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#10b98126,#06b6d426);display:flex;align-items:center;justify-content:center;color:#34d399}.welcome-heading{font-size:1.15rem;font-weight:600}.welcome-text{font-size:.82rem;color:var(--text-muted);line-height:1.5}.welcome-actions{margin-top:4px}.btn-outline-action{background:#ffffff0a;border:1px solid var(--border-subtle);padding:8px 16px;border-radius:var(--radius-full);font-size:.82rem;color:var(--text-main)}.btn-outline-action:hover{background:#ffffff14;border-color:#ffffff2e}.micro-features{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:10px;text-align:left}.micro-feat{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff05;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.03)}.micro-feat-icon{font-size:1.1rem}.micro-feat strong{display:block;font-size:.78rem;color:var(--text-main)}.micro-feat small{display:block;font-size:.7rem;color:var(--text-dim)}.message-row{display:flex;width:100%}.message-row.me{justify-content:flex-end}.message-row.remote{justify-content:flex-start}.message-row.system{justify-content:center}.bubble-container{max-width:82%;display:flex;flex-direction:column;gap:3px}.message-row.me .bubble-container{align-items:flex-end}.message-row.remote .bubble-container{align-items:flex-start}.bubble{padding:9px 13px;border-radius:var(--radius-md);font-size:.9rem;line-height:1.45;word-break:break-word;box-shadow:var(--shadow-bubble)}.message-row.me .bubble{background:var(--bubble-me);color:#fff;border-bottom-right-radius:4px}.message-row.remote .bubble{background:var(--bubble-remote);color:var(--text-main);border:1px solid var(--border-subtle);border-bottom-left-radius:4px}.message-row .bubble.damaged{background:transparent;color:var(--text-muted);border:1px dashed var(--border-subtle);font-style:italic;box-shadow:none}.message-row.system .bubble{background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-dim);font-size:.74rem;border-radius:var(--radius-full);padding:3px 12px}.msg-meta{font-size:.68rem;color:var(--text-dim);padding:0 4px}.image-bubble-img{max-width:260px;max-height:220px;border-radius:var(--radius-sm);display:block;cursor:zoom-in}.image-bubble{position:relative}.image-bubble-img:not([src]){width:160px;height:120px;background:var(--bg-input)}.image-badge{position:absolute;left:8px;bottom:8px;padding:1px 6px;border-radius:var(--radius-xs);background:#0009;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.04em;pointer-events:none}.file-card{min-width:220px;max-width:300px;background:#00000040;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;gap:6px}.file-header{display:flex;align-items:center;gap:8px}.file-icon{width:32px;height:32px;border-radius:6px;background:#06b6d426;color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-details{flex:1;overflow:hidden}.file-name{font-weight:600;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta-row{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-dim)}.progress-track{width:100%;height:5px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);width:0%;transition:width .15s ease-out}.file-actions{display:flex;justify-content:flex-end}.btn-download{font-size:.74rem;padding:3px 8px;background:#10b981;color:#fff;border-radius:5px;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.app-footer{position:relative;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#090d16e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);flex-shrink:0;z-index:20}.input-panel{max-width:800px;margin:0 auto;display:flex;align-items:flex-end;gap:6px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:5px 6px 5px 10px;box-shadow:var(--shadow-card)}.input-panel:focus-within{border-color:var(--border-focus)}.input-actions-left{display:flex;align-items:center;gap:2px}.btn-attach{width:34px;height:34px;border-radius:8px;color:var(--text-muted)}.btn-attach:hover{background:#ffffff14;color:var(--text-main)}.btn-attach[aria-expanded=true]{background:#ffffff14;color:var(--accent-primary)}.emoji-panel{position:absolute;bottom:calc(100% + 6px);left:12px;width:min(360px,calc(100% - 24px));max-height:min(320px,50dvh);overflow-y:auto;padding:8px 10px 10px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);z-index:30}.emoji-group-title{margin:6px 4px 4px;font-size:.68rem;color:var(--text-dim)}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.emoji-option{height:38px;border-radius:var(--radius-xs);font-size:1.4rem;line-height:1}.emoji-option:hover,.emoji-option:focus-visible{background:#ffffff14;outline:none}.message-row .bubble.emoji-only{background:transparent;border:none;box-shadow:none;padding:0 2px;font-size:2.6rem;line-height:1.15}.chat-input-textarea{flex:1;min-height:22px;max-height:100px;background:transparent;border:none;resize:none;padding:5px 4px;font-size:.9rem;line-height:1.4;color:var(--text-main);box-shadow:none!important;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.chat-input-textarea::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.chat-input-textarea::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}.btn-send-main{width:34px;height:34px;border-radius:8px;background:var(--accent-primary);color:#fff;flex-shrink:0}.btn-send-main:hover:not(:disabled){background:var(--accent-primary-hover)}.drag-overlay{position:absolute;inset:0;background:#059669d9;backdrop-filter:blur(8px);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.drag-overlay.active{opacity:1}.drag-overlay-box{border:2px dashed rgba(255,255,255,.6);border-radius:var(--radius-lg);padding:30px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}dialog{border:none;background:transparent;padding:0;margin:auto;max-width:90vw}dialog::backdrop{background:#000000b3;backdrop-filter:blur(8px)}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;width:340px;max-width:90vw;box-shadow:0 20px 40px #0009;display:flex;flex-direction:column;gap:14px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h3{font-size:1.05rem;font-weight:600}.btn-close-modal{width:28px;height:28px;border-radius:6px;color:var(--text-dim)}.modal-desc{font-size:.8rem;color:var(--text-muted)}.qr-canvas-box{display:flex;justify-content:center;background:#fff;padding:12px;border-radius:var(--radius-md);margin:0 auto}.qr-canvas-box canvas{display:block}.modal-input{width:100%;height:38px;padding:0 10px;font-size:.88rem}.modal-actions-row{display:flex;justify-content:flex-end;gap:8px}.btn-action-primary{background:var(--accent-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600}.btn-action-secondary{background:#ffffff0d;border:1px solid var(--border-subtle);padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-muted)}.menu-list{display:flex;flex-direction:column;gap:6px}.menu-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid var(--border-subtle);text-align:left;width:100%}.menu-item:hover{background:#ffffff0f}.menu-item-icon{font-size:1.1rem}.menu-item-content{display:flex;flex-direction:column}.menu-item-title{font-size:.84rem;font-weight:600}.menu-item-sub{font-size:.7rem;color:var(--text-dim)}.menu-item.danger .menu-item-title{color:#f87171}.toast-container{position:fixed;bottom:74px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:100;pointer-events:none;width:max-content;max-width:90vw}.toast{background:#0f1626f2;border:1px solid var(--border-subtle);backdrop-filter:blur(12px);padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;color:var(--text-main);box-shadow:0 4px 16px #0006;animation:toastIn .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:6px}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lightbox-overlay{position:fixed;inset:0;background:#000000eb;backdrop-filter:blur(10px);z-index:99;display:flex;align-items:center;justify-content:center}.lightbox-img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px}@media(max-width:640px){.app-header{padding:0 8px;gap:4px}.header-right{gap:4px}.brand-sub,#net-label{display:none}.net-status-badge{padding:5px 6px}.my-id-chip{padding:3px 6px;font-size:.72rem;max-width:90px;overflow:hidden}.my-id-chip .chip-label{display:none}.my-id-chip .chip-id{font-size:.72rem}.lang-text-desktop,.btn-lang-trigger .chevron-icon{display:none}.btn-lang-trigger{padding:5px 6px;width:30px;height:30px;justify-content:center}.btn-tool{width:30px;height:30px}.desktop-only{display:none}.bubble-container{max-width:88%}.welcome-card{padding:20px 14px}.micro-features{display:none}}.delivery-status[data-status=unknown],.delivery-status[data-status=failed]{color:#fbbf24}.btn-message-retry{margin-left:6px;color:var(--accent-primary);border:0;background:transparent;cursor:pointer;font:inherit}.btn-message-retry[hidden]{display:none}.connection-details{display:flex;justify-content:space-between;gap:8px;padding:5px 16px;font-size:.7rem;color:var(--text-muted)}.connection-status-lines{display:flex;flex-direction:column;gap:2px;min-width:0}.connection-route{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--text-dim)}.connection-route.relay{color:#d69e3b}button:disabled{cursor:not-allowed;opacity:.45}.btn-resume-file{border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);padding:3px 8px;border-radius:5px;cursor:pointer}.btn-resume-file[hidden]{display:none}.file-location{font-size:.7rem;overflow-wrap:anywhere}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:282px minmax(0,1fr);overflow:hidden}.conversation-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border-subtle);background:#0d1421d9}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:28px 22px 12px}.sidebar-heading h2{font-size:1.3rem;letter-spacing:-.03em;margin-top:5px}.conversation-eyebrow{color:var(--text-dim);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.btn-add-conversation{width:34px;height:34px;font-size:1.45rem;background:#10b9811f;color:#6ee7b7;border:1px solid rgba(16,185,129,.2)}.btn-add-conversation:hover{background:#10b9813d}.sidebar-caption{padding:0 22px 22px;color:var(--text-dim);font-size:.72rem;line-height:1.6}.conversation-list{overflow-y:auto;flex:1;min-height:0;padding:0 10px 12px}.conversation-item{width:100%;padding:13px 11px;display:flex;justify-content:flex-start;gap:11px;text-align:left;margin-bottom:5px;border:1px solid transparent;border-radius:12px}.conversation-item:hover{background:var(--bg-card-hover)}.conversation-item.selected{background:#10b98117;border-color:#10b98133}.conversation-avatar{width:39px;height:39px;flex-shrink:0;display:grid;place-items:center;border-radius:12px;background:#1a2a37;color:#a7e7d1;font-size:.8rem;letter-spacing:.02em}.conversation-info{display:flex;flex-direction:column;min-width:0;gap:5px;flex:1}.conversation-info strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-status{font-size:.68rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-status[data-status=connected]{color:#34d399}.conversation-status[data-status=reconnecting],.conversation-status[data-status=checking]{color:#fbbf24}.unread-badge{background:var(--accent-primary);color:#06251e;min-width:20px;height:20px;border-radius:10px;padding:0 5px;display:grid;place-items:center;font-size:.65rem;font-weight:700}.conversation-list-empty{text-align:center;color:var(--text-dim);padding:35px 15px;margin:auto 0;font-size:.8rem}.conversation-list-empty p{margin:14px 0 20px}.empty-list-icon{font-size:2.3rem;color:#334858}.conversation-list:empty{flex:0}.sidebar-footer{display:flex;align-items:center;gap:8px;padding:17px 22px;margin-top:auto;border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:.68rem}.sidebar-history{padding:10px 22px;color:var(--text-dim);font-size:.68rem;line-height:1.6}.history-settings{padding:12px 9px;margin:5px 0;border-block:1px solid var(--border-subtle)}.history-setting{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:.84rem;cursor:pointer}.history-setting input{width:18px;height:18px;accent-color:var(--accent-primary);flex-shrink:0}.history-settings p{color:var(--text-dim);font-size:.7rem;line-height:1.6;margin:9px 0}.history-state{display:block;color:#6ee7b7;font-size:.68rem;margin:8px 0}#menu-dialog .modal-card{max-height:82dvh;overflow-y:auto}.file-decision{display:inline-flex;gap:6px}.file-decision[hidden]{display:none}.btn-accept-file,.btn-reject-file{padding:3px 10px;font-size:.72rem;border-radius:var(--radius-xs);cursor:pointer}.btn-accept-file{background:var(--accent-primary);color:#fff;border:0}.btn-reject-file{background:transparent;color:var(--text-muted);border:1px solid var(--border-subtle)}.sidebar-signal-dot{width:6px;height:6px;border-radius:50%;background:#d69e3b;flex:none}.sidebar-footer-lines{display:flex;flex-direction:column;gap:3px;min-width:0}.sidebar-network{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.sidebar-network.symmetric{color:#d69e3b}.sidebar-signal-dot.online{background:#34d399}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-panel .app-container{min-height:0;height:auto}.conversation-header{display:flex;align-items:center;gap:12px;min-height:77px;padding:17px 25px;border-bottom:1px solid var(--border-subtle);background:#0d14218c}.conversation-title{display:flex;flex:1;flex-direction:column;min-width:0;gap:6px}.conversation-title strong{font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#btn-back-conversations{display:none;flex-shrink:0;font-size:1.25rem}.chat-panel .connection-details{padding:10px 25px;font-size:.68rem}.chat-panel .chat-scroll-area{padding:20px 25px}.chat-panel .app-footer{padding:14px 24px max(14px,env(safe-area-inset-bottom))}.chat-panel .emoji-panel{left:24px;width:min(360px,calc(100% - 48px))}.chat-panel .input-panel{max-width:100%}.add-user-hint{color:var(--text-muted);font-size:.8rem;line-height:1.7;margin:0 0 20px}#add-user-dialog{width:min(540px,calc(100vw - 28px))}#add-user-dialog .modal-card{width:100%}#add-user-dialog .connect-action-row{flex-wrap:wrap}#add-user-dialog .input-search-field{flex-basis:100%}#add-user-dialog .btn-connect{flex:1}.conversation-header .btn-outline-action{padding:7px 12px;font-size:.72rem}@media(max-width:740px){.workspace{grid-template-columns:minmax(0,1fr)}.chat-panel,.workspace.chat-open .conversation-sidebar{display:none}.workspace.chat-open .chat-panel{display:flex}.conversation-sidebar{border-right:0}.sidebar-heading{padding-top:24px}#btn-back-conversations{display:inline-flex}.conversation-header{min-height:65px;padding:12px;gap:8px}.chat-panel .connection-details{padding:8px 15px}.chat-panel .chat-scroll-area{padding:12px 15px}.chat-panel .app-footer{padding:8px 10px max(8px,env(safe-area-inset-bottom))}.chat-panel .emoji-panel{left:10px;width:calc(100% - 20px)}.conversation-title strong{font-size:.8rem}}