@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{font-family:JetBrains Mono,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#080808;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.chat-app[data-v-9ed54387]{max-width:1200px;margin:2rem auto;font-family:JetBrains Mono,monospace;color:#e0e0e0;position:relative;z-index:1}.chat-app[data-v-9ed54387]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#0a0a0a,#0a1a0a),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);z-index:-1}.app-header[data-v-9ed54387]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:2rem}.app-title[data-v-9ed54387]{font-size:2.5rem;color:#2ecc71;margin:0}.peer-id[data-v-9ed54387]{background:#2ecc711a;color:#2ecc71;padding:10px;border-radius:8px;font-size:.9rem}.chat-grid[data-v-9ed54387]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.chat-box[data-v-9ed54387]{background:#121212cc;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 6px #0000001a,0 0 0 1px #2ecc711a;transition:all .3s ease;position:relative}.chat-box[data-v-9ed54387]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(46,204,113,.1) 0%,transparent 100%),linear-gradient(225deg,rgba(46,204,113,.1) 0%,transparent 100%);opacity:.5;z-index:0;pointer-events:none}.chat-box.active[data-v-9ed54387]{box-shadow:0 0 0 2px #2ecc7180,0 8px 16px #0003;transform:translateY(-4px)}.chat-header[data-v-9ed54387]{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#0003;border-bottom:1px solid rgba(46,204,113,.2)}.chat-title[data-v-9ed54387]{background:transparent;border:none;color:#2ecc71;font-size:1rem;font-weight:700;flex-grow:1;font-family:JetBrains Mono,monospace}.delete-btn[data-v-9ed54387]{background:transparent;border:none;color:#e0e0e0;cursor:pointer;transition:color .3s ease}.delete-btn[data-v-9ed54387]:hover{color:#ff6b6b}.messages[data-v-9ed54387]{flex-grow:1;padding:15px;overflow-y:auto;max-height:300px}.message[data-v-9ed54387]{margin-bottom:10px;padding:8px 12px;border-radius:8px;max-width:80%;animation:fadeIn-9ed54387 .3s ease;transition:all .3s ease}@keyframes fadeIn-9ed54387{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.you[data-v-9ed54387]{background-color:#2ecc711a;border:1px solid rgba(46,204,113,.3);align-self:flex-end;margin-left:auto}.message.remote[data-v-9ed54387]{background-color:#3498db1a;border:1px solid rgba(52,152,219,.3);align-self:flex-start}.message-input[data-v-9ed54387]{display:flex;padding:10px;background:#0003;border-top:1px solid rgba(46,204,113,.2)}.message-input textarea[data-v-9ed54387]{flex-grow:1;padding:8px;border:none;border-radius:4px;background-color:#ffffff0d;color:#e0e0e0;resize:none;font-family:JetBrains Mono,monospace;transition:all .3s ease}.message-input textarea[data-v-9ed54387]:focus{background-color:#ffffff1a;outline:none;box-shadow:0 0 0 2px #2ecc714d}.connect-form[data-v-9ed54387]{padding:20px;display:flex;flex-direction:column;gap:10px}.connect-form h2[data-v-9ed54387]{margin-top:0;color:#2ecc71}.connect-form input[data-v-9ed54387]{padding:10px;border:none;border-radius:4px;background-color:#ffffff0d;color:#e0e0e0;font-family:JetBrains Mono,monospace;transition:all .3s ease}.connect-form input[data-v-9ed54387]:focus{background-color:#ffffff1a;outline:none;box-shadow:0 0 0 2px #2ecc714d}.connect-btn[data-v-9ed54387],.send-btn[data-v-9ed54387],.new-chat-btn[data-v-9ed54387]{padding:10px 15px;background-color:#2ecc7133;color:#2ecc71;border:1px solid rgba(46,204,113,.5);border-radius:4px;cursor:pointer;transition:all .3s ease;font-family:JetBrains Mono,monospace}.connect-btn[data-v-9ed54387]:hover,.send-btn[data-v-9ed54387]:hover,.new-chat-btn[data-v-9ed54387]:hover{background-color:#2ecc714d;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.connect-btn[data-v-9ed54387]:active,.send-btn[data-v-9ed54387]:active,.new-chat-btn[data-v-9ed54387]:active{transform:translateY(0);box-shadow:none}.new-chat-btn[data-v-9ed54387]{margin-top:20px;width:100%}.error-message[data-v-9ed54387]{color:#ff6b6b;font-size:.9rem;margin-top:10px}@media (max-width: 768px){.chat-grid[data-v-9ed54387]{grid-template-columns:1fr}}