.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:2px;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-row{display:flex;align-items:flex-end;gap:8px}.chat-row.is-first{margin-top:.9rem}.chat-row--user{justify-content:flex-end}.chat-row-avatar{flex:0 0 28px;width:28px;height:28px}.chat-row-avatar img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block}.chat-bubbles{display:flex;flex-direction:column;gap:2px;max-width:min(75%,520px)}.chat-row--user .chat-bubbles{align-items:flex-end}.chat-row--assistant .chat-bubbles{align-items:flex-start}.chat-bubble,.chat-msg-media{animation:bubble-in .42s var(--spring) both}.chat-row--assistant .chat-bubble,.chat-row--assistant .chat-msg-media{transform-origin:bottom left}.chat-row--user .chat-bubble,.chat-row--user .chat-msg-media{transform-origin:bottom right}.chat-row-avatar img{animation:avatar-in .3s ease-out both}.chat-bubble{padding:.5rem .85rem;border-radius:18px;line-height:1.4;font-size:.97rem;white-space:pre-wrap;overflow-wrap:anywhere}.chat-row--assistant .chat-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text);border-top-left-radius:5px;border-bottom-left-radius:5px}.chat-row--assistant.is-first .chat-bubbles>:first-child{border-top-left-radius:18px}.chat-row--assistant.is-last .chat-bubbles>:last-child{border-bottom-left-radius:18px}.chat-row--user .chat-bubble{background:var(--accent);color:#fff;border-top-right-radius:5px;border-bottom-right-radius:5px}.chat-row--user.is-first .chat-bubbles>:first-child{border-top-right-radius:18px}.chat-row--user.is-last .chat-bubbles>:last-child{border-bottom-right-radius:18px}.chat-day{text-align:center;font-size:.75rem;color:var(--text-muted);margin:1.2rem 0 .2rem}.chat-msg-media{border-radius:18px;overflow:hidden;max-width:min(100%,300px);border:1px solid var(--border);background:var(--surface)}.chat-msg-media img,.chat-msg-media video{display:block;width:100%;height:auto}.chat-msg-media img{min-height:120px;opacity:0;filter:blur(14px);transform:scale(1.04);transition:opacity .5s ease,filter .6s ease,transform .6s ease}.chat-msg-media img.is-loaded{min-height:0;opacity:1;filter:none;transform:none}.chat-receipt{text-align:right;font-size:.7rem;color:var(--text-muted);margin:3px 4px 0 0;animation:fade-in .3s ease both}.chat-receipt.is-seen{color:var(--accent)}.chat-typing{display:flex;gap:5px;padding:.75rem .9rem}.chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--text-muted);animation:typing 1.3s infinite ease-in-out}.chat-typing span:nth-child(2){animation-delay:.16s}.chat-typing span:nth-child(3){animation-delay:.32s}:root{--spring: cubic-bezier(.34, 1.4, .64, 1)}@supports (animation-timing-function: linear(0,1)){:root{--spring: linear(0, .18 7%, .56 17%, .9 28%, 1.05 38%, 1.07 45%, 1.03 58%, .995 72%, 1)}}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0) scale(.9)}30%{opacity:1;transform:translateY(-4px) scale(1)}}@keyframes bubble-in{0%{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}@keyframes avatar-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.chat-unseen{position:absolute;left:50%;top:-2.6rem;z-index:2;padding:.45rem .95rem;border:none;border-radius:999px;background:var(--accent);color:#fff;font-size:.82rem;box-shadow:0 6px 18px #00000059;opacity:0;pointer-events:none;transform:translate(-50%,10px) scale(.9);transition:opacity .2s ease,transform .35s var(--spring)}.chat-unseen.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.chat-composer-wrap{position:relative;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 .2s,box-shadow .25s}.chat-composer:focus-within{border-color:var(--accent-dim);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 14%,transparent)}.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;transform:scale(.85);transition:transform .3s var(--spring),opacity .2s,background .15s}.chat-send.is-ready{transform:scale(1)}.chat-send:hover:not(:disabled){background:var(--accent-dim)}.chat-send:active:not(:disabled){transform:scale(.88);transition-duration:.08s}.chat-send:disabled{opacity:.35;cursor:not-allowed}.chat-icon-btn{transition:background .15s,color .15s,transform .15s}.chat-icon-btn:active{transform:scale(.9)}.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:1rem .75rem .75rem}.chat-bubbles{max-width:78%}.chat-composer-wrap{padding-left:.75rem;padding-right:.75rem}.chat-hint{display:none}.chat-input{font-size:16px}}@media (prefers-reduced-motion: reduce){.chat-bubble,.chat-msg-media,.chat-row-avatar img,.chat-receipt,.chat-typing span{animation:none}.chat-msg-media img,.chat-send,.chat-unseen{transition:none}}: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)}