@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{--color-bg-default:#000000;--color-bg-muted:#111111;--color-bg-subtle:#1a1a1a;--color-text-default:#f0f0f0;--color-text-muted:#888888;--color-primary-default:#ffffff;--color-primary-text:#000000;--color-border:#333333;--color-danger:#e53e3e;--color-danger-bg:rgba(229,62,62,0.1);--color-danger-border:#ef4444;--color-danger-text-muted:#fca5a5}body{color:var(--color-text-default);background-color:var(--color-bg-default);font-family:Inter,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}*{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.auth-container{width:100%;max-width:24rem;padding:2rem;background-color:transparent;border-radius:1rem;border:1px solid var(--color-border);display:flex;flex-direction:column;gap:1.5rem}.auth-header{text-align:center}.auth-header h1{font-size:1.875rem;font-weight:700;margin:0}.auth-header p{margin-top:.5rem;color:var(--color-text-muted)}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-link{font-size:.875rem;text-align:center;color:var(--color-text-muted)}.form-link a{color:var(--color-text-default);font-weight:500;text-decoration:none}.form-link a:hover{text-decoration:underline}.form-error{color:var(--color-danger);text-align:center;font-size:.875rem}.input-field{display:block;width:100%;appearance:none;border-radius:9999px;background-color:var(--color-bg-muted);padding:.75rem 1rem;font-size:.875rem;color:var(--color-text-default);border:1px solid var(--color-border);transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--color-primary-default)}textarea.input-field{border-radius:.75rem;font-family:monospace;font-size:.8rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;border:2px solid transparent;cursor:pointer;text-decoration:none;gap:.5rem}.btn svg{width:1.25rem;height:1.25rem}.btn-primary{width:100%;background-color:var(--color-primary-default);color:var(--color-primary-text);border-color:var(--color-primary-default)}.btn-primary:hover:not(:disabled){background-color:transparent;color:var(--color-primary-default)}.btn:disabled{background-color:var(--color-border);border-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.btn-secondary{width:100%;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);color:var(--color-text-default)}.btn-secondary:hover:not(:disabled){background-color:var(--color-border)}.chat-layout{width:100%;position:relative;overflow:hidden}.chat-layout,.sidebar{display:flex;height:100vh}.sidebar{width:320px;background-color:var(--color-bg-muted);flex-direction:column;border-right:1px solid var(--color-border);flex-shrink:0;transition:transform .3s ease-in-out}.sidebar-header{padding:1rem;border-bottom:1px solid var(--color-border)}.sidebar-search-form{display:flex;gap:.5rem}.sidebar-search-button{background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:9999px;padding:.6rem;cursor:pointer;flex-shrink:0;color:var(--color-text-muted);transition:all .2s}.sidebar-search-button:hover{background-color:var(--color-border);color:var(--color-text-default)}.sidebar-search-button svg{width:1.25rem;height:1.25rem}.sidebar-error{color:var(--color-danger);font-size:.8rem;margin-top:.5rem;padding:0 .5rem;text-align:center}.chat-list{flex:1;overflow-y:auto}.chat-list-header{padding:1rem 1rem .5rem;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--color-text-muted);text-transform:uppercase}.chat-list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .15s;border-left:4px solid transparent;user-select:none}.chat-list-item.selected,.chat-list-item:hover{background-color:var(--color-bg-subtle)}.chat-list-item.selected{border-left-color:var(--color-primary-default)}.chat-list-item .username{font-weight:500;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis}.chat-list-item.selected .username{color:var(--color-text-default)}.chat-list-item svg{width:2rem;height:2rem;color:var(--color-text-muted)}.chat-list-item.selected svg{color:var(--color-text-default)}.sidebar-footer{padding:1rem;border-top:1px solid var(--color-border);background-color:#000;display:flex;align-items:center;justify-content:space-between}.sidebar-footer .username{font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer .logout-button{padding:.5rem;border:none;background:none;border-radius:.375rem;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.sidebar-footer .logout-button:hover{background-color:var(--color-danger);color:white}.sidebar-footer .logout-button svg{width:1.25rem;height:1.25rem}.chat-window{flex:1;display:flex;flex-direction:column;background-color:#000;height:100vh}.chat-header{padding:1rem;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-muted);display:flex;align-items:center;gap:1rem}.chat-header h2{font-size:1.125rem;font-weight:600;margin:0}.chat-header-back-button{display:none;padding:.5rem;border:none;background:none;border-radius:.375rem;cursor:pointer;color:var(--color-text-muted);transition:all .2s}.chat-header-back-button:hover{background-color:var(--color-border);color:var(--color-text-default)}.chat-header-back-button svg{width:1.25rem;height:1.25rem}.messages-area{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-footer{padding:1rem;background-color:var(--color-bg-muted);border-top:1px solid var(--color-border)}.chat-form{display:flex;align-items:center;gap:1rem}.chat-form .input-field{padding:.75rem 1rem}.chat-form .send-button{padding:.7rem;background-color:white;border-radius:9999px;color:black;border:none;cursor:pointer;transition:opacity .2s}.chat-form .send-button:hover:not(:disabled){opacity:.8}.chat-form .send-button:disabled{background-color:#4a4a4a;cursor:not-allowed}.send-button svg{width:1.25rem;height:1.25rem}.message-bubble-container{display:flex;max-width:100%;align-items:flex-end;gap:.5rem;position:relative}.message-bubble-container.sender{justify-content:flex-end}.message-bubble{max-width:75%;padding:.75rem 1rem;border-radius:1.25rem}.message-bubble.sender{background-color:white;color:black;border-bottom-right-radius:.5rem}.message-bubble.receiver{background-color:var(--color-bg-subtle);color:white;border-bottom-left-radius:.5rem}.message-bubble p{margin:0;font-size:.9rem;word-break:break-word;white-space:pre-wrap}.message-bubble .timestamp{font-size:.75rem;margin-top:.25rem;opacity:.7}.message-bubble.sender .timestamp{text-align:right}.welcome-screen{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;flex-direction:column;gap:.5rem}.welcome-screen svg{width:4rem;height:4rem;color:var(--color-border)}.welcome-screen h2{font-size:1.5rem;font-weight:600;margin:0}.welcome-screen p{color:var(--color-text-muted);margin:0;max-width:300px}.key-warning-box{padding:1rem;margin:1rem 0;text-align:center;background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:.5rem}.key-warning-box svg{margin:0 auto;color:#f87171;width:2.5rem;height:2.5rem}.key-warning-box h3{font-weight:700;color:white;margin-top:.5rem;margin-bottom:.25rem}.key-warning-box p{font-size:.875rem;color:var(--color-danger-text-muted);margin:0}.app-loader-layout{display:flex;align-items:center;justify-content:center;min-height:100vh}.app-loader-content{display:flex;align-items:center;gap:1rem}.app-loader-text{margin:0;color:var(--color-text-muted)}.app-loader-layout .lock-svg{width:3rem;height:3rem;color:var(--color-text-muted);animation:lock-body-fade-in .5s ease-out forwards}.app-loader-layout .lock-shackle{transform-origin:7px 10px;animation:lock-shackle-unlock .4s ease-out .5s forwards}@keyframes lock-shackle-unlock{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-4px) rotate(-15deg)}to{transform:translateY(-4px) rotate(-15deg)}}@keyframes lock-body-fade-in{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-muted)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.message-actions{position:absolute;top:-12px;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:9999px;display:flex;align-items:center;padding:2px;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(5px);pointer-events:none;z-index:5}.message-bubble-container:hover .message-actions{opacity:1;transform:translateY(0);pointer-events:auto}.message-bubble-container.sender .message-actions{right:8px}.message-bubble-container.receiver .message-actions{left:8px}.action-button{background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center}.action-button:hover{background-color:var(--color-border);color:var(--color-text-default)}.action-button svg{width:1rem;height:1rem}.emoji-picker{position:absolute;bottom:100%;margin-bottom:8px;background-color:var(--color-bg-subtle);border:1px solid var(--color-border);padding:8px;border-radius:.75rem;display:flex;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.5)}.emoji-picker button{font-size:1.25rem;background:none;border:none;cursor:pointer;padding:4px;border-radius:50%}.emoji-picker button:hover{background-color:var(--color-border)}.reply-context-bar{padding:.5rem 1rem;background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-muted);display:flex;justify-content:space-between;align-items:center}.reply-context-bar p{margin:0}.reply-context-bar p strong{color:var(--color-text-default)}.reply-context-bar .reply-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;display:inline-block;vertical-align:middle}.reply-context-bar button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;border-radius:50%}.reply-context-bar button:hover{background-color:var(--color-border);color:var(--color-text-default)}.quoted-reply{background-color:rgba(255,255,255,.05);padding:.5rem .75rem;border-left:3px solid var(--color-text-muted);margin-bottom:.5rem;border-radius:.25rem;cursor:pointer}.quoted-reply p{margin:0;font-size:.8rem;color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quoted-reply strong{color:var(--color-text-default)}@media (max-width:768px){.sidebar{width:100%;position:absolute;z-index:10;transition:transform .3s ease;transform:translateX(0)}.chat-window{flex:1}.chat-layout.chat-selected .sidebar{transform:translateX(-100%)}.chat-layout.chat-selected .chat-header-back-button{display:inline-flex}}.media-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem}.media-modal-content{display:flex;flex-direction:column;max-width:90vw;max-height:90vh;background-color:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.5)}.media-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.media-modal-button{background:none;border:1px solid var(--color-border);border-radius:9999px;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;transition:all .2s}.media-modal-button:hover{background-color:var(--color-border);color:var(--color-text-default)}.media-modal-button svg{width:1rem;height:1rem}.media-modal-body{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:1rem}.media-modal-body img,.media-modal-body video{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}