:root{color-scheme:dark;--bg: #0d1117;--panel: #141b24;--panel-alt: #101720;--accent: #2fbf8e;--accent-strong: #1f8f6b;--danger: #ef5b5b;--text: #e6edf3;--muted: #9aa7b8;--line: #1f2a38;--shadow: 0 20px 60px rgba(5, 10, 18, .6);font-size:16px}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}.topbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:16px 28px;border-bottom:1px solid var(--line);background:#0f151f}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.brand-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 16px #2fbf8e59}.topbar-actions{display:flex;align-items:center;gap:16px}.account-pill{padding:8px 14px;border-radius:12px;background:#111a24;border:1px solid #1d2a3b;font-size:.85rem;color:var(--text);cursor:pointer}.layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:20px;padding:16px 28px 28px;height:calc(100vh - 72px)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px #0308128c;display:flex;flex-direction:column;padding:18px;gap:14px;min-height:0}.sidebar{overflow:hidden;gap:12px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-title{font-weight:600;font-size:1.1rem}.panel-subtitle{color:var(--muted);font-size:.85rem}.session-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px;flex:1;min-height:180px}.session-item{border:1px solid transparent;border-radius:14px;padding:12px 14px;background:var(--panel-alt);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:12px}.session-item.active{border-color:#2fbf8e99;background:#2fbf8e14}.session-name{font-weight:600}.session-meta{font-size:.8rem;color:var(--muted);margin-top:4px}.session-remove{border:1px solid #223142;background:#0f151f;color:var(--muted);width:26px;height:26px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.session-remove:hover{color:#fff;background:#ff6b6b33}.receive-card{background:var(--panel-alt);border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px}#session-input{min-height:52px}.card-title{font-weight:600;font-size:.95rem}.identity{font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;line-height:1.4;font-family:JetBrains Mono,monospace;white-space:pre-line}.chat{min-width:0;min-height:0}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:14px;border:1px solid var(--line);background:#0f151f;font-weight:600}#chat-subtitle{font-size:.9rem;color:var(--muted)}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:6px;min-height:0}.message-card{border-radius:16px;border:1px solid var(--line);background:#0f151f;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:12px}.message-card.incoming{background:#0f1e1ae6;border-color:#2fbf8e33}.message-header{font-weight:600;font-size:.95rem}.message-body{margin-top:6px;white-space:pre-wrap;line-height:1.55;font-size:1.05rem}.message-packet{margin-top:6px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--muted);word-break:break-all}.message-actions{display:flex;align-items:flex-start}.status{border-radius:12px;border:1px solid rgba(47,191,142,.6);background:#0f221ecc;padding:12px 14px;font-size:.92rem;color:#d5f4ef;min-height:44px;box-shadow:0 0 0 1px #2fbf8e1a,0 8px 16px #08141666}.status.inline{background:transparent;border:none;padding:0;min-height:auto;color:var(--muted)}.composer{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}textarea,input{width:100%;border-radius:12px;border:1px solid var(--line);background:#0f151f;color:var(--text);padding:12px 14px;font-family:Space Grotesk,system-ui,sans-serif;resize:none}textarea{min-height:64px}textarea:focus,input:focus{outline:2px solid rgba(47,191,142,.35)}.btn{border-radius:10px;border:1px solid transparent;padding:10px 18px;font-weight:600;background:var(--accent);color:#0b141f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 18px #3dd6c633}.btn.ghost{background:#0f151f;color:var(--text);border-color:#223142;box-shadow:none}.btn.danger{background:linear-gradient(135deg,#ff6b6be6,#ff9a5ae6);color:#1b0b0b}.message-actions .btn{padding:6px 12px;font-size:.8rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#060a12cc;display:none;align-items:center;justify-content:center;padding:24px;z-index:10}.modal.open{display:flex}.modal-card{background:linear-gradient(180deg,#11182af5,#0a101efa);border:1px solid var(--line);border-radius:24px;padding:24px;min-width:320px;max-width:560px;width:100%;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.modal-card.wide{max-width:760px}.modal-title{font-weight:700;font-size:1.2rem}.field-label{font-size:.85rem;color:var(--muted)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions.right{justify-content:flex-end}.accounts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.accounts-list{border:1px solid var(--line);border-radius:16px;padding:12px;max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.account-item{padding:10px 12px;border-radius:12px;background:#101828e6;border:1px solid transparent;cursor:pointer}.account-item.active{border-color:#39a3ff99;background:#39a3ff1f}.accounts-controls{display:flex;flex-direction:column;gap:12px}.stack{display:flex;flex-direction:column;gap:10px}.copy-box{border-radius:14px;border:1px solid var(--line);background:#0b101ce6;padding:12px;min-height:70px;white-space:pre-wrap;word-break:break-all;overflow-wrap:anywhere;font-family:JetBrains Mono,monospace;font-size:.82rem}@media (max-width: 1080px){.layout{grid-template-columns:1fr;height:auto;overflow-y:auto}body{overflow:auto}.accounts-grid{grid-template-columns:1fr}}