.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--accent-dim) 0%,transparent 50%),var(--bg)}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;box-shadow:0 20px 60px #0006}.login-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:600;letter-spacing:.02em}.login-subtitle{margin:0 0 1.5rem;color:var(--text-muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-input{width:100%;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:1rem}.login-input::placeholder{color:var(--text-muted)}.login-input:focus{outline:none;border-color:var(--accent)}.login-error{margin:0;color:var(--danger);font-size:.9rem}.login-btn{padding:.85rem 1.25rem;background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:1rem;font-weight:500;transition:background .2s}.login-btn:hover:not(:disabled){background:var(--accent-dim)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.chat-layout{display:flex;height:100vh;height:100dvh;overflow:hidden}.chat-sidebar{width:270px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:1rem .75rem;padding-top:calc(1rem + env(safe-area-inset-top,0px));padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:.75rem}.chat-brand{font-family:var(--font-brand);font-size:1.4rem;font-weight:600;letter-spacing:.02em;padding:0 .5rem}.chat-new-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:var(--accent);border:none;border-radius:10px;color:#fff;font-size:.92rem;font-weight:500}.chat-new-btn:hover{background:var(--accent-dim)}.chat-convo-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.chat-convo-list li{display:flex;align-items:center;border-radius:8px;margin-bottom:2px}.chat-convo-list li:hover,.chat-convo-list li.active{background:var(--border)}.chat-convo-empty{color:var(--text-muted);font-size:.88rem;padding:.5rem}.chat-convo-empty:hover{background:none!important}.chat-convo-title{flex:1;min-width:0;padding:.6rem .65rem;background:none;border:none;color:var(--text-muted);text-align:left;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-convo-list li:hover .chat-convo-title,.chat-convo-list li.active .chat-convo-title{color:var(--text)}.chat-convo-delete{display:flex;padding:.4rem;margin-right:.25rem;background:none;border:none;border-radius:6px;color:var(--text-muted);opacity:0}.chat-convo-list li:hover .chat-convo-delete,.chat-convo-list li.active .chat-convo-delete,.chat-convo-delete:focus-visible{opacity:1}.chat-convo-delete:hover{color:var(--danger);background:#c75c5c1f}@media (hover: none){.chat-convo-delete{opacity:1}}.chat-convo-confirm{display:flex;align-items:center;gap:.4rem;width:100%;padding:.35rem .5rem .35rem .65rem;font-size:.88rem}.chat-convo-confirm span{flex:1;color:var(--text)}.chat-convo-confirm button{padding:.3rem .65rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:.85rem}.chat-convo-confirm button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.chat-logout{padding:.55rem .75rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.88rem}.chat-logout:hover{color:var(--text);border-color:var(--text-muted)}.chat-backdrop{display:none}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.chat-topbar{display:none}.chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.chat-thread{max-width:820px;margin:0 auto;padding:2rem 1.5rem 1rem;display:flex;flex-direction:column;gap:1.4rem;min-height:100%}.chat-placeholder{margin:auto;text-align:center;color:var(--text-muted);max-width:420px}.chat-placeholder-title{font-family:var(--font-brand);font-size:2rem;color:var(--text);margin-bottom:.5rem}.chat-msg{display:flex;flex-direction:column;gap:.5rem;animation:msg-in .18s ease-out}.chat-msg--user{align-items:flex-end}.chat-msg--assistant{align-items:flex-start}.chat-msg-text{line-height:1.65;font-size:1rem;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg--user .chat-msg-text{max-width:min(80%,620px);padding:.7rem 1rem;background:var(--accent-dim);color:#fff;border-radius:18px 18px 4px}.chat-msg--assistant .chat-msg-text{max-width:100%;padding:.1rem .15rem}.chat-msg-media{border-radius:14px;overflow:hidden;max-width:min(100%,460px);border:1px solid var(--border);background:var(--surface)}.chat-msg--user .chat-msg-media{max-width:min(70%,320px)}.chat-msg-media img,.chat-msg-media video{display:block;width:100%;height:auto}.chat-typing{display:flex;gap:5px;padding:.6rem .2rem}.chat-typing span{width:8px;height:8px;border-radius:50%;background:var(--text-muted);animation:typing 1.2s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.15s}.chat-typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes msg-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.chat-composer-wrap{padding:.5rem 1.5rem .9rem;padding-bottom:calc(.9rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,var(--bg) 35%)}.chat-composer{max-width:820px;margin:0 auto;display:flex;align-items:flex-end;gap:.35rem;padding:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:22px;transition:border-color .15s}.chat-composer:focus-within{border-color:var(--accent-dim)}.chat-icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:50%;color:var(--text-muted);cursor:pointer}.chat-icon-btn:hover{color:var(--text);background:var(--border)}.chat-input{flex:1;min-width:0;max-height:200px;padding:.55rem .25rem;background:none;border:none;color:var(--text);font-size:1rem;line-height:1.5;resize:none;overflow-y:auto}.chat-input:focus{outline:none}.chat-send{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:var(--accent);border:none;border-radius:50%;color:#fff}.chat-send:hover:not(:disabled){background:var(--accent-dim)}.chat-send:disabled{opacity:.35;cursor:not-allowed}.chat-hint{max-width:820px;margin:.4rem auto 0;text-align:center;font-size:.75rem;color:var(--text-muted)}.chat-persona-area{flex:1;min-height:0;overflow-y:auto}.chat-persona{display:flex;flex-direction:column;gap:.45rem;padding:0 .25rem}.chat-persona-photo{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:1px solid var(--border);display:block}.chat-persona-name{font-family:var(--font-brand);font-size:1.35rem;font-weight:600;margin-top:.3rem}.chat-persona-meta{font-size:.82rem;color:var(--text-muted)}.chat-persona-bio{margin:.2rem 0 .4rem;font-size:.9rem;line-height:1.5}.chat-persona-delete,.chat-persona-confirm button{padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.85rem}.chat-persona-delete:hover{color:var(--danger);border-color:var(--danger)}.chat-persona-confirm{display:flex;flex-direction:column;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.chat-persona-confirm div{display:flex;gap:.5rem}.chat-persona-confirm button{flex:1}.chat-persona-confirm button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.chat-new-btn{justify-content:center;width:100%}.chat-new-btn:disabled{opacity:.6}.chat-new-btn--big{width:auto;margin:1.25rem auto 0;padding:.8rem 1.6rem;font-size:1rem}.chat-push-btn{padding:.55rem .75rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.85rem;text-align:left}.chat-push-btn:disabled{color:var(--text-muted)}.chat-typing--center{justify-content:center}.chat-composer.is-disabled{opacity:.5}.chat-topbar-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}@media (max-width: 800px){.chat-sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,300px);z-index:20;transform:translate(-100%);transition:transform .22s ease;box-shadow:4px 0 24px #0006}.sidebar-open .chat-sidebar{transform:none}.chat-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#00000080;opacity:0;pointer-events:none;transition:opacity .22s ease}.sidebar-open .chat-backdrop{opacity:1;pointer-events:auto}.chat-topbar{display:flex;align-items:center;gap:.5rem;padding:.5rem;padding-top:calc(.5rem + env(safe-area-inset-top,0px));border-bottom:1px solid var(--border);background:var(--surface)}.chat-topbar-title{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:none;border:none;color:var(--text);font:inherit;font-weight:500}.chat-topbar-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}span.chat-menu-btn{width:calc(22px + .9rem)}.chat-menu-btn{display:flex;padding:.45rem;background:none;border:none;border-radius:8px;color:var(--text)}.chat-menu-btn:active{background:var(--border)}.chat-thread{padding:1.25rem 1rem .75rem;gap:1.1rem}.chat-msg--user .chat-msg-text{max-width:88%}.chat-composer-wrap{padding-left:.75rem;padding-right:.75rem}.chat-hint{display:none}.chat-input{font-size:16px}}:root{--bg: #0d0b0f;--surface: #161318;--border: #2a2433;--text: #e8e4ed;--text-muted: #8c8494;--accent: #c77eb5;--accent-dim: #8b5a7d;--danger: #c75c5c;--radius: 12px;--font-brand: "Crimson Pro", Georgia, serif;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;min-height:100dvh}input,button,textarea{font-family:inherit}button{cursor:pointer}a{color:var(--accent)}