:root{--ink:#15172b;--muted:#6b7090;--line:#e8e9f3;--bg:#f5f6fb;--card:#fff;--accent:#5b5bd6;--accent-soft:#ececfb;--accent-ink:#3f3fb0;--radius:18px;--shadow:0 1px 2px rgba(20,23,43,.04),0 8px 30px rgba(20,23,43,.06)}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}.screen{display:flex;flex-direction:column;height:100dvh;max-width:720px;margin:0 auto;background:var(--card)}.screen.center{align-items:center;justify-content:center}.card-pane{width:100%;max-width:340px;padding:28px;text-align:center}.logo{width:54px;height:54px;border-radius:16px;margin:0 auto 22px;background:linear-gradient(135deg,var(--accent),#8b5bd6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}h1{font-size:24px;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px}.sub{color:var(--muted);font-size:14.5px;line-height:1.5;margin:0 0 18px}.field{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;outline:none;background:#fbfbfe;margin-bottom:12px}.field:focus{border-color:var(--accent);background:#fff}.btn{width:100%;padding:13px 14px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer}.btn:hover{background:var(--accent-ink)}.topbar{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.brand,.topbar{display:flex;align-items:center}.brand{gap:9px;font-weight:650;font-size:15px}.brand .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.brand small{color:var(--muted);font-weight:500}.hub{padding:26px 22px;overflow-y:auto}.hub-title{font-size:23px;margin:0 0 8px}.cards{display:grid;grid-template-columns:1fr;grid-gap:13px;gap:13px;margin-top:16px}@media (min-width:560px){.cards{grid-template-columns:1fr 1fr}}.card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;cursor:pointer;display:flex;flex-direction:column;min-height:150px;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,transform .05s}.card:hover{border-color:var(--accent);box-shadow:0 6px 20px rgba(91,91,214,.1)}.card:active{transform:translateY(1px)}.card .ic{width:36px;height:36px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}.card h3{font-size:15.5px;margin:0 0 5px}.card p{font-size:13px;color:var(--muted);margin:0;line-height:1.45;flex:1 1}.card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.tag{font-size:11px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);padding:3px 9px;border-radius:999px}.arrow{color:var(--accent);font-size:16px}.chat-head{gap:11px;padding:14px 20px;border-bottom:1px solid var(--line)}.chat-head,.remo{display:flex;align-items:center}.remo{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#b06ee0);color:#fff;justify-content:center;font-weight:700}.who{font-weight:650;font-size:15px}.who small{display:block;font-weight:500;font-size:12px;margin-top:1px}.exit,.who small{color:var(--muted)}.exit{margin-left:auto;font-size:13px;cursor:pointer;background:none;border:none}.thread{flex:1 1;overflow-y:auto;padding:20px 16px 8px;display:flex;flex-direction:column;gap:12px}.msg{max-width:82%;font-size:14.5px;line-height:1.55;padding:11px 15px;border-radius:16px}.remo-msg{align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-bottom-left-radius:5px}.me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:5px}.md,.me{white-space:pre-wrap}.md .h{display:block;font-weight:700;margin:10px 0 4px}.md .h:first-child{margin-top:0}.typing{align-self:flex-start;background:var(--bg);border:1px solid var(--line);padding:13px 16px;border-radius:16px;border-bottom-left-radius:5px;display:flex;gap:4px}.typing span{width:6px;height:6px;border-radius:50%;background:#b9bcd6;animation:blink 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.composer{display:flex;gap:9px;align-items:flex-end;border-top:1px solid var(--line);padding:12px 16px}.composer textarea{flex:1 1;resize:none;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;font-size:14.5px;max-height:120px;outline:none;background:#fbfbfe}.composer textarea:focus{border-color:var(--accent);background:#fff}.sendbtn{width:42px;height:42px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:18px;cursor:pointer;flex:0 0 auto}.sendbtn:hover{background:var(--accent-ink)}.sendbtn:disabled{opacity:.5;cursor:default}