@layer components{.chat-box{font-size:.9rem;line-height:1.45}.chat-list{list-style:none;margin:0;padding:.35rem 0}.chat-line{display:grid;grid-template-columns:auto 1fr auto;gap:0 .6rem;padding:.15rem .75rem}.chat-line:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.chat-line[data-highlight=true]{background:color-mix(in srgb,var(--accent) 22%,transparent)}.chat-time{min-width:4.6rem;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:.12rem}.chat-body{min-width:0;overflow-wrap:anywhere}.chat-prefix{color:var(--muted);font-weight:700}.chat-sender{color:var(--accent);font-weight:800}.chat-sender:hover{text-decoration:underline}.chat-around,.chat-colon{color:var(--muted)}.chat-around{align-self:start;padding:.1rem .35rem;border-radius:3px;font-weight:900;line-height:1;opacity:0}.chat-around:focus-visible,.chat-line:hover .chat-around{opacity:1}@media (hover:none){.chat-around{opacity:.7}}.chat-around:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,transparent)}.chat-jump{position:absolute;left:50%;bottom:.75rem;transform:translateX(-50%);z-index:1}}