.chat-scroll{scrollbar-width:thin;scrollbar-color:var(--color-line-2) transparent;overscroll-behavior:contain}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-thumb{background:var(--color-line-2);border-radius:3px}.chat-row{animation:.18s cubic-bezier(.2,.7,.2,1) both rise}.chat-row .chat-time{opacity:0;transition:opacity .12s}.chat-row:hover .chat-time,.chat-row:focus-within .chat-time{opacity:1}.chat-body{overflow-wrap:anywhere;word-break:break-word}.rain-card{background:var(--color-ink-4);border:1px solid var(--color-line-2);border-radius:var(--radius-card);box-shadow:inset 3px 0 0 var(--color-violet), inset 0 1px 0 #ffffff0d}.rain-card.is-done{box-shadow:inset 3px 0 0 var(--color-line-2), inset 0 1px 0 #ffffff0a}.rain-ring{transform-origin:50%;transform:rotate(-90deg)}.rain-ring circle{transition:stroke-dashoffset .25s linear}@keyframes rain-pulse{0%,to{box-shadow:0 0 #a683f873}50%{box-shadow:0 0 0 6px #a683f800}}.rain-live-dot{animation:1.6s ease-out infinite rain-pulse}.chat-pill{animation:.16s cubic-bezier(.2,.7,.2,1) both rise;box-shadow:0 8px 24px -10px #000000b3}.chat-input{background:var(--color-ink-2);border:1px solid var(--color-line-2);border-radius:var(--radius-ctl);transition:border-color .15s,box-shadow .15s}.chat-input:focus-within{border-color:var(--color-violet);box-shadow:0 0 0 3px #a683f838}.chat-input textarea{resize:none;field-sizing:content;background:0 0;outline:none;max-height:96px}.chat-input textarea::placeholder{color:var(--color-paper-3)}.chat-seg{background:var(--color-ink-2);border:1px solid var(--color-line-2);border-radius:var(--radius-ctl);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:2px;display:grid}.chat-seg button{height:34px;color:var(--color-paper-2);border-radius:6px;font-size:13px;font-weight:700}.chat-seg button[aria-pressed=true]{background:var(--color-ink-4);color:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-line-2)}