.chat{max-width:720px;padding-top:52px}.chat-form{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--fg) 3.5%, transparent), transparent 42%), var(--bg-card);box-shadow:0 1px 0 color-mix(in srgb, var(--fg) 5%, transparent) inset, 0 18px 40px -32px #000000bf;border-radius:18px;flex-direction:column;gap:16px;margin:30px 0 0;padding:20px;display:flex;position:relative}.chat-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.chat .fld{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.chat .fld-lbl{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);font-size:10px;font-weight:500}.chat input,.chat textarea{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg) 72%, transparent);width:100%;color:var(--fg);font:inherit;transition:border-color .18s var(--ease), box-shadow .18s var(--ease), background-color .18s var(--ease);border-radius:12px;padding:11px 13px;font-size:14.5px;line-height:1.6}.chat input::placeholder,.chat textarea::placeholder{color:var(--fg-dim)}.chat input:hover,.chat textarea:hover{border-color:color-mix(in srgb, var(--fg) 26%, transparent)}.chat textarea{resize:none;min-height:84px;max-height:200px;overflow-y:auto}:is(.chat input:focus-visible,.chat textarea:focus-visible){border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.chat .fld-count{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-dim);opacity:0;transition:opacity .2s var(--ease), color .2s var(--ease);pointer-events:none;font-size:10px;position:absolute;bottom:9px;right:12px}.chat .fld-area:focus-within .fld-count,.chat .fld-count[data-near=true]{opacity:1}.chat .fld-count[data-near=true]{color:#d9a35f}.chat .hp{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;left:-9999px}.chat-actions{align-items:center;gap:14px;padding-top:2px;display:flex}.chat-tip{color:var(--fg-dim);min-width:0;transition:color .2s var(--ease);flex:auto;font-size:12.5px}.chat-tip.ok{color:#8bc39a}.chat-tip.err{color:#e08b8b}.chat-submit{border:1px solid color-mix(in srgb, var(--fg) 88%, transparent);background:var(--fg);color:var(--bg);letter-spacing:.01em;cursor:pointer;transition:transform .16s var(--ease), opacity .16s var(--ease), box-shadow .2s var(--ease);border-radius:999px;flex:none;align-items:center;gap:7px;padding:10px 18px 10px 20px;font-size:13.5px;font-weight:600;display:inline-flex}.chat-submit svg{width:15px;height:15px;transition:transform .2s var(--ease)}.chat-submit:hover:not(:disabled){box-shadow:0 8px 22px -14px color-mix(in srgb, var(--fg) 70%, transparent)}.chat-submit:hover:not(:disabled) svg{transform:translate(2px)}.chat-submit:active:not(:disabled){transform:scale(.97)}.chat-submit:disabled{opacity:.45;cursor:default}.chat-list-head{border-bottom:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.16em;color:var(--fg-dim);text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:12px;margin:46px 0 0;padding-bottom:12px;font-size:10.5px;display:flex}.chat-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chat-list>.cm{border-bottom:1px solid var(--line);padding:24px 2px}.chat-list>.cm:last-child{border-bottom:0}.cm{gap:14px;min-width:0;display:flex}.cm-avatar{letter-spacing:.02em;width:34px;height:34px;color:color-mix(in srgb, var(--fg) 82%, transparent);background:color-mix(in srgb, hsl(var(--h,210) 42% 60%) 16%, var(--bg-soft));border:1px solid color-mix(in srgb, hsl(var(--h,210) 45% 65%) 28%, var(--line-strong));-webkit-user-select:none;user-select:none;border-radius:11px;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid;position:relative}.cm-main{flex:auto;min-width:0}.cm-top{flex-wrap:wrap;align-items:baseline;gap:9px;min-height:22px;display:flex}.cm-name{letter-spacing:-.01em;color:var(--fg);font-size:14px;font-weight:600}a.cm-name{transition:color .16s var(--ease), border-color .16s var(--ease);border-bottom:1px solid #0000}a.cm-name:hover{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.cm-time{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-dim);font-size:10.5px}.cm.is-owner .cm-main{border-left:1px solid color-mix(in srgb, var(--accent) 55%, transparent);padding-left:12px;position:relative}.cm-chip{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);background:var(--accent-soft);border-radius:5px;padding:2px 6px;font-size:9.5px}.cm-body{color:color-mix(in srgb, var(--fg) 88%, transparent);white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:14.5px;line-height:1.78}.cm-body a{color:var(--accent);border-bottom:1px solid color-mix(in srgb, var(--accent) 40%, transparent);text-decoration:none}.cm-body a:hover{border-bottom-color:var(--accent)}.cm-tools{opacity:.72;transition:opacity .2s var(--ease);gap:14px;margin-top:9px;display:flex}.cm:hover .cm-tools,.cm:focus-within .cm-tools{opacity:1}.cm-reply-btn{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);cursor:pointer;transition:color .16s var(--ease);background:0 0;border:0;padding:2px 0;font-size:10.5px}.cm-reply-btn:hover{color:var(--accent)}.cm-replies{border-left:1px solid var(--line-strong);flex-direction:column;gap:18px;margin:14px 0 0;padding:0 0 0 16px;list-style:none;display:flex}.cm-replies .cm{gap:11px}.cm-replies .cm-avatar{border-radius:9px;width:26px;height:26px;font-size:11.5px}.cm-replies .cm-body{font-size:14px;line-height:1.72}.reply-form{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--bg) 55%, transparent);border-radius:14px;flex-direction:column;gap:10px;margin:14px 0 0;padding:14px;display:flex}.reply-form textarea{background:var(--bg);min-height:62px}.reply-actions{justify-content:flex-end;gap:8px;display:flex}.reply-actions button{border:1px solid var(--line-strong);color:var(--fg-muted);cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);background:0 0;border-radius:999px;padding:7px 16px;font-size:13px}.reply-actions button:hover{color:var(--fg);border-color:color-mix(in srgb, var(--fg) 30%, transparent)}.reply-actions button:active{transform:scale(.97)}.reply-actions .send{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:600}.chat-more{border:1px solid var(--line-strong);color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:color .18s var(--ease), border-color .18s var(--ease), background-color .18s var(--ease);background:0 0;border-radius:999px;margin:30px auto 0;padding:10px 24px;font-size:10.5px;display:block}.chat-more:hover{color:var(--fg);border-color:color-mix(in srgb, var(--fg) 32%, transparent);background:color-mix(in srgb, var(--fg) 5%, transparent)}.chat-more[hidden]{display:none}.chat-empty{text-align:center;color:var(--fg-dim);border-bottom:1px solid var(--line);padding:58px 20px;font-size:13.5px;line-height:1.8}.cm.is-fresh{animation:cm-in .42s var(--ease) both}@keyframes cm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cm.is-fresh{animation:none}}@media (max-width:620px){.chat{padding-top:34px}.chat-form{border-radius:16px;padding:16px}.chat-fields{grid-template-columns:1fr;gap:12px}.chat-list>.cm{padding:20px 0}.cm{gap:11px}.cm-avatar{border-radius:10px;width:30px;height:30px;font-size:12px}.chat-actions{flex-direction:column-reverse;align-items:stretch;gap:10px}.chat-submit{justify-content:center;padding:12px 20px}.chat-tip{text-align:center;min-height:17px}}