:root{--color-bg: #000000;--color-bg-alt: #111111;--color-text: #ffffff;--color-text-inverse: #000000;--color-border: #ffffff;--color-danger: #ff0000;--font-family: "Arial", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}#app{height:100%;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:1.2;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap;border-radius:var(--radius-sm)}.btn:hover{background:var(--color-text);color:var(--color-text-inverse)}.btn--danger{border-color:var(--color-danger);color:var(--color-danger)}.btn--danger:hover{background:var(--color-danger);color:var(--color-text)}.btn--primary{background:var(--color-text);color:var(--color-text-inverse);border-color:var(--color-text)}.btn--primary:hover{background:var(--color-bg);color:var(--color-text)}.input{width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast);line-height:1.2}.input::placeholder{color:var(--color-text);opacity:.6}.input:focus{border-color:var(--color-text)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);width:min(90vw,400px);max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-text);border-radius:var(--radius-full)}.avatar{width:3rem;height:3rem;border-radius:var(--radius-full);background:var(--color-text);object-fit:cover}.avatar--placeholder{background:var(--color-text)}.chat-item{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast)}.chat-item.active{background:var(--color-text);color:var(--color-text-inverse)}.chat-item.active .chat-item__name,.chat-item.active .chat-item__message,.chat-item.active .chat-item__time,.chat-item.active .chat-item__unread{color:var(--color-text-inverse)}.chat-item.active .avatar--placeholder{background:var(--color-text-inverse)}.message{display:flex;margin-bottom:var(--space-2);position:relative}.message--own{justify-content:flex-end}.message-bubble{max-width:75%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 0;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);word-break:break-word}.message--own .message-bubble{border-radius:var(--radius-lg) var(--radius-lg) 0 var(--radius-lg);cursor:pointer}.message-bubble__sender{font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.message-bubble__meta{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);opacity:.7;margin-top:var(--space-1)}.message-images{margin-bottom:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-1)}.message-image{max-width:100%;max-height:300px;border-radius:var(--radius-sm);object-fit:cover}.attachment{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-alt);font-size:var(--font-size-sm);cursor:pointer}.attachment:hover{background:var(--color-text);color:var(--color-text-inverse)}.file-preview__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);background:var(--color-bg-alt)}.carousel-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:200}.carousel-container{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:0 var(--space-6);position:relative}.carousel-image{max-width:90vw;max-height:90dvh;object-fit:contain}.carousel-btn{background:none;border:none;color:var(--color-text);font-size:3rem;cursor:pointer;opacity:.8;flex-shrink:0}.carousel-btn:disabled{opacity:.3;cursor:default}.carousel-indicator{position:absolute;bottom:var(--space-4);color:var(--color-text);font-size:var(--font-size-sm)}.chat-item__info{flex:1;margin-left:var(--space-3);min-width:0}.chat-item__header{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--font-size-sm)}.chat-item__name{font-weight:var(--font-weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item__time{font-size:var(--font-size-xs);opacity:.7;margin-left:var(--space-2)}.chat-item__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-1)}.chat-item__message{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-size-xs);opacity:.8}.chat-item__unread{background:var(--color-text);color:var(--color-text-inverse);border-radius:var(--radius-full);padding:0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);min-width:1.5em;text-align:center}.avatar--profile{width:8rem;height:8rem;margin:0 auto;cursor:pointer;border-radius:var(--radius-full);object-fit:cover}body.prototype-mode{--color-bg: #ffffff;--color-bg-alt: #f0f0f0;--color-text: #333333;--color-text-inverse: #ffffff;--color-border: #999999;--color-danger: #cc0000;filter:grayscale(100%)}body.prototype-mode *{font-family:Courier New,monospace!important;text-shadow:none!important;box-shadow:none!important}body.prototype-mode .chat-item,body.prototype-mode .message-bubble,body.prototype-mode .input,body.prototype-mode .btn,body.prototype-mode .modal-content,body.prototype-mode .chat-header,body.prototype-mode .chat-input,body.prototype-mode .sidebar{border:1px dashed var(--color-border)!important;border-radius:0!important;background:var(--color-bg)!important;color:var(--color-text)!important}body.prototype-mode .chat-item.active{background:var(--color-bg-alt)!important;color:var(--color-text)!important}body.prototype-mode .btn{background:var(--color-bg)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:0!important}body.prototype-mode .btn:hover{background:var(--color-bg-alt)!important}body.prototype-mode .avatar,body.prototype-mode .message-image,body.prototype-mode .carousel-image,body.prototype-mode img{display:none!important}body.prototype-mode .avatar:after{content:"[avatar]";display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:1px dashed var(--color-border);background:var(--color-bg-alt);color:var(--color-text);font-size:.6rem;white-space:nowrap}body.prototype-mode .avatar--profile:after{width:8rem;height:8rem;content:"[profile photo]"}body.prototype-mode .input{background:var(--color-bg)!important;border:1px solid var(--color-border)!important}body.prototype-mode .modal-overlay{background:#ffffffe6!important}body.prototype-mode .modal-content{background:var(--color-bg)!important;border:2px solid var(--color-border)!important}body.prototype-mode ::-webkit-scrollbar-thumb{background:var(--color-border)!important;border-radius:0!important}body.prototype-mode .file-preview__item{background:var(--color-bg-alt)!important;border:1px dashed var(--color-border)!important}body.prototype-mode .context-menu{background:var(--color-bg)!important;border:1px solid var(--color-border)!important}body.prototype-mode .safety-image__pixel{background:#ccc!important}.auth-form[data-v-d5f541b7]{width:100%;max-width:320px;text-align:center}.auth-form__tabs[data-v-d5f541b7]{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.auth-form__tabs .btn[data-v-d5f541b7]{flex:1 0 0;white-space:nowrap;text-align:center}.auth-form__fields[data-v-d5f541b7]{display:flex;flex-direction:column;gap:var(--space-3)}.error-msg[data-v-d5f541b7]{color:var(--color-danger);font-size:var(--font-size-sm)}.profile-btn[data-v-d256199a]{border-radius:0;border:none;border-bottom:1px solid var(--color-border);padding:var(--space-3);width:100%;flex-shrink:0}.chat-list-wrapper[data-v-d256199a]{display:flex;flex-direction:column;height:100%;position:relative}.chat-list[data-v-d256199a]{flex:1;overflow-y:auto}.add-chat-btn[data-v-d256199a]{position:absolute;bottom:var(--space-4);right:var(--space-4);width:3rem;height:3rem;border-radius:var(--radius-full);font-size:var(--font-size-xl);padding:0;z-index:50}.chat-window[data-v-4ff63812]{display:flex;flex-direction:column;height:100%;position:relative}.chat-header[data-v-4ff63812]{display:flex;align-items:center;padding:var(--space-3);border-bottom:1px solid var(--color-border)}.chat-header__info[data-v-4ff63812]{flex:1;text-align:center;cursor:pointer}.chat-header__name[data-v-4ff63812]{font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.chat-header__participants[data-v-4ff63812]{font-size:var(--font-size-xs);opacity:.7}.messages[data-v-4ff63812]{flex:1;overflow-y:auto;padding:var(--space-3)}.context-menu[data-v-4ff63812]{position:fixed;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md) 0 var(--radius-md) var(--radius-md);padding:var(--space-1);display:flex;flex-direction:column;gap:2px;z-index:300}.context-menu .btn[data-v-4ff63812]{border:none;padding:var(--space-1) var(--space-3)}.edit-bar[data-v-4ff63812]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border)}.file-preview[data-v-4ff63812]{border-top:1px solid var(--color-border);padding:var(--space-2);display:flex;flex-wrap:wrap;gap:var(--space-2)}.chat-input[data-v-4ff63812]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--color-border)}.chat-input .input[data-v-4ff63812]{flex:1}.scroll-to-bottom-btn[data-v-4ff63812]{position:absolute;bottom:70px;right:20px;width:40px;height:40px;border-radius:50%;background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 8px #0000004d;transition:background var(--transition-fast),color var(--transition-fast)}.scroll-to-bottom-btn[data-v-4ff63812]:hover{background:var(--color-text);color:var(--color-text-inverse)}.add-user[data-v-7d5f1336]{display:flex;gap:var(--space-2)}.participants-wrapper[data-v-7d5f1336]{border:none;border-radius:var(--radius-md);overflow:hidden}.participants-wrapper.has-users[data-v-7d5f1336]{border:1px solid var(--color-border)}.participants[data-v-7d5f1336]{max-height:200px;overflow-y:auto;padding:var(--space-2)}.participant-row[data-v-7d5f1336]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0}.modal-content[data-v-b0e170cd]{padding:0;overflow:hidden;display:flex;flex-direction:column}.modal-scroll[data-v-b0e170cd]{overflow-y:auto;max-height:90dvh;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.chat-menu__header[data-v-b0e170cd]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.chat-menu__actions[data-v-b0e170cd]{display:flex;gap:var(--space-2);justify-content:center}.chat-menu__safety[data-v-b0e170cd]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.safety-image[data-v-b0e170cd]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);width:180px;height:180px;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin:0 auto}.safety-image__row[data-v-b0e170cd]{display:contents}.safety-image__pixel[data-v-b0e170cd]{width:100%;height:100%}.safety-strings[data-v-b0e170cd]{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.safety-strings__row[data-v-b0e170cd]{display:flex;justify-content:center;gap:var(--space-1)}.safety-strings__item[data-v-b0e170cd]{font-family:var(--font-family);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-text);min-width:2ch;text-align:center}.safety-text[data-v-b0e170cd]{font-size:var(--font-size-xs);text-align:center;opacity:.7;max-width:300px;line-height:1.4}.chat-menu__users[data-v-b0e170cd]{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2);margin-top:var(--space-2)}.user-row[data-v-b0e170cd]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) 0;cursor:pointer}.profile-actions[data-v-763b09b8]{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}h3[data-v-763b09b8]{text-align:center}.app-layout[data-v-c167603d]{display:flex;height:100dvh;background:var(--color-bg);overflow:hidden}.sidebar[data-v-c167603d]{width:300px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;background:var(--color-bg)}.chat-area[data-v-c167603d]{flex:1;display:flex;flex-direction:column;min-width:0}.empty-state[data-v-c167603d]{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);opacity:.6}.auth-screen[data-v-c167603d]{height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}@media(max-width:768px){.app-layout[data-v-c167603d]{flex-direction:column}.sidebar[data-v-c167603d]{width:100%;border-right:none;flex:1;min-height:0;overflow:hidden}.sidebar--hidden[data-v-c167603d]{display:none}.chat-area[data-v-c167603d]{width:100%;flex:1;min-height:0}}