body,html{background:#f1f1f1;font-family:system-ui,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.chat-container{align-items:center;background:#1e1e1e;height:100dvh;justify-content:center;padding:.5rem;width:100vw}.chat-container,.join-screen{box-sizing:border-box;display:flex}.join-screen{background:beige;border-radius:10px;box-shadow:0 0 10px #0000001a;flex-direction:column;max-width:500px;padding:1rem;width:100%}.input-row{display:flex;flex-direction:row;gap:.5rem;margin-bottom:1rem}.input-row .input{flex:1 1;min-width:0}.join-button{align-self:center;padding:.75rem 2rem}.chat-window{background:beige;border-radius:10px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:500px;padding:1rem;width:100%}.input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:.75rem}.button,.input{box-sizing:border-box;font-size:1rem}.button{align-items:center;background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:100%;max-width:33%;padding:.75rem 1rem;white-space:nowrap}.button.send{background-color:#41b043;padding-left:10px;padding-right:10px}.chat-header{color:#000;font-size:.9rem;justify-content:space-between}.chat-header,.chat-messages{display:flex;margin-bottom:.5rem}.chat-messages{background-image:url(/static/media/chat_app_bg.31a26a3feb34b54dbace.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ddd;border-radius:5px;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto;padding:.5rem}.chat-bubble{word-wrap:break-word;border-radius:15px;margin-bottom:.75rem;max-width:75%;padding:.5rem .75rem;position:relative}.emoji-popup{background:#fff;border:1px solid #ccc;border-radius:12px;bottom:auto;box-shadow:0 2px 6px #00000026;display:flex;font-size:1.2rem;gap:.4rem;padding:.25rem .5rem;position:absolute;right:0;top:100%;z-index:2}.incoming .emoji-popup{left:0;right:auto}.emoji-option{cursor:pointer;transition:transform .1s ease-in-out}.emoji-option:hover{transform:scale(1.3)}.incoming .emoji-reaction{right:-10px}.incoming .emoji-reaction,.outgoing .emoji-reaction{border-radius:50%;bottom:-10px;box-shadow:0 1px 3px #0003;font-size:1.1rem;padding:2px 6px;position:absolute;z-index:1}.outgoing .emoji-reaction{left:-10px}.incoming{align-self:flex-start;background:#e1f5fe;border-bottom-left-radius:0}.outgoing{align-self:flex-end;background:#c8e6c9;border-bottom-right-radius:0;text-align:right}.chat-author{color:#9e7100;font-size:.85rem;font-weight:700;margin-bottom:2px}.chat-text{font-size:1rem}.chat-image img{background:#e0e0e0;border-radius:8px;height:auto;max-height:250px;max-width:250px;object-fit:contain;padding:4px;width:auto}.chat-input{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-top:.5rem}.typing-dots{display:flex;gap:4px;margin-top:4px}.typing-dots span{animation:typing-bounce 1.4s ease-in-out infinite;background-color:#000;border-radius:50%;display:inline-block;height:6px;width:6px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.6;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.exit-warning{color:#940000;font-weight:700;margin-bottom:.5rem}.fa-right-from-bracket{color:#940000;cursor:pointer;font-size:15px}.chat-time{color:#666;font-size:.75rem;margin-top:.25rem;text-align:right}.date-banner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border-radius:12px;color:#666;display:inline-block;font-size:.85rem;font-weight:500;margin:1rem auto;padding:.4rem 1rem;position:sticky;text-align:center;top:0;z-index:2}.encryption-modal{align-items:center;background-color:#0009;display:flex;height:100dvh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal-content{background:#fff;border-radius:10px;box-shadow:0 0 15px #0000004d;max-width:90%;padding:1.5rem;text-align:center}.modal-content h2{font-size:1.25rem;margin-top:0}.modal-content p{color:#333;font-size:.95rem;margin:.75rem 0}.modal-content button{background:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1.25rem}.image-modal{background:#000000b3;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10}.image-modal,.image-modal .modal-content{align-items:center;display:flex;justify-content:center}.image-modal .modal-content,.image-modal img{max-height:90vh;max-width:90vw}.image-modal img{border-radius:8px;height:auto;object-fit:contain;width:auto}.image-modal .close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:5px}.chat-messages::-webkit-scrollbar{display:none}.loading-overlay{align-items:center;background:#f0f0f0e6;border-radius:10px;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:999}.spinner{animation:spin 1s linear infinite;border:4px solid #ccc;border-radius:50%;border-top-color:#333;height:40px;margin-bottom:1rem;width:40px}.message-wrapper{align-items:center;display:flex;position:relative}.chat-reaction{font-size:1.1rem;margin-top:4px;text-align:right}.reply-pill{align-items:center;background:#fff;border-left:4px solid #6a6a6a;border-radius:8px;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem;padding:.5rem .75rem}.reply-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-preview{color:#555;margin-left:.4rem}.reply-cancel{background:#0000;border:none;cursor:pointer;font-size:1.1rem}.quoted-reply{background:#0000000a;border-left:3px solid #888;border-radius:6px;cursor:pointer;margin-bottom:6px;padding:6px 8px}.incoming .quoted-reply{border-left-color:#1976d2}.outgoing .quoted-reply{border-left-color:#2e7d32}.quoted-author{color:#444;font-size:.8rem;font-weight:600;margin-bottom:2px}.quoted-snippet{color:#333;font-size:.9rem}.reply-highlight{animation:replyFlash 2s ease}.reply-action{cursor:pointer;font-size:1.1rem;margin-right:6px}.editing-area{display:flex;flex-direction:column;gap:.4rem}.edit-textarea{background:#fff;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.5rem;resize:vertical;width:100%}.edit-actions{display:flex;gap:.5rem;justify-content:flex-end}.edit-btn{--accent:#114b5f;background:var(--accent);border:1px solid var(--accent);border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;line-height:1;padding:.45rem .9rem;transition:transform .06s ease,opacity .15s ease,background .15s ease}.edit-btn:hover{opacity:.9}.edit-btn:active{transform:translateY(1px)}.edit-btn.ghost{background:#0000;border:1px solid var(--accent);color:var(--accent)}.edit-btn.ghost:hover{background:#114b5f14}.edited-label{color:#555;font-size:.75rem;margin-left:6px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes replyFlash{0%{box-shadow:0 0 0 #ffe60000}30%{box-shadow:0 0 10px #ffe600e6}to{box-shadow:0 0 0 #ffe60000}}@media (max-width:500px){.input-row{flex-direction:column}}
/*# sourceMappingURL=main.dce26508.css.map*/