:root{--a:#6c49ff;--ink:#121525;--muted:#747b8d;--line:#e7e9f0}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui;background:#f4f5f9;color:var(--ink)}button,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:245px minmax(0,1fr) 290px;background:linear-gradient(120deg,#fbfaff,#f5f7fb 58%,#faf6ff)}.rail{background:#fff;border-right:1px solid var(--line);padding:24px 15px;display:flex;flex-direction:column}.brand{font-weight:900;font-size:24px;color:var(--ink);text-decoration:none;padding:0 8px 24px}.rail small{padding:8px;color:#999eae;font-weight:800;letter-spacing:.12em}nav{display:grid;gap:3px}nav a{display:flex;gap:9px;align-items:center;padding:10px;border-radius:10px;color:#383d4e;text-decoration:none}nav a.active,nav a:hover{background:#f1efff;color:#563bdd}.ni{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f7f5ff;font-size:10px;font-weight:900}.avail{margin-top:auto;color:var(--muted);font-size:12px;padding:12px 8px}.avail i,.head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#25b56d}.chat{min-width:0;min-height:100vh;display:grid;grid-template-rows:auto 1fr auto auto;background:radial-gradient(circle at 15% 0%,#6c49ff12,transparent 32%),linear-gradient(#fbfbff,#f5f6fa)}header{height:70px;display:flex;align-items:center;gap:11px;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}header>a{margin-left:auto;color:#5c44dd;text-decoration:none;font-size:13px}#menu{display:none;border:0;background:none;font-size:23px}.avatar{width:41px;height:41px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#6c49ff,#927fff);color:#fff;font-weight:900}.head{display:flex;flex-direction:column}.head span{font-size:11px;color:var(--muted);margin-top:2px}#conv{padding:22px clamp(13px,4vw,55px);overflow:auto}.today{width:max-content;margin:auto;padding:5px 9px;border-radius:99px;background:#e7e8ed;color:#6c7284;font-size:11px}.intro{text-align:center;max-width:650px;margin:28px auto 32px}.intro em,.context em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.13em;color:#6248ea}.intro h1{font-size:clamp(27px,4vw,40px);margin:8px 0;letter-spacing:-.035em}.intro p{color:var(--muted)}.row{display:flex;margin:8px 0}.user{justify-content:flex-end}.bubble{max-width:min(690px,84%);padding:11px 13px 8px;border-radius:16px;background:#fff;white-space:pre-wrap;line-height:1.45}.user .bubble{background:#ece8ff}.meta{font-size:10px;color:#9297a6;text-align:right;margin-top:5px}.card{max-width:min(690px,88%);background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px;margin:8px 0 12px}.card img{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:10px;background:#f2f3f6;cursor:zoom-in}.actions{display:flex;gap:8px;margin-top:10px}.actions a{padding:9px 12px;border-radius:9px;background:var(--a);color:#fff;text-decoration:none}.pending{color:#8a5d00;background:#fff8e2}.typing{padding:0 55px 8px}.typing span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7acb8;margin:0 2px;animation:bop 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes bop{50%{transform:translateY(-4px)}}form{margin:0 12px 12px;padding:7px;display:flex;align-items:flex-end;gap:6px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 12px 32px #15172a12}textarea{flex:1;resize:none;min-height:42px;max-height:140px;border:0;outline:0;padding:10px 7px;font-size:16px}.plus,.send{width:42px;height:42px;border:0;border-radius:11px}.plus{background:#f1f2f6}.send{background:var(--a);color:#fff}.context{padding:24px 17px;background:#fff;border-left:1px solid var(--line)}.context>div{border:1px solid var(--line);border-radius:17px;padding:19px}.context h2{font-size:25px;line-height:1.1}.context p{color:var(--muted);line-height:1.5;font-size:13px}#scrim{position:fixed;inset:0;background:#0007;z-index:20}#lightbox{position:fixed;inset:0;background:#05060ddd;z-index:40;display:grid;place-items:center;padding:25px}#lightbox[hidden]{display:none}#lightbox img{max-width:94vw;max-height:90vh}#lightbox button{position:absolute;top:12px;right:20px;background:none;border:0;color:#fff;font-size:38px}@media(max-width:1050px){.shell{grid-template-columns:225px 1fr}.context{display:none}}@media(max-width:720px){.shell{display:block}.rail{position:fixed;left:-275px;top:0;bottom:0;width:265px;z-index:30;transition:.2s;box-shadow:10px 0 35px #0002}.rail.open{left:0}#menu{display:block}.chat{min-height:100vh}#conv{padding:16px 10px}.bubble{max-width:89%}form{margin:0 7px 7px}}