:root{--bg:#f5f1ea;--surface:#ffffff;--surface-2:#faf6ef;--ink:#14110f;--ink-2:#5b554d;--ink-3:#9a9389;--line:#e8e1d4;--accent:#ff5b35;--accent-soft:#ffe6dd;--bubble-me:#14110f;--bubble-you:#ffffff;--shadow-sm:0 1px 2px rgba(20,17,15,.04),0 2px 6px rgba(20,17,15,.04);--shadow-md:0 4px 14px rgba(20,17,15,.06),0 12px 32px rgba(20,17,15,.06)}html[data-theme=dark]{--bg:#14110f;--surface:#1d1a17;--surface-2:#26221e;--ink:#f5f1ea;--ink-2:#b8b0a4;--ink-3:#7a736b;--line:#2c2723;--accent:#ff7a55;--accent-soft:#3a2018;--bubble-me:#ff7a55;--bubble-you:#26221e;--shadow-sm:0 1px 2px rgba(0,0,0,.3),0 2px 6px rgba(0,0,0,.25);--shadow-md:0 4px 14px rgba(0,0,0,.4),0 12px 32px rgba(0,0,0,.35)}html[data-theme=dark] body:before{background:radial-gradient(800px 500px at 10% 0,#ff5b3522,transparent 60%),radial-gradient(700px 600px at 100% 100%,#ff5b3515,transparent 60%)}html[data-theme=dark] .row.me .bubble{color:#fff}html[data-theme=dark] .submit{background:var(--ink);color:#14110f}html[data-theme=dark] .submit:hover:not(:disabled){background:var(--accent);color:#fff}html[data-theme=dark] .input-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--ink)}html[data-theme=dark] .err-banner{background:#3a1818;border-color:#5a2222;color:#fca5a5}html[data-theme=dark] .auto-pill{background:#3a2018;color:#ffb59a}html[data-theme=dark] .badge{color:#fff}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(800px 500px at 10% 0,#ffe6dd55,transparent 60%),radial-gradient(700px 600px at 100% 100%,#e8efe355,transparent 60%);pointer-events:none;z-index:0}button,input,textarea{font-family:inherit}a{color:inherit}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1.05fr;position:relative;z-index:1}.auth-layout.reverse{grid-template-columns:1.05fr 1fr}.auth-form-side{padding:32px 48px;display:flex;flex-direction:column;background:var(--bg);position:relative}.auth-form-side:before{content:"";position:absolute;inset:0;background:radial-gradient(700px 500px at 30% 0,#ffe6dd55,transparent 60%);pointer-events:none}.auth-top-nav{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;gap:16px}.auth-top-nav.end{justify-content:flex-end}.auth-logo{display:inline-flex;align-items:baseline;gap:6px;font-weight:800;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:var(--ink)}.auth-logo em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent);font-size:24px}.auth-top-link{font-size:13.5px;color:var(--ink-2);font-weight:500}.auth-top-link a{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1.5px solid var(--ink);padding-bottom:1px;transition:color .15s,border-color .15s}.auth-top-link a:hover{color:var(--accent);border-color:var(--accent)}.auth-form-wrap{flex:1 1;display:flex;align-items:center;position:relative;z-index:1;padding:24px 0}.auth-form{width:100%;max-width:440px;margin:0 auto;animation:fadeUp .6s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.badge-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:18px}.badge-tag svg{color:var(--accent)}.badge-tag .pulse{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 #22c55e80;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #22c55e80}to{box-shadow:0 0 0 6px #22c55e00}}.auth-form h1{font-size:42px;line-height:1.05;letter-spacing:-.03em;font-weight:700;margin-bottom:10px}.auth-form h1 em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent)}.auth-form .lead{font-size:15px;color:var(--ink-2);margin-bottom:28px;line-height:1.55}.socials{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:18px}.social{padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .18s}.social:hover{background:var(--surface-2);transform:translateY(-1px);border-color:var(--ink-3)}.divider{display:flex;align-items:center;gap:14px;margin:6px 0 18px;font-size:11.5px;color:var(--ink-3);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.field{margin-bottom:16px;position:relative}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink-2);margin-bottom:7px}.input-wrap{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:14px;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px #14110f10}.input-wrap.error{border-color:var(--error,#dc2626)}.input-wrap.success{border-color:var(--success,#16a34a)}.input-wrap .lead-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.input-wrap input{width:100%;padding:13px 14px 13px 42px;border:none;outline:none;background:transparent;color:var(--ink);font-size:14.5px;border-radius:14px;font-family:inherit}.input-wrap input::placeholder{color:var(--ink-3)}.input-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--ink)}.toggle-pass{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--ink-3);display:grid;place-items:center;transition:color .15s,background .15s}.toggle-pass:hover{color:var(--ink);background:var(--surface-2)}.field-msg{font-size:12px;margin-top:6px;display:flex;align-items:center;gap:5px}.field-msg.error{color:#dc2626}.field-msg.success{color:#16a34a}.row-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.strength{display:flex;gap:4px;margin-top:8px}.strength .bar{flex:1 1;height:4px;border-radius:99px;background:var(--line);transition:background .3s}.strength.s1 .bar:first-child{background:#dc2626}.strength.s2 .bar:nth-child(-n+2){background:#f59e0b}.strength.s3 .bar:nth-child(-n+3){background:var(--accent)}.strength.s4 .bar{background:#16a34a}.strength-label{font-size:11.5px;margin-top:6px;font-weight:600;color:var(--ink-3)}.strength-label.s1{color:#dc2626}.strength-label.s2{color:#f59e0b}.strength-label.s3{color:var(--accent)}.strength-label.s4{color:#16a34a}.row-between{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13.5px;flex-wrap:wrap;gap:8px}.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;color:var(--ink-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:13px;line-height:1.5}.check input{display:none}.check .box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line);background:var(--surface);display:grid;place-items:center;transition:all .15s;flex-shrink:0;margin-top:1px}.check input:checked+.box{background:var(--ink);border-color:var(--ink)}.check .box svg{opacity:0;transition:opacity .15s}.check input:checked+.box svg{opacity:1}.check a{color:var(--ink);font-weight:600;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.check a:hover{color:var(--accent)}.forgot{color:var(--ink);font-weight:600;text-decoration:none;transition:color .15s}.forgot:hover{color:var(--accent)}.submit{width:100%;padding:15px;border-radius:14px;background:var(--ink);border:none;cursor:pointer;color:#fff;font-size:15px;font-weight:700;font-family:inherit;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s,background .2s;box-shadow:0 4px 14px rgba(20,17,15,.18);margin-top:6px}.submit:hover:not(:disabled){background:var(--accent);transform:translateY(-1px);box-shadow:0 8px 22px #ff5b3540}.submit:active{transform:translateY(0)}.submit:disabled{opacity:.7;cursor:not-allowed}.submit svg.arr{transition:transform .2s}.submit:hover:not(:disabled) svg.arr{transform:translateX(3px)}@keyframes spin{to{transform:rotate(1turn)}}.submit .spin{animation:spin 1s linear infinite}.legal{margin-top:22px;font-size:12px;color:var(--ink-3);text-align:center;line-height:1.5}.legal a{color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line)}.legal a:hover{color:var(--ink)}.err-banner{margin-top:12px;padding:10px 12px;border-radius:10px;background:#fee2e2;border:1px solid #fecaca;color:#991b1b;font-size:13px;display:flex;align-items:center;gap:8px}.show-side{background:var(--ink);color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px}.show-side.between{justify-content:space-between}.show-side:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 500px at 80% 20%,#ff5b3530,transparent 60%),radial-gradient(500px 400px at 10% 100%,#ff5b3520,transparent 60%)}.show-side.left:before{background:radial-gradient(600px 500px at 20% 30%,#ff5b3530,transparent 60%),radial-gradient(500px 400px at 90% 100%,#ff5b3520,transparent 60%)}.grain{inset:0;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.deco,.grain{position:absolute}.deco{background:var(--accent);opacity:.7;border-radius:50%;filter:blur(50px);z-index:0}.deco.d1{width:220px;height:220px;top:10%;right:-50px;animation:float 9s ease-in-out infinite}.deco.d2{width:180px;height:180px;bottom:15%;left:-40px;background:#ffe6dd;opacity:.25;animation:float 11s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.show-top{position:relative;z-index:1}.show-top .pill{align-items:center;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.logo-dark,.show-top .pill{display:inline-flex;gap:6px}.logo-dark{align-items:baseline;font-weight:800;font-size:22px;letter-spacing:-.02em;text-decoration:none;color:#fff}.logo-dark em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent);font-size:24px}.show-mid{position:relative;z-index:1;flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:32px 0}.show-mid h2.hero{font-size:46px;line-height:1.05;letter-spacing:-.03em;font-weight:700;margin-bottom:18px;max-width:520px}.show-mid h2.hero em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent)}.hero-sub{font-size:16px;line-height:1.55;color:rgba(255,255,255,.65);max-width:480px;margin-bottom:36px}.features{display:flex;flex-direction:column;gap:14px;max-width:480px}.feat{display:flex;gap:16px;align-items:flex-start;padding:16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s,background .25s}.feat:hover{transform:translateX(4px);background:rgba(255,255,255,.07)}.feat-ic{width:40px;height:40px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 6px 20px #ff5b3540}.feat:nth-child(2) .feat-ic,.feat:nth-child(3) .feat-ic{background:rgba(255,255,255,.1);box-shadow:none}.feat-body h4{font-size:15px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}.feat-body p{font-size:13.5px;color:rgba(255,255,255,.6);line-height:1.5}.show-bottom{position:relative;z-index:1;padding-top:24px}blockquote{font-family:"Instrument Serif",serif;font-size:28px;line-height:1.3;font-style:italic;font-weight:400;letter-spacing:-.01em;margin-bottom:20px;max-width:520px}blockquote em{color:var(--accent);font-style:italic}.author{display:flex;align-items:center;gap:12px}.author .ava{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#dff0e3,#a8d4b3);display:grid;place-items:center;color:var(--ink);font-weight:700;font-size:13px}.author-info p{font-size:14px;font-weight:600}.author-info span{font-size:12.5px;color:rgba(255,255,255,.55)}.stats{display:flex;gap:36px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.stat .num{font-size:26px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:baseline;gap:2px}.stat .num em{font-family:"Instrument Serif",serif;font-weight:400;font-style:italic;color:var(--accent);font-size:24px}.stat .lab{font-size:12px;color:rgba(255,255,255,.55);margin-top:2px}.preview{width:100%;max-width:380px;margin:0 auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:18px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.4);transform:rotate(-2deg)}.preview-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:14px}.preview-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ffe6dd,#ffc7b2);display:grid;place-items:center;color:var(--ink);font-weight:700;font-size:13px;position:relative}.preview-avatar .live{position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#22c55e;border:2px solid var(--ink)}.preview-head h4{font-size:14px;font-weight:700;letter-spacing:-.01em}.preview-head p{font-size:11.5px;color:rgba(255,255,255,.5);margin-top:1px}.preview-bubbles{display:flex;flex-direction:column;gap:6px}.pb{max-width:75%;padding:9px 13px;border-radius:16px;font-size:13px;line-height:1.45;animation:slidein .6s ease both}.pb.in{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.06);border-bottom-left-radius:5px;align-self:flex-start}.pb.out{background:var(--accent);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.pb:first-child{animation-delay:.1s}.pb:nth-child(2){animation-delay:.3s}.pb:nth-child(3){animation-delay:.5s}.pb:nth-child(4){animation-delay:.7s}@keyframes slidein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pb-typing{display:inline-flex;gap:4px;padding:11px 14px;background:rgba(255,255,255,.08);border-radius:16px;border-bottom-left-radius:5px;align-self:flex-start}.pb-typing span{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);animation:bounce 1.2s ease-in-out infinite}.pb-typing span:nth-child(2){animation-delay:.15s}.pb-typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.show-trust{position:relative;z-index:1;padding-top:28px;margin-top:24px;border-top:1px solid rgba(255,255,255,.1);align-items:center;gap:14px;flex-wrap:wrap}.avatars,.show-trust{display:flex}.avatars .a{width:32px;height:32px;border-radius:50%;border:2.5px solid var(--ink);margin-left:-8px;background:linear-gradient(135deg,#ffe6dd,#ffc7b2);display:grid;place-items:center;font-weight:700;font-size:11px;color:var(--ink)}.avatars .a:first-child{margin-left:0;background:linear-gradient(135deg,#dff0e3,#a8d4b3)}.avatars .a:nth-child(2){background:linear-gradient(135deg,#dde7f2,#a7bfd9)}.avatars .a:nth-child(3){background:linear-gradient(135deg,#ece1f0,#c8a8d4)}.avatars .a:nth-child(4){background:linear-gradient(135deg,#f5edcf,#d9c177)}.show-trust .text{font-size:13.5px;color:rgba(255,255,255,.75)}.show-trust .text strong{color:#fff}.show-trust .stars{display:inline-flex;gap:1px;color:var(--accent);margin-right:4px}@media (max-width:980px){.auth-layout,.auth-layout.reverse{grid-template-columns:1fr}.show-side{display:none}.auth-form-side{padding:24px 24px 40px}}@media (max-width:480px){.auth-form-side{padding:20px 20px 32px}.auth-form h1{font-size:32px}.row-2{gap:0}.row-2,.socials{grid-template-columns:1fr}}.app{position:relative;z-index:1;display:grid;grid-template-columns:320px 1fr 320px;height:100vh;height:100dvh;padding:18px;grid-gap:18px;gap:18px}.sidebar{background:var(--surface);border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-sm)}.brand{padding:22px 22px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:baseline;gap:6px;font-weight:800;font-size:22px;letter-spacing:-.02em}.logo em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;color:var(--accent);font-size:24px}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:all .18s ease;color:var(--ink-2)}.icon-btn:hover{background:var(--surface-2);color:var(--ink);transform:translateY(-1px)}.search{margin:14px 18px 6px;position:relative}.search input{width:100%;padding:12px 14px 12px 40px;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;color:var(--ink);outline:none;transition:border .18s,background .18s;font-size:14px}.search input::placeholder{color:var(--ink-3)}.search input:focus{border-color:var(--ink);background:var(--surface)}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.filters{display:flex;gap:6px;padding:14px 18px;flex-wrap:wrap}.chip{padding:7px 12px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--ink-2);transition:all .18s}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.chip:not(.active):hover,.me-card{background:var(--surface-2)}.me-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--line);flex-shrink:0}.me-card .me-info{flex:1 1;min-width:0}.me-card .me-name{font-weight:700;font-size:14px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.me-card .me-status{font-size:11.5px;color:var(--ink-2);display:flex;align-items:center;gap:5px;margin-top:1px}.me-card .me-status .ping{width:6px;height:6px;border-radius:50%;background:#22c55e}.me-card .me-status.offline .ping{background:var(--ink-3)}.me-card .me-actions{display:flex;gap:4px}.me-card .icon-btn{width:32px;height:32px}.convos{flex:1 1;overflow-y:auto;padding:6px 10px 14px}.convos::-webkit-scrollbar{width:6px}.convos::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.convo{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;cursor:pointer;transition:background .18s;position:relative;border:none;background:transparent;width:100%;text-align:left}.convo.active,.convo:hover{background:var(--surface-2)}.convo.active:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffe6dd,#ffc7b2);display:grid;place-items:center;font-weight:700;color:var(--ink);font-size:15px;flex-shrink:0;position:relative;text-transform:uppercase}.avatar.green{background:linear-gradient(135deg,#dff0e3,#a8d4b3)}.avatar.blue{background:linear-gradient(135deg,#dde7f2,#a7bfd9)}.avatar.purple{background:linear-gradient(135deg,#ece1f0,#c8a8d4)}.avatar.yellow{background:linear-gradient(135deg,#f5edcf,#d9c177)}.avatar.pink{background:linear-gradient(135deg,#f7d9d6,#e89e94)}.avatar .dot{position:absolute;right:-1px;bottom:-1px;width:13px;height:13px;border-radius:50%;background:#22c55e;border:2.5px solid var(--surface)}.convo-body{flex:1 1;min-width:0}.convo-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:3px}.convo-name{font-weight:700;font-size:14.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.convo-time{font-size:11.5px;color:var(--ink-3);font-weight:500;flex-shrink:0;margin-left:8px}.convo-preview{font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{border:1px solid var(--line);border-radius:22px;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md);min-width:0}.chat,.chat-header{background:var(--surface);display:flex}.chat-header{padding:16px 22px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.chat-title{display:flex;gap:12px;align-items:center;min-width:0}.chat-title h2{font-size:16px;font-weight:700;letter-spacing:-.01em}.chat-title .meta{font-size:12px;color:var(--ink-2);display:flex;align-items:center;gap:6px;margin-top:2px}.chat-title .meta .ping{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 #22c55e80;animation:ping 2s infinite}@keyframes ping{0%{box-shadow:0 0 0 0 #22c55e80}to{box-shadow:0 0 0 8px #22c55e00}}.chat-title .meta.offline .ping{background:var(--ink-3);animation:none;box-shadow:none}.auto-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;margin-left:8px;letter-spacing:.01em;vertical-align:middle}.auto-pill svg{flex-shrink:0}.convo .auto-mark{width:14px;height:14px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:inline-grid;place-items:center;margin-left:6px;flex-shrink:0}.header-actions{display:flex;gap:8px;position:relative}.menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md);padding:6px;z-index:30;animation:menuIn .15s ease both}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;border:none;background:transparent;color:var(--ink);font:inherit;font-size:13.5px;cursor:pointer;text-align:left;transition:background .12s}.menu button:hover{background:var(--surface-2)}.menu button.danger{color:#dc2626}.menu button.danger:hover{background:#fee2e2}.menu .sep{height:1px;background:var(--line);margin:4px 2px}.menu label.row-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:13.5px;cursor:pointer;transition:background .12s}.menu label.row-toggle:hover{background:var(--surface-2)}.menu label.row-toggle .lbl{flex:1 1;display:flex;flex-direction:column;gap:1px}.menu label.row-toggle .hint{font-size:11px;color:var(--ink-3);font-weight:500}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background:var(--line);border-radius:99px;transition:background .2s}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;top:3px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.25)}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translateX(16px)}.messages{flex:1 1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:8px;background:linear-gradient(var(--surface),var(--surface)),radial-gradient(circle at 20% 0,#ffe6dd33,transparent 50%)}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.day-divider{text-align:center;margin:14px 0 6px;font-size:11px;color:var(--ink-3);font-weight:600;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:14px}.day-divider:after,.day-divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.row{display:flex;gap:10px;align-items:flex-end;max-width:78%}.row.me{align-self:flex-end;flex-direction:row-reverse}.row .avatar{width:30px;height:30px;font-size:12px}.bubble{padding:11px 15px;border-radius:18px;font-size:14.5px;line-height:1.5;background:var(--bubble-you);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm);word-wrap:break-word;white-space:pre-wrap;animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.row.me .bubble{background:var(--bubble-me);color:#fff;border:none;border-bottom-right-radius:6px}.row:not(.me) .bubble{border-bottom-left-radius:6px}.meta-line{font-size:11px;color:var(--ink-3);margin-top:4px;display:flex;gap:5px;align-items:center}.row.me .meta-line{justify-content:flex-end}.row{position:relative}.row .msg-actions{display:inline-flex;align-items:center;gap:4px;margin-right:6px}.row .msg-actions button{width:22px;height:22px;border-radius:6px;border:none;background:transparent;color:var(--ink-3);cursor:pointer;display:grid;place-items:center;transition:all .15s;opacity:.55}.row .msg-actions button:hover{color:#dc2626;background:#fee2e2;opacity:1}.row.me:hover .msg-actions button{opacity:.9}.typing-row{display:flex;gap:10px;align-items:flex-end;max-width:78%}.typing-row .avatar{width:30px;height:30px;font-size:12px}.typing-bubble{padding:12px 16px;border-radius:18px;border-bottom-left-radius:6px;background:var(--bubble-you);border:1px solid var(--line);display:inline-flex;align-items:center;gap:5px;box-shadow:var(--shadow-sm)}.typing-bubble span{width:7px;height:7px;border-radius:50%;background:var(--ink-3);animation:typingBounce 1.2s ease-in-out infinite}.typing-bubble span:nth-child(2){animation-delay:.15s}.typing-bubble span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.badge{background:var(--accent);color:#fff;min-width:20px;height:20px;border-radius:99px;font-size:11px;font-weight:700;display:inline-grid;place-items:center;padding:0 6px;margin-left:8px;flex-shrink:0}.convo-preview.unread{color:var(--ink);font-weight:600}.convo-preview.typing-preview{color:var(--accent);font-style:italic}.empty{margin:auto;text-align:center;color:var(--ink-2);display:flex;flex-direction:column;align-items:center;gap:6px}.empty .em-icon{width:64px;height:64px;border-radius:50%;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);margin-bottom:6px}.composer{padding:14px 18px 18px;border-top:1px solid var(--line);background:var(--surface);position:relative}.composer.dragging .composer-inner{border-color:var(--accent,#5865f2);background:rgba(88,101,242,.08)}.drop-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(88,101,242,.1);border:2px dashed var(--accent,#5865f2);border-radius:14px;margin:8px;font-size:14px;font-weight:600;color:var(--accent,#5865f2);pointer-events:none;z-index:5}.composer-inner{display:flex;align-items:flex-end;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:8px 8px 8px 14px;transition:border-color .18s}.composer-inner:focus-within{border-color:var(--ink)}.composer textarea{flex:1 1;border:none;outline:none;background:transparent;color:var(--ink);font-size:14.5px;padding:8px 4px;resize:none;max-height:120px;line-height:1.5}.composer textarea::placeholder{color:var(--ink-3)}.tools{display:flex;gap:4px;padding-bottom:2px}.tools button{width:34px;height:34px;border-radius:10px;background:transparent;border:none;cursor:pointer;color:var(--ink-2);display:grid;place-items:center;transition:all .15s}.tools button:hover{background:var(--line);color:var(--ink)}.send{width:38px;height:38px;border-radius:12px;background:var(--accent);border:none;cursor:pointer;color:#fff;display:grid;place-items:center;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 4px 14px #ff5b3540}.send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #ff5b3560}.send:active{transform:translateY(0) scale(.96)}.send:disabled{opacity:.5;cursor:not-allowed}.details{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow-y:auto;box-shadow:var(--shadow-sm)}.details::-webkit-scrollbar{width:6px}.details::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.details-hero{padding:32px 22px 22px;text-align:center;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--surface-2) 0,var(--surface) 100%)}.details-hero .avatar{width:88px;height:88px;font-size:28px;margin:0 auto 14px}.details-hero h3{font-size:20px;font-weight:700;letter-spacing:-.02em}.details-hero p{font-size:13px;color:var(--ink-2);margin-top:4px}.section{padding:18px 22px;border-bottom:1px solid var(--line)}.section h4{font-size:11px;color:var(--ink-3);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px}.info-row .k{color:var(--ink-2)}.danger,.info-row .v{font-weight:600}.danger{color:#dc2626;font-size:13.5px;background:none;border:none;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:8px}.danger:hover{text-decoration:underline}.msg-image{max-width:320px;max-height:320px;border-radius:8px;display:block;object-fit:cover;cursor:pointer}.att-img-link{display:inline-block;line-height:0}.msg-video{max-width:320px;border-radius:8px;display:block}.msg-file{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:13px;color:var(--ink);transition:background .15s}.msg-file:hover{background:rgba(255,255,255,.12)}.att-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.att-caption{white-space:pre-wrap;word-break:break-word}.att-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 6px 4px 8px;border:1px solid var(--line);border-radius:12px;font-size:12px;background:var(--surface-2);max-width:220px;overflow:hidden}.att-chip.error{border-color:#c33;background:#3a1818}.att-chip.uploading{opacity:.7}.att-chip-row{display:flex;flex-wrap:wrap;gap:6px;padding:8px 14px 0}@keyframes att-spin{to{transform:rotate(1turn)}}.att-chip-spinner{display:inline-block;width:10px;height:10px;border:1.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:att-spin .6s linear infinite;flex-shrink:0}.attach-btn{width:34px;height:34px;border-radius:10px;background:transparent;border:none;cursor:pointer;color:var(--ink-2);display:grid;place-items:center;transition:all .15s;flex-shrink:0}.attach-btn:hover:not(:disabled){background:var(--line);color:var(--ink)}.attach-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1100px){.app{grid-template-columns:280px 1fr}.details{display:none}}@media (max-width:760px){body{overflow:auto}.app{grid-template-columns:1fr;padding:0;gap:0;height:100dvh}.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;inset:0;z-index:50;border-radius:0}.chat{border-radius:0;border:none}.mobile-back{display:grid!important}}.mobile-back{display:none}