:root{--text:#c8c8c8;--text-h:#f0f0f0;--bg:#080808;--border:#ffffff17;--code-bg:#0e0e0e;--accent:#00e87a;--accent-bg:#00e87a1f;--accent-border:#00e87a4d;--social-bg:#0e0e0e80;--shadow:0 0 0 1px #ffffff0a, 0 4px 24px #0009;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:"JetBrains Mono", ui-monospace, monospace;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--surface:#0e0e0e;--border:#ffffff17;--accent:#00e87a;--accent-dim:#00e87a1f;--accent-border:#00e87a4d;--text:#c8c8c8;--heading:#f0f0f0;--muted:#666;--mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, monospace;--sidebar-w:220px}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:14px}button{cursor:pointer;background:var(--accent);color:#000;border:1px solid var(--accent);font-size:13px;font-family:var(--mono);border-radius:6px;padding:4px 10px;font-weight:600;transition:all .15s}button:hover:not(:disabled){background:#0f8;border-color:#0f8}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:default}input{background:var(--surface);color:var(--heading);border:1px solid var(--border);font-size:13px;font-family:var(--mono);border-radius:6px;outline:none;width:100%;padding:6px 10px}input:focus{border-color:var(--accent-border)}.onboarding{flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:380px;height:100%;margin:0 auto;padding:2rem;display:flex}.onboarding h1{font-family:var(--mono);letter-spacing:-.5px;color:var(--heading);margin-bottom:4px;font-size:2rem;font-weight:700}.onboarding h1:before{content:"> ";color:var(--muted);font-weight:400}.onboarding .status{color:var(--muted);font-size:13px}.onboarding .status.connecting{color:var(--accent)}.onboarding .status.disconnected{color:#e06060}.onboarding-identity{text-align:center}.onboarding-identity .alias{font-size:1.1rem;font-weight:600;display:block}.onboarding-identity .peer-id{color:var(--muted);margin-top:2px;font-size:11px;display:block}.onboarding-hint{color:var(--muted);text-align:center;font-size:12px}.onboarding-hint.muted{color:var(--muted)}.onboarding-code{background:var(--surface);border:1px solid var(--border);color:var(--text);text-align:left;border-radius:4px;width:100%;padding:8px 12px;font-family:monospace;font-size:12px}.onboarding-section{border-top:1px solid var(--border);width:100%;padding-top:12px}.join-form{flex-direction:column;gap:8px;width:100%;display:flex}.join-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px}.saved-networks{flex-direction:column;gap:6px;width:100%;display:flex}.saved-network-chips{flex-wrap:wrap;gap:6px;display:flex}.network-chip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:20px;padding:4px 14px;font-size:13px}.network-chip:hover{border-color:var(--accent);color:var(--accent);background:var(--surface)}button.primary{background:var(--accent);width:100%;padding:8px;font-size:14px}.toggle-link{color:var(--muted);text-align:left;background:0 0;padding:4px 0;font-size:12px}.toggle-link:hover{color:var(--text)}.backup-panel{flex-direction:column;gap:8px;margin-top:8px;display:flex}.backup-form{flex-direction:column;gap:6px;display:flex}.backup-form textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);resize:vertical;border-radius:4px;width:100%;padding:6px 8px;font-size:11px}.export-result{flex-direction:column;gap:6px;display:flex}.export-result textarea{font-size:10px}.mono{font-family:monospace}details summary{color:var(--muted);cursor:pointer;font-size:12px}.chat-layout{grid-template-columns:var(--sidebar-w) 1fr;height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.sidebar-identity{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:12px 12px 10px;display:flex}.sidebar-identity .alias{font-size:14px;font-weight:600;display:block}.sidebar-identity .peer-id{color:var(--muted);margin-top:2px;font-family:monospace;font-size:10px;display:block}.sidebar-logout{color:var(--muted);background:0 0;flex-shrink:0;margin-left:auto;padding:2px 4px;font-size:14px}.sidebar-logout:hover{color:#e06060;background:0 0}.sidebar-section{border-bottom:1px solid var(--border);flex-direction:column;padding:8px 0;display:flex}.sidebar-section:last-child{border-bottom:none;flex:1}.sidebar-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:4px 12px 2px;font-size:10px}.sidebar-label-row{justify-content:space-between;align-items:center;padding-right:8px;display:flex}.sidebar-label-row .sidebar-label{padding-right:0}.sidebar-add{color:var(--muted);background:0 0;padding:0 4px;font-size:14px;line-height:1}.sidebar-add:hover{color:var(--accent);background:0 0}.sidebar-new-room{padding:2px 8px 4px}.sidebar-new-room input{padding:4px 8px;font-size:12px}.sidebar-item{color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:0;width:100%;padding:5px 12px;font-size:13px;overflow:hidden}.sidebar-item:hover{background:#ffffff0a}.sidebar-item.active{background:var(--accent);color:#000;font-weight:600}.sidebar-empty{color:var(--muted);padding:4px 12px;font-size:11px}.sidebar-peers{gap:0}.peer-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.peer-row{align-items:center;gap:6px;padding:4px 12px;display:flex}.peer-row-self{opacity:.7}.peer-row-you{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;margin-left:2px;font-size:10px}.peer-row:hover{background:#ffffff0a}.peer-row:hover .peer-row-actions{opacity:1}.peer-row-alias{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.peer-row-id{color:var(--muted);flex:1;font-family:monospace;font-size:10px}.peer-row-actions{opacity:0;gap:2px;margin-left:auto;transition:opacity .1s;display:flex}.peer-action{color:var(--muted);background:0 0;padding:1px 3px;font-size:14px;line-height:1}.peer-action:hover{color:var(--accent);background:0 0}.message-pane{flex-direction:column;min-width:0;height:100%;display:flex}.message-pane-header{border-bottom:1px solid var(--border);color:var(--text);padding:10px 16px;font-size:13px;font-weight:600}.messages{flex-direction:column;flex:1;padding:8px 0;display:flex;overflow-y:auto}.message{align-items:baseline;gap:0;padding:2px 16px;line-height:1.5;display:flex}.message:hover{background:#ffffff05}.message-ts{color:var(--muted);white-space:nowrap;flex-shrink:0;width:72px;font-size:11px}.message-alias{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:90px;padding-right:10px;font-size:13px;font-weight:600;overflow:hidden}.message.mine .message-alias{color:var(--accent)}.message-text{word-break:break-word;color:var(--text);font-size:14px}.compose{border-top:1px solid var(--border);gap:8px;padding:10px 16px;display:flex}.compose input{flex:1;width:auto}.compose button{flex-shrink:0}.transfer-row{border-bottom:1px solid var(--border);flex-direction:column;gap:3px;padding:6px 12px;display:flex}.transfer-row:last-child{border-bottom:none}.transfer-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.transfer-meta{color:var(--muted);font-size:10px}.transfer-actions{gap:4px;margin-top:2px;display:flex}.transfer-btn{padding:2px 8px;font-size:11px}.transfer-btn.accept{background:#3a7a3a}.transfer-btn.reject{background:#7a3a3a}.transfer-btn:hover{opacity:.85}.transfer-progress{background:var(--border);border-radius:2px;height:3px;margin-top:2px;overflow:hidden}.transfer-progress-bar{background:var(--accent);height:100%;transition:width .1s}.chat-layout.has-file-browser{grid-template-columns:var(--sidebar-w) 1fr 280px}.file-browser{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;display:flex}.file-browser-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.file-browser-title{font-size:13px;font-weight:600}.file-browser-close{color:var(--muted);background:0 0;padding:2px 6px;font-size:14px}.file-browser-close:hover{color:var(--text);background:0 0}.file-browser-empty{color:var(--muted);padding:16px 12px;font-size:13px}.file-list{flex:1;padding:4px 0;list-style:none;overflow-y:auto}.file-entry{align-items:center;gap:6px;padding:5px 12px;display:flex}.file-entry:hover{background:#ffffff0a}.file-entry-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.file-entry-size{color:var(--muted);flex-shrink:0;font-size:11px}.file-entry-dl{color:var(--accent);background:0 0;flex-shrink:0;padding:1px 4px;font-size:14px}.file-entry-dl:hover{background:var(--accent-dim)}.share-manager{flex-direction:column;gap:4px;width:100%;display:flex}.share-list{flex-direction:column;gap:2px;margin-bottom:2px;list-style:none;display:flex}.share-item{align-items:center;gap:4px;padding:2px 0;font-size:12px;display:flex}.share-icon{flex-shrink:0;font-size:11px}.share-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text);flex:1;overflow:hidden}.share-scope{color:var(--muted);flex-shrink:0;font-size:10px}.share-repick{color:var(--muted);background:0 0;flex-shrink:0;padding:0 3px;font-size:12px}.share-repick:hover{color:var(--accent);background:0 0}.share-remove{color:var(--muted);background:0 0;flex-shrink:0;padding:0 3px;font-size:11px}.share-remove:hover{color:#e06060;background:0 0}.folder-picker{flex-direction:column;gap:4px;width:100%;display:flex}.folder-picker-btn{background:var(--surface);color:var(--muted);border:1px solid var(--border);text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;width:100%;padding:5px 10px;font-size:12px;overflow:hidden}.folder-picker-btn:hover{color:var(--text);border-color:var(--accent);background:var(--surface)}.folder-picker-subfolders{color:var(--muted);cursor:pointer;align-items:center;gap:5px;font-size:11px;display:flex}.folder-picker-subfolders input{cursor:pointer;width:auto}.file-browser-toolbar{padding:6px 8px 0}.file-browser-search{padding:4px 8px;font-size:12px}.file-browser-breadcrumb{color:var(--muted);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:0;padding:4px 8px;font-size:11px;display:flex}.breadcrumb-seg{color:var(--muted);background:0 0;padding:0 2px;font-size:11px}.breadcrumb-seg:hover{color:var(--accent);background:0 0}.breadcrumb-sep{color:var(--border);padding:0 1px}.file-browser-sortbar{border-bottom:1px solid var(--border);gap:4px;padding:4px 8px;display:flex}.sort-btn{color:var(--muted);background:0 0;border-radius:3px;padding:1px 6px;font-size:11px}.sort-btn:hover{color:var(--text);background:#ffffff0d}.sort-btn.active{color:var(--accent);background:0 0}.file-entry-dir{cursor:pointer}.file-entry-dir:hover{background:#ffffff0a}.file-entry-icon{flex-shrink:0;font-size:12px}.history-divider{color:var(--muted);align-items:center;gap:8px;margin:10px 0 6px;font-size:11px;display:flex}.history-divider:before,.history-divider:after{content:"";background:var(--border);flex:1;height:1px}.msg-link{color:var(--accent);word-break:break-all;text-decoration:underline}.msg-link:hover{opacity:.8}.message-text{flex-direction:column;gap:4px;display:flex}.msg-image-preview{border:1px solid var(--border);object-fit:contain;border-radius:6px;max-width:320px;max-height:200px;margin-top:4px;display:block}.message-wrapper{flex-direction:column;padding:0;display:flex}.message-wrapper .message{padding:2px 16px}.reaction-add{color:var(--muted);opacity:0;background:0 0;flex-shrink:0;margin-left:4px;padding:0 4px;font-size:13px;line-height:1;transition:opacity .1s}.message-wrapper:hover .reaction-add{opacity:1}.reaction-add:hover{color:var(--accent);background:0 0}.reaction-picker{gap:4px;padding:4px 16px 2px;display:flex}.reaction-picker-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:2px 6px;font-size:18px;line-height:1.4}.reaction-picker-btn:hover{border-color:var(--accent);background:var(--accent-dim)}.reaction-bar{flex-wrap:wrap;gap:4px;padding:2px 16px 4px;display:flex}.reaction-chip{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:12px;padding:1px 8px;font-size:13px}.reaction-chip:hover{border-color:var(--accent);background:#00e87a1a}.reaction-chip.mine{border-color:var(--accent);background:#00e87a2e}.menu-btn-mobile{color:var(--muted);background:0 0;padding:0 8px 0 0;font-size:18px;line-height:1;display:none}.menu-btn-mobile:hover{color:var(--text);background:0 0}.sidebar-close-mobile{color:var(--muted);background:0 0;padding:2px 4px;font-size:14px;display:none}.sidebar-close-mobile:hover{color:var(--text);background:0 0}@media (width<=600px){:root{--sidebar-w:80vw}.chat-layout{grid-template-columns:1fr;position:relative}.sidebar{width:var(--sidebar-w);z-index:100;height:100%;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000080}.chat-layout.sidebar-open .sidebar{transform:translate(0)}.chat-layout.sidebar-open:before{content:"";z-index:99;background:#00000073;position:fixed;inset:0}.menu-btn-mobile,.sidebar-close-mobile{display:inline-block}.chat-layout>.message-pane{grid-column:1}.chat-layout.has-file-browser{grid-template-columns:1fr}.chat-layout.has-file-browser>.file-browser{border-left:none;border-top:1px solid var(--border);max-height:40vh;overflow-y:auto}.sidebar-item{padding:8px 12px;font-size:14px}.peer-row{padding:6px 12px}.peer-row-actions{opacity:1}.peer-action{padding:2px 6px;font-size:18px}.message{flex-wrap:wrap}.message-ts{width:auto;min-width:56px}.message-alias{width:auto}}