:root{--bg:#0f1115;--panel:#161a21;--panel-2:#1d222b;--border:#272d38;--text:#e6e8ec;--muted:#8a92a3;--accent:#5b9cff;--mine:#1f3354;--ok:#3ecf8e;--warn:#f2b84b;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}.error{color:#ff7b7b;margin:8px 16px}.login{display:flex;flex-direction:column;gap:12px;max-width:320px;margin:20vh auto}.login input,.composer textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}.login button,.composer button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.layout{display:grid;grid-template-columns:340px 1fr;height:100vh}.sidebar{display:flex;background:var(--panel);border-right:1px solid var(--border);flex-direction:column;min-height:0}.sidebar>header,.sidebar>footer{display:flex;justify-content:space-between;align-items: center;padding:12px 16px}.sidebar>footer{border-top:1px solid var(--border);font-size:12px}.dot{background:#ff7b7b;border-radius:50%;width:8px;height:8px}.dot.online{background:var(--ok)}.tabs{display:flex;gap:4px;padding:0 12px 8px}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:6px}.tabs button.active{color:var(--text);border-color:var(--accent)}.list{list-style:none;overflow-y:auto;flex:1;margin:0;padding:0}.list li{border-bottom:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 16px}.list li:hover,.list li.selected{background:var(--panel-2)}.list li.closed{opacity:.5}.list li.empty{cursor:default}.row{display:flex;justify-content:space-between;gap:8px}.row>.muted{white-space:nowrap}.name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-text{white-space:pre-wrap;word-break:break-word}.address{color:var(--accent);font-family:ui-monospace,monospace;font-size:12px}.tag{display:inline-block;background:var(--panel-2);border:1px solid var(--border);border-radius:4px;margin-right:6px;padding:0 5px;font-family:ui-monospace,monospace;font-size:11px}.kind{text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.kind.request{color:var(--warn)}.kind.offer{color:var(--ok)}.kind.info{color:var(--accent)}.link{color:var(--muted);text-decoration:underline;background:0 0;border:none}.chat{display:flex;flex-direction:column;min-height:0}.placeholder{margin:auto}.chat-header{display:flex;border-bottom:1px solid var(--border);background:var(--panel);flex-direction:column;gap:2px;padding:12px 20px}.chat-header .muted{font-size:12px}.messages{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:10px;padding:16px 20px}.message{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;align-self: flex-start;max-width:75%;padding:8px 12px}.message.mine{background:var(--mine);align-self: flex-end}.message .meta{display:flex;gap:10px;margin-bottom:4px;font-size:12px}.message .from{color:var(--accent);font-family:ui-monospace,monospace}.message .text{white-space:pre-wrap;word-break:break-word}.composer{display:flex;border-top:1px solid var(--border);gap:8px;padding:12px 20px}.composer textarea{resize:none;flex:1;height:64px}