*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,textarea,select{background:var(--surface-2);border:1px solid transparent;border-radius:12px;padding:12px 14px;outline:0}input:focus,textarea:focus,select:focus,button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 36%,transparent);outline-offset:2px;border-color:var(--primary)}label{display:block;font-size:.86rem;font-weight:650;margin:16px 0 7px}.is-hidden{display:none!important}.sr-only,.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{clip:auto;width:auto;height:auto;margin:8px;padding:10px;z-index:9999;background:var(--surface)}.muted{color:var(--muted)}.eyebrow{font-size:.68rem;letter-spacing:.16em;color:var(--primary);font-weight:800;margin:0 0 5px}.view{height:100%}.loading-view{display:grid;place-content:center;justify-items:center;gap:14px}.loading-view img{border-radius:22px}.spinner{width:30px;height:30px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.auth-view{display:grid;grid-template-columns:minmax(420px,48%) 1fr;background:var(--surface)}.auth-card{width:min(430px,calc(100% - 48px));margin:auto}.brand{display:flex;align-items:center;gap:12px;margin-bottom:52px}.brand img{border-radius:16px}.brand strong{display:block;font-size:1.35rem}.brand span{font-size:.78rem;color:var(--muted)}.auth-card h1{font-size:2.5rem;letter-spacing:-.04em;margin:8px 0}.auth-card input{width:100%;height:50px}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:50px}.password-wrap button{position:absolute;right:6px;top:5px}.form-row{display:flex;justify-content:space-between;align-items:center;margin:17px 0}.check{display:flex;align-items:center;gap:8px;margin:0;font-weight:500}.check input{width:16px;height:16px}.text-button{border:0;background:none;color:var(--primary);font-weight:700}.primary-button,.danger-button{border:0;border-radius:12px;padding:12px 18px;font-weight:750;background:var(--primary);color:#fff}.auth-card .primary-button{width:100%;height:50px}.danger-button{background:var(--danger)}.form-error{min-height:20px;color:var(--danger);font-size:.85rem}.security-note{margin-top:28px;color:var(--muted);font-size:.8rem}.auth-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#292459,#6c63ff 58%,#03dac6)}.orb{position:absolute;border-radius:50%;filter:blur(2px);background:rgba(255,255,255,.13)}.orb.one{width:460px;height:460px;right:-100px;top:-140px}.orb.two{width:280px;height:280px;left:9%;bottom:-90px}.glass-card{position:absolute;left:15%;right:15%;top:38%;padding:34px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:rgba(255,255,255,.14);backdrop-filter:blur(18px);color:#fff;box-shadow:0 35px 80px rgba(18,14,69,.32)}.glass-card span{font-size:.75rem;color:#aaffd9}.glass-card strong{display:block;font-size:2rem;margin:28px 0 8px}.glass-card p{opacity:.8}
.app-shell{display:grid;grid-template-columns:var(--rail) var(--list) minmax(390px,1fr) auto;height:100%;background:var(--surface)}.rail{display:flex;flex-direction:column;align-items:center;padding:16px 10px;border-right:1px solid var(--border);background:var(--surface)}.rail-logo{border-radius:13px;margin-bottom:24px}.rail-spacer{flex:1}.rail-button,.icon-button,.round-button,.avatar-button{border:0;background:transparent;border-radius:12px;min-width:42px;height:42px;display:grid;place-items:center;font-size:1.25rem}.rail-button{margin:3px 0;color:var(--muted)}.rail-button.active,.rail-button:hover{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.avatar-button{background:var(--primary);color:white;border-radius:50%;margin-top:8px}.conversation-pane{border-right:1px solid var(--border);min-width:0;background:var(--surface);display:flex;flex-direction:column}.pane-header{display:flex;justify-content:space-between;align-items:center;padding:24px 22px 12px}.pane-header h1{font-size:1.55rem;margin:0}.round-button{background:var(--primary);color:#fff;border-radius:50%}.search-box{margin:8px 18px 14px;display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:12px;padding-left:12px}.search-box input{flex:1;border:0;padding-left:0}.conversation-list{overflow:auto;flex:1}.conversation-item{width:100%;display:flex;gap:12px;padding:12px 18px;border:0;border-left:3px solid transparent;background:transparent;text-align:left}.conversation-item:hover,.conversation-item.active{background:var(--surface-2)}.conversation-item.active{border-left-color:var(--primary)}.avatar{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.conversation-copy{min-width:0;flex:1}.conversation-top{display:flex;justify-content:space-between;gap:8px}.conversation-top strong,.preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-top time{font-size:.72rem;color:var(--muted)}.preview{display:block;color:var(--muted);font-size:.82rem;margin-top:5px}.badge{float:right;background:var(--primary);color:white;border-radius:999px;padding:1px 7px;font-size:.7rem}.empty-small{margin:auto;padding:28px;text-align:center}.empty-small span{display:block;color:var(--muted);font-size:.85rem;margin-top:8px}.skeleton-list{padding:8px 18px}.skeleton-list i,.message-skeleton i{display:block;height:64px;border-radius:13px;margin:8px 0;background:linear-gradient(90deg,var(--surface-2),var(--border),var(--surface-2));background-size:220%;animation:shine 1.2s infinite}@keyframes shine{to{background-position:-220%}}.chat-pane{min-width:0;background:var(--bg);position:relative}.welcome-state{height:100%;display:grid;place-content:center;justify-items:center;text-align:center;padding:24px}.welcome-mark{width:142px;height:142px;border-radius:42px;background:color-mix(in srgb,var(--primary) 10%,transparent);display:grid;place-items:center}.welcome-mark img{border-radius:25px}.welcome-state h2{margin:30px 0 5px;font-size:1.55rem}.welcome-state p,.welcome-state span{color:var(--muted)}.welcome-state span{font-size:.75rem;margin-top:55px}.active-chat{height:100%;display:flex;flex-direction:column}.chat-header{height:72px;display:flex;align-items:center;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.person-button{border:0;background:none;display:flex;align-items:center;gap:11px;text-align:left}.person-button strong,.person-button small{display:block}.person-button small{color:var(--muted);margin-top:2px}.chat-actions{margin-left:auto;display:flex;gap:4px}.messages{flex:1;overflow:auto;padding:22px max(20px,5vw);scroll-behavior:smooth}.load-older{display:block;margin:0 auto 18px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 14px}.day-separator{text-align:center;margin:18px 0;color:var(--muted);font-size:.72rem}.day-separator span{background:var(--surface);padding:6px 10px;border-radius:999px}.message-row{display:flex;margin:4px 0}.message-row.sent{justify-content:flex-end}.bubble{max-width:min(610px,76%);border-radius:17px 17px 17px 5px;background:var(--received);padding:9px 12px;box-shadow:0 2px 7px rgba(0,0,0,.04);position:relative}.sent .bubble{background:var(--sent);color:#fff;border-radius:17px 17px 5px 17px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble-meta{display:flex;justify-content:flex-end;gap:5px;font-size:.65rem;opacity:.72;margin-top:4px}.bubble img,.bubble video{max-width:100%;max-height:360px;border-radius:11px}.bubble audio{max-width:100%}.bubble-actions{display:none;position:absolute;top:-18px;right:6px;background:var(--surface);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);padding:2px}.bubble:hover .bubble-actions,.bubble:focus-within .bubble-actions{display:flex}.bubble-actions button{border:0;background:none;padding:4px}.reactions{font-size:.74rem;background:var(--surface);color:var(--text);border-radius:999px;padding:2px 6px;display:inline-block;margin-top:5px}.message-skeleton i{width:45%;height:46px}.message-skeleton i:nth-child(2){margin-left:auto;width:58%}.composer{min-height:72px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:7px;background:var(--surface);border-top:1px solid var(--border);position:relative}.composer textarea{flex:1;resize:none;max-height:128px;min-height:44px}.send-button{border:0;background:var(--primary);color:white;border-radius:14px;width:44px;height:44px}.emoji-menu{position:absolute;bottom:68px;left:52px;width:230px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.emoji-menu button{border:0;background:transparent;font-size:1.25rem}.reply-preview{display:flex;justify-content:space-between;align-items:center;padding:9px 20px;background:var(--surface);border-left:3px solid var(--primary)}.reply-preview strong,.reply-preview span{display:block}.reply-preview span{color:var(--muted);font-size:.78rem;max-width:60vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-search{display:flex;align-items:center;gap:10px;padding:8px 18px;background:var(--surface);border-bottom:1px solid var(--border)}.message-search label{margin:0}.message-search input{flex:1}.info-panel{width:310px;border-left:1px solid var(--border);background:var(--surface)}.info-panel header,dialog header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.info-panel h2,dialog h2{font-size:1.05rem}.profile-summary{display:flex;flex-direction:column;align-items:center;padding:32px 20px;text-align:center}.avatar.large{width:86px;height:86px;font-size:1.6rem}.profile-summary strong{font-size:1.25rem;margin-top:15px}.profile-summary span:last-child{color:var(--muted);font-size:.85rem;margin-top:6px}.info-section{padding:20px;border-top:1px solid var(--border)}.danger-ghost{margin:20px;border:1px solid var(--danger);color:var(--danger);background:none;border-radius:12px;padding:10px}dialog{border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:0;width:min(480px,calc(100% - 28px));box-shadow:var(--shadow)}dialog::backdrop{background:rgba(8,7,23,.58);backdrop-filter:blur(3px)}dialog form{padding:0 20px 20px}dialog header{margin:0 -20px 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.inline-form{display:flex;gap:8px}.inline-form input{flex:1}.user-results{max-height:350px;overflow:auto;margin-top:14px}.user-result{width:100%;display:flex;align-items:center;gap:10px;border:0;background:none;padding:10px;border-radius:10px}.user-result:hover{background:var(--surface-2)}.offline-banner{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:200;background:#343047;color:white;padding:9px 16px;border-radius:999px;font-size:.8rem}.toast-region{position:fixed;right:18px;bottom:18px;z-index:300;display:grid;gap:8px}.toast{background:var(--text);color:var(--surface);padding:12px 15px;border-radius:11px;box-shadow:var(--shadow);animation:toast-in .2s ease}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}.fatal{padding:20px;background:var(--danger);color:white}.mobile-only{display:none}
@media(max-width:1050px){:root{--list:320px}.info-panel{position:absolute;right:0;top:0;bottom:0;z-index:20;box-shadow:var(--shadow)}}
@media(max-width:760px){body{overflow:hidden}.auth-view{display:block;overflow:auto}.auth-art{display:none}.auth-card{padding:28px 0}.brand{margin-bottom:40px}.app-shell{display:block;position:relative}.rail{position:fixed;left:0;right:0;bottom:0;height:62px;z-index:30;flex-direction:row;border:0;border-top:1px solid var(--border);padding:6px 14px calc(6px + env(safe-area-inset-bottom))}.rail-logo,.rail-spacer,#settings-button{display:none}.rail-button{flex:1}.avatar-button{margin:0}.conversation-pane,.chat-pane{position:absolute;inset:0 0 62px}.conversation-pane{border:0}.chat-pane{display:none}.app-shell.chat-open .conversation-pane{display:none}.app-shell.chat-open .chat-pane{display:block}.mobile-only{display:grid}.messages{padding:18px 10px}.bubble{max-width:86%}.info-panel{position:fixed;inset:0;width:auto;z-index:50}.toast-region{left:12px;right:12px;bottom:78px}.toast{text-align:center}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;scroll-behavior:auto!important}}