*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0d0c;--panel:#111614;--line:#1f2825;--text:#e8efe9;--muted:#8a9690;--accent:#0cbf6a;--accent-d:#0a9452;--user:#1b2420}body,html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:760px;margin:0 auto;min-height:100vh;flex-direction:column}.hero,.wrap{display:flex}.hero{align-items:center;gap:16px;padding:22px 18px 16px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:rgba(10,13,12,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.hero img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid var(--accent);flex:none}.hero .meta h1{font-size:19px;font-weight:700;letter-spacing:-.2px}.hero .meta p{font-size:13px;color:var(--muted);margin-top:2px}.hero .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);display:inline-block;margin-right:6px;box-shadow:0 0 8px var(--accent)}.feed{flex:1 1;padding:20px 18px 8px;display:flex;flex-direction:column;gap:16px}.msg{max-width:86%;padding:13px 16px;border-radius:16px;line-height:1.55;font-size:15px;white-space:pre-wrap}.msg.j{align-self:flex-start;background:var(--panel);border:1px solid var(--line);border-top-left-radius:4px}.msg.u{align-self:flex-end;background:var(--user);border:1px solid var(--line);border-top-right-radius:4px}.msg.j .who{font-size:12px;color:var(--accent);font-weight:700;margin-bottom:5px}.src{margin-top:9px;font-size:11px}.src,.src a{color:var(--muted)}.src a{text-decoration:underline}.suggest{display:flex;flex-wrap:wrap;gap:8px;padding:4px 18px 0}.suggest button{background:var(--panel);border:1px solid var(--line);color:var(--text);font-size:13px;padding:8px 12px;border-radius:999px;cursor:pointer}.suggest button:hover{border-color:var(--accent)}.composer{position:-webkit-sticky;position:sticky;bottom:0;display:flex;gap:10px;padding:14px 18px 20px;background:linear-gradient(transparent,var(--bg) 24%)}.composer input{flex:1 1;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:14px 16px;border-radius:14px;font-size:15px;outline:none}.composer input:focus{border-color:var(--accent)}.composer button{background:var(--accent);color:#04130b;border:none;font-weight:700;font-size:15px;padding:0 20px;border-radius:14px;cursor:pointer}.composer button:disabled{opacity:.5;cursor:default}.typing{display:inline-flex;gap:4px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:b 1.2s infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes b{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.foot{text-align:center;font-size:11px;color:var(--muted);padding:0 18px 14px}