@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Outfit:wght@300;400;500;600&display=swap);:root{--bg-primary:#0f1419;--bg-secondary:#1a1f26;--bg-tertiary:#252b33;--bg-hover:#2d353f;--accent:#00d9ff;--accent-glow:#00d9ff26;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-muted:#5f6368;--success:#34d399;--danger:#f87171;--border:#ffffff14;--shadow:0 4px 24px #0006}*{box-sizing:border-box}body{background:#0f1419;background:var(--bg-primary);color:#e8eaed;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;height:100vh;margin:0;padding:0;width:100vw}#root{background:radial-gradient(ellipse 80% 50% at 50% -20%,#00d9ff26,#0000),#0f1419;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--accent-glow),#0000),var(--bg-primary);display:flex;flex-direction:column;height:100%;width:100%}button{background:linear-gradient(135deg,#00d9ff,#00a8cc);background:linear-gradient(135deg,var(--accent),#00a8cc);border:none;border-radius:8px;box-shadow:0 2px 12px #00d9ff40;color:#0f1419;color:var(--bg-primary);cursor:pointer;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;height:auto;margin:6px;min-width:120px;padding:10px 24px;transition:all .2s ease;width:auto}button:hover{box-shadow:0 4px 20px #00d9ff66;transform:translateY(-1px)}button:active{transform:translateY(0)}input{background:#1a1f26;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:8px;color:#e8eaed;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:14px;height:auto;margin:0;outline:none;padding:12px 16px;transition:all .2s ease}input:focus{border-color:#00d9ff;border-color:var(--accent);box-shadow:0 0 0 3px #00d9ff26;box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:#5f6368;color:var(--text-muted)}.debug-container{display:flex;flex-direction:column;gap:8px}.online-indicator{align-items:center;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;height:40px;justify-content:space-between;padding:0 14px;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.online-indicator:hover{border-color:#5f6368;border-color:var(--text-muted)}.online-indicator .peer-count{align-items:center;display:flex;gap:10px}.online-indicator .peer-count:before{border-radius:50%;content:"";flex-shrink:0;height:10px;width:10px}.online-indicator.on{background:#1a1f26;background:var(--bg-secondary);color:#e8eaed;color:var(--text-primary)}.online-indicator.on .peer-count:before{animation:pulse-dot 2s infinite;background:#34d399;background:var(--success)}.online-indicator.off{background:#1a1f26;background:var(--bg-secondary);color:#e8eaed;color:var(--text-primary)}.online-indicator.off .peer-count:before{background:#f87171;background:var(--danger)}.expand-icon{color:#5f6368;color:var(--text-muted);font-size:18px;transform:rotate(90deg);transition:transform .2s ease}.expand-icon.expanded{transform:rotate(-90deg)}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 0 #34d39980}50%{box-shadow:0 0 0 6px #34d39900}}.debugger-list{animation:slideDown .2s ease;background:#1a1f26;background:var(--bg-secondary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 24px #0006;box-shadow:var(--shadow);display:flex;flex-direction:column;font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.6;padding:12px 14px;text-align:left}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.debugger-list>div{color:#9aa0a6;color:var(--text-secondary);padding:3px 0;word-break:break-all}.debugger-list>div:first-child{color:#00d9ff;color:var(--accent);font-weight:500}.debugger-list .peer-id{color:#34d399;color:var(--success)}.debugger-list .peers-section{border-top:1px solid #ffffff14;border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.debugger-list .peers-label{color:#5f6368;color:var(--text-muted);display:block;font-size:10px;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.debugger-list .peer-item{background:#252b33;background:var(--bg-tertiary);border-radius:4px;color:#9aa0a6;color:var(--text-secondary);font-size:10px;margin:3px 0;padding:4px 8px}.debugger-list .topic-row{align-items:center;color:#00d9ff;color:var(--accent);display:flex;font-weight:500;gap:8px;padding:3px 0}.debugger-list .topic-row>span{flex:1 1}.topic-edit-btn{align-items:center;background:#252b33;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:5px;box-shadow:none;color:#9aa0a6;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;height:22px;justify-content:center;margin:0;min-width:22px;padding:0;transition:all .15s ease;width:22px}.topic-edit-btn:hover{background:#2d353f;background:var(--bg-hover);border-color:#00d9ff;border-color:var(--accent);box-shadow:none;color:#00d9ff;color:var(--accent);transform:none}.topic-edit{align-items:center;display:flex;gap:6px;width:100%}.topic-input{background:#252b33;background:var(--bg-tertiary);border:1px solid #00d9ff;border:1px solid var(--accent);border-radius:5px;color:#e8eaed;color:var(--text-primary);flex:1 1;font-family:JetBrains Mono,monospace;font-size:11px;min-width:0;outline:none;padding:6px 10px}.topic-input:focus{box-shadow:0 0 0 2px #00d9ff26;box-shadow:0 0 0 2px var(--accent-glow)}.topic-btn{align-items:center;border:none;border-radius:5px;box-shadow:none;cursor:pointer;display:flex;font-size:11px;font-weight:600;height:22px;justify-content:center;margin:0;min-width:22px;padding:0;transition:all .15s ease;width:22px}.topic-btn-save{background:#34d399;background:var(--success);color:#0f1419;color:var(--bg-primary)}.topic-btn-save:hover{background:#2cb587;box-shadow:none;transform:none}.topic-btn-cancel{background:#252b33;background:var(--bg-tertiary);border:1px solid #ffffff14;border:1px solid var(--border);color:#9aa0a6;color:var(--text-secondary)}.topic-btn-cancel:hover{background:#2d353f;background:var(--bg-hover);border-color:#f87171;border-color:var(--danger);box-shadow:none;color:#f87171;color:var(--danger);transform:none}.debugger-list .topic-hint{color:#5f6368;color:var(--text-muted);font-size:9px;font-style:italic;margin-top:-2px;padding:0 0 4px}.wrapper{gap:20px;padding:20px;width:100%}.left-column,.wrapper{display:flex;height:100%}.left-column{flex-direction:column;gap:12px;min-width:260px;width:260px}.left-column.login-debug{height:auto;left:20px;position:absolute;top:20px}.login{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;width:100%}.login label{color:var(--text-secondary);font-size:13px;font-weight:500;letter-spacing:.5px;margin-top:12px;text-transform:uppercase}.login input{width:280px}.login button{margin-top:16px;width:280px}.login button:last-child{background:#0000;border:1px solid var(--border);box-shadow:none;color:var(--text-primary)}.login button:last-child:hover{background:var(--bg-tertiary);border-color:var(--text-muted);box-shadow:none}.login button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login button:disabled:hover{box-shadow:0 2px 12px #00d9ff40;transform:none}.login-status{align-items:center;animation:fadeIn .2s ease;border-radius:8px;display:flex;font-size:13px;gap:8px;justify-content:center;line-height:1.4;padding:12px 16px;text-align:center;width:280px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.login-status--loading{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-secondary)}.login-status--error{background:#f8717126;border:1px solid #f871714d;color:var(--danger)}.login-status--warning{background:#fbbf2426;border:1px solid #fbbf244d;color:#fbbf24}.login-status--success{background:#34d39926;border:1px solid #34d3994d;color:var(--success)}.loading-spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);flex-shrink:0;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.groups-list,.members-list{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow-y:auto;padding:16px;width:100%}.groups-list{flex:1 1;min-height:0}.members-list{min-width:260px;width:260px}.groups-list p,.members-list p{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:1px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.group-name{align-items:center;background:var(--bg-tertiary);border:1px solid #0000;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;margin:4px 0;padding:12px 14px;transition:all .2s ease}.group-name:hover{background:var(--bg-hover)}.group-name.active,.group-name:hover{border-color:var(--accent);color:var(--accent)}.group-name.active{background:#00d9ff26;cursor:default;pointer-events:none}.group-name.active:before{content:"●";font-size:8px;margin-right:4px}.group-name.active:hover{background:#00d9ff26;color:var(--accent)}.group-name.pending{border-color:var(--text-muted);border-style:dashed;opacity:.7}.group-name.pending:not(.active):hover{border-color:var(--accent);border-style:dashed}.pending-badge{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);flex-shrink:0;font-size:10px;letter-spacing:.5px;margin-left:auto;padding:2px 6px;text-transform:uppercase}.group-name.active .pending-badge{background:#00d9ff33;color:var(--accent)}.group-member{align-items:center;background:var(--bg-tertiary);border-radius:8px;color:var(--text-secondary);display:flex;font-size:13px;gap:6px;margin:3px 0;padding:10px 12px}.group-member i{color:var(--accent);font-size:11px;font-style:normal}.group-member b{color:var(--success);font-size:11px;font-weight:500}.groups-list>div:last-child{display:flex;gap:8px;margin-top:auto;padding-top:16px}.groups-list>div:last-child input{flex:1 1;min-width:0}.groups-list>div:last-child button{margin:0;min-width:auto;padding:10px 16px}.chat{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;height:100%;overflow:hidden}.chat,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-messages{gap:4px;overflow-y:auto;padding:20px}.chat-username{align-items:baseline;color:var(--text-primary);display:flex;gap:10px;margin-top:16px;text-align:left;width:100%}.chat-username b{color:var(--accent);font-size:14px;font-weight:600}.chat-username i{color:var(--text-muted);font-size:11px;font-style:normal}.chat-message{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:14px;gap:6px;line-height:1.5;padding:4px 0;text-align:left;width:100%;word-break:break-word}.encrypted-indicator{cursor:help;flex-shrink:0;font-size:11px;opacity:.7}.chat-input-area{background:var(--bg-tertiary);border-top:1px solid var(--border);display:flex;flex-direction:column}.chat-input-area,.emoji-picker-wrapper{position:relative}.emoji-toggle{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;bottom:100%;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;margin:0;min-width:32px;padding:0;position:absolute;right:12px;transform:translateY(-8px);transition:all .15s ease;width:32px;z-index:10}.emoji-toggle:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-8px) scale(1.05)}.emoji-picker{grid-gap:2px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;bottom:100%;box-shadow:0 4px 20px #0000004d;display:grid;gap:2px;grid-template-columns:repeat(8,1fr);max-width:280px;padding:8px;position:absolute;right:12px;transform:translateY(-48px);z-index:100}.emoji-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;margin:0;min-width:30px;padding:0;transition:all .1s ease;width:30px}.emoji-btn:hover{background:var(--bg-hover);transform:scale(1.15)}.chat-input{background:#0000;border:none;border-radius:0;font-size:14px;padding:18px 20px;width:100%}.chat-input:focus{box-shadow:none;outline:none}.chat-input-area:focus-within{border-color:var(--accent)}.share-group-section{background:linear-gradient(135deg,#00d9ff14,#00a8cc0d);border:1px dashed #00d9ff4d;border-radius:12px;display:flex;flex-direction:column;margin-bottom:16px;padding:14px}.share-group-section .share-title{border:none;color:var(--accent);font-size:13px;font-weight:600;letter-spacing:normal;margin:0 0 6px;padding:0;text-transform:none}.share-group-section .share-description{border:none;color:var(--text-secondary);font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.4;margin:0 0 12px;padding:0;text-transform:none}.share-link-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;box-shadow:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin:0;min-width:auto;padding:10px 16px;transition:all .2s ease;width:100%}.share-link-btn:hover{background:var(--bg-hover);border-color:var(--accent);box-shadow:0 0 12px #00d9ff33;color:var(--accent);transform:none}.share-link-btn.copied{background:#34d39926;border-color:var(--success);color:var(--success)}.share-link-btn.copied:hover{background:#34d39933;border-color:var(--success);box-shadow:0 0 12px #34d39933;color:var(--success)}.share-link-btn .share-icon{font-size:14px}.members-list>div>button{margin:12px 0 0;width:100%}.members-list p:not(:first-child){margin-top:20px}.members-list i{color:var(--text-muted);font-size:12px}.join-request{align-items:center;background:var(--bg-tertiary);border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin:3px 0;padding:8px 12px}.join-request-name{color:var(--text-secondary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.join-request-actions{display:flex;flex-shrink:0;gap:4px}.btn-accept,.btn-deny{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:22px;justify-content:center;margin:0;max-width:22px;min-width:22px;padding:0;transition:all .15s ease;width:22px}.btn-accept{background:#22c55e;color:#fff}.btn-accept:hover{background:#16a34a}.btn-deny{background:#ef4444;color:#fff}.btn-deny:hover{background:#dc2626}.wrapper>p{align-items:center;color:var(--text-muted);display:flex;flex:1 1;font-size:15px;justify-content:center;margin:0}*{scrollbar-color:var(--bg-tertiary) var(--bg-secondary);scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--bg-tertiary),var(--bg-tertiary))}::-webkit-scrollbar-corner{background:var(--bg-secondary)}
/*# sourceMappingURL=main.d6d16439.css.map*/