.chat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;height:min(70vh,44rem);min-height:0;display:flex;position:relative;overflow:hidden}.chat-scroll{overscroll-behavior:contain;min-height:0;padding:var(--space-4) var(--space-4) var(--space-2);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.chat-status{color:var(--ink-muted);margin:auto}.chat-day{margin:var(--space-4) 0 var(--space-2);justify-content:center;display:flex}.chat-day span{padding:2px var(--space-3);background:var(--surface-sunken);color:var(--ink-muted);font-size:var(--step--1);border-radius:999px;font-weight:600}.chat-row{flex-direction:column;gap:2px;max-width:min(78%,32rem);margin-top:2px;display:flex}.chat-row--first{margin-top:var(--space-3)}.chat-row--mine{align-self:flex-end;align-items:flex-end}.chat-row--theirs{align-self:flex-start;align-items:flex-start}.chat-author,.chat-tag,.chat-meta{font-size:var(--step--1);color:var(--ink-muted);margin:0}.chat-author{color:var(--ink);padding-inline:var(--space-2);font-weight:700}.chat-tag{padding-inline:var(--space-2);align-items:center;gap:4px;display:inline-flex}.chat-meta{padding-inline:var(--space-2);margin-bottom:var(--space-1)}.chat-bubble{padding:var(--space-2) var(--space-3);overflow-wrap:anywhere;border-radius:18px}.chat-row--theirs .chat-bubble{background:var(--surface-raised);border:1px solid var(--border);color:var(--ink)}.chat-row--mine .chat-bubble{background:var(--brand);color:var(--on-brand)}.chat-row--mine:not(.chat-row--first) .chat-bubble{border-top-right-radius:6px}.chat-row--mine:not(.chat-row--last) .chat-bubble{border-bottom-right-radius:6px}.chat-row--theirs:not(.chat-row--first) .chat-bubble{border-top-left-radius:6px}.chat-row--theirs:not(.chat-row--last) .chat-bubble{border-bottom-left-radius:6px}.chat-text{white-space:pre-wrap;margin:0;line-height:1.4}.chat-row--mine .chat-text a{color:inherit;text-decoration:underline}.chat-bubble:has(.chat-text--emoji-large),.chat-bubble:has(.chat-text--emoji-medium){padding:0;background:0 0!important;border:0!important}.chat-text--emoji-large{font-size:2.75rem;line-height:1.1}.chat-text--emoji-medium{font-size:1.75rem}.chat-row--failed .chat-bubble{opacity:.7}.chat-failed{align-items:center;gap:var(--space-2);color:var(--danger);font-size:var(--step--1);flex-wrap:wrap;display:flex}.chat-media{border-radius:16px;gap:3px;width:min(20rem,70vw);display:grid;overflow:hidden}.chat-media--2,.chat-media--4,.chat-media--3{grid-template-columns:1fr 1fr}.chat-media--3>:first-child{grid-column:1/-1}.chat-media-item{background:var(--surface-sunken);aspect-ratio:1;cursor:zoom-in;object-fit:cover;border:0;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.chat-media--1 .chat-media-item{aspect-ratio:4/3;max-height:22rem}.chat-media-item img,.chat-media-item video{object-fit:cover;width:100%;height:100%;display:block}.chat-media-item:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.chat-play,.chat-more{color:#fff;text-shadow:0 1px 3px #0009;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:absolute}.chat-play{left:var(--space-2);bottom:var(--space-2);padding:2px var(--space-2);font-size:var(--step--1);background:#0000008c;border-radius:999px}.chat-play-circle{color:#fff;pointer-events:none;background:#00000073;border:2px solid #ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding-left:4px;font-size:1.25rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-more{background:#00000080;font-size:1.5rem;inset:0}.chat-jump{right:var(--space-4);min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;font-weight:600;display:inline-flex;position:absolute;bottom:6.5rem;box-shadow:0 2px 10px #0003}.chat-jump-icon{transform:rotate(-90deg)}.chat-drop{inset:var(--space-2);border:3px dashed var(--brand);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 85%, transparent);color:var(--ink);pointer-events:none;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute}.chat-composer{gap:var(--space-2);padding:var(--space-2) var(--space-3) var(--space-3);border-top:1px solid var(--border);background:var(--surface);display:grid;position:relative}.chat-input{align-items:flex-end;gap:var(--space-1);padding:var(--space-1);border:2px solid var(--border-strong);background:var(--surface-raised);border-radius:24px;display:flex}.chat-input:focus-within{border-color:var(--brand)}.chat-input textarea{min-height:40px;max-height:160px;padding:var(--space-2) var(--space-1);color:var(--ink);font:inherit;resize:none;background:0 0;border:0;outline:none;flex:1;line-height:1.4}.chat-tool,.chat-send{width:40px;height:40px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.chat-tool:hover{color:var(--ink);background:var(--surface-sunken)}.chat-send{background:var(--brand);color:var(--on-brand)}.chat-send:disabled{opacity:.4;cursor:default}.chat-tool:focus-visible,.chat-send:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.chat-hint,.chat-notice{font-size:var(--step--1);color:var(--ink-muted);padding-inline:var(--space-2);margin:0}.chat-queue{gap:var(--space-2);margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.chat-queue-item{background:var(--surface-sunken);border-radius:12px;flex:none;width:64px;height:64px;position:relative;overflow:hidden}.chat-queue-item img,.chat-queue-item video{object-fit:cover;width:100%;height:100%}.chat-queue-item--failed{outline:2px solid var(--danger);outline-offset:-2px}.chat-queue-state{color:#fff;text-align:center;background:#0009;padding:1px 2px;font-size:.625rem;position:absolute;inset:auto 0 0}.chat-queue-remove{color:#fff;cursor:pointer;background:#000000a6;border:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.75rem;display:inline-flex;position:absolute;top:2px;right:2px}.chat-emoji{left:var(--space-3);bottom:calc(100% - var(--space-1));z-index:5;gap:var(--space-2);width:min(22rem, calc(100% - 2 * var(--space-3)));height:20rem;padding:var(--space-2);border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:16px;grid-template-rows:auto auto 1fr;display:grid;position:absolute;box-shadow:0 8px 28px #00000040}.chat-emoji-search{width:100%;min-height:36px;padding:0 var(--space-3);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font:inherit;border-radius:999px}.chat-emoji-tabs{gap:2px;display:flex;overflow-x:auto}.chat-emoji-tabs button{cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:34px;height:34px;font-size:1.125rem}.chat-emoji-tabs button[aria-selected=true]{background:var(--brand-tint);box-shadow:inset 0 -2px 0 var(--brand)}.chat-emoji-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));align-content:start;display:grid;overflow-y:auto}.chat-emoji-grid button{cursor:pointer;background:0 0;border:0;border-radius:8px;height:36px;font-size:1.375rem}.chat-emoji-grid button:hover,.chat-emoji-grid button:focus-visible{background:var(--surface-sunken)}.chat-emoji-empty{color:var(--ink-muted);font-size:var(--step--1);grid-column:1/-1}.chat-viewer{z-index:1000;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#000000eb;flex-direction:column;display:flex;position:fixed;inset:0}.chat-viewer img,.chat-viewer video{object-fit:contain;max-width:100%;max-height:calc(100vh - 6rem)}.chat-viewer-bar{justify-content:center;align-items:center;gap:var(--space-2);color:#fff;flex-wrap:wrap;display:flex}.chat-viewer-button{min-height:40px;padding:0 var(--space-3);color:#fff;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #fff6;border-radius:999px;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.chat-viewer-button:disabled{opacity:.35}@media (width<=40rem){.chat{border-inline:0;border-radius:0;height:calc(100dvh - 12rem)}.chat-row{max-width:88%}}