.circle-chat-dialog{--circle-header:3rem;--circle-peer:2.5rem;--circle-face:2.125rem;--circle-sticker:13rem;--circle-text:1rem;z-index:var(--z-modal);border:1px solid var(--border);background:var(--background);width:min(52rem,100vw - 2.5rem);height:calc(100dvh - 2rem);transition:opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard);border-radius:1.25rem;outline:none;flex-direction:column;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 16px 48px #0f1b2d2e,0 0 0 1px #1565c00f}.circle-chat-dialog[data-starting-style],.circle-chat-dialog[data-ending-style]{opacity:0;transform:translate(-50%,-50%)scale(.98)}.circle-chat__head{height:var(--circle-header);border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:.5rem;padding:0 .55rem 0 .7rem;display:flex}.circle-chat__actions{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.circle-chat__identity{align-items:center;gap:.625rem;min-width:0;display:flex}.circle-chat__avatar{width:var(--circle-peer);height:var(--circle-peer);object-fit:cover;border-radius:999px;flex-shrink:0}.circle-chat__titles{flex-direction:column;gap:.12rem;min-width:0;display:flex}.circle-chat__title{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:500;line-height:1.5rem;overflow:hidden}.circle-chat__status{color:var(--muted-foreground);font-size:.875rem;line-height:1.125rem}.circle-chat__status.is-live{color:#2ea043}.circle-chat__stream{overflow-anchor:none;background:#99ba92;flex:1;min-height:0;padding:1rem 1rem .75rem 1.125rem;overflow-y:auto}.circle-chat__empty{text-align:center;color:#fff;text-shadow:0 1px 2px #00000047;margin:2.4rem .5rem;font-size:.875rem;line-height:1.45}.circle-chat__msg{grid-template-columns:var(--circle-face) minmax(0, min(36rem, 100%));justify-content:start;align-items:end;column-gap:.375rem;max-width:100%;margin:.55rem 0 0;display:grid}.circle-chat__msg.is-follow{margin-top:.125rem}.circle-chat__face-slot{width:var(--circle-face);height:var(--circle-face);grid-area:1/1}.circle-chat__face{width:var(--circle-face);height:var(--circle-face);object-fit:cover;border-radius:999px}.circle-chat__face--letter{color:#fff;justify-content:center;align-items:center;font-size:1rem;font-weight:650;line-height:1;display:flex}.circle-chat__stack{grid-area:1/2;width:fit-content;min-width:0;max-width:100%}.circle-chat__bubble{color:#000;background:#fff;border-radius:.9375rem .9375rem .9375rem .375rem;width:fit-content;max-width:100%;padding:.25rem .5rem .3rem;box-shadow:0 1px 1px #0f1b2d14}.circle-chat__sticker{width:min(var(--circle-sticker), 100%)}.circle-chat__sticker-frame{width:var(--circle-sticker);aspect-ratio:1;max-width:100%;position:relative}.circle-chat__sticker-media{object-fit:contain;width:100%;height:100%;display:block}.circle-chat__sticker-time{color:#fff;font-variant-numeric:tabular-nums;background:#0006;border-radius:999px;padding:.1rem .35rem;font-size:.75rem;line-height:1.2;position:absolute;bottom:.3rem;right:.3rem}.circle-chat__name{margin:0 0 .05rem;font-size:.875rem;font-weight:650;line-height:1.2}.circle-chat__rank{color:#707579;margin-left:.35rem;font-size:.75rem;font-weight:500}.circle-chat__bot{color:#fff;vertical-align:.05rem;background:#3390ec;border-radius:.25rem;margin-left:.3rem;padding:0 .28rem;font-size:.6875rem;font-weight:650;line-height:1.35;display:inline-block}.circle-chat__reply{color:#3d4750;border-left:2px solid #3390ec;margin:.1rem 0 .2rem;padding-left:.4rem;font-size:.8125rem;line-height:1.3}.circle-chat__reply-name{color:#3390ec;font-weight:650;display:block}.circle-chat__quote{border-left:2px solid #3390ec;margin:.1rem 0;padding-left:.4rem;display:block}.circle-chat__spoiler{color:#0000;cursor:pointer;background:#8d969e;border-radius:.2rem}.circle-chat__spoiler:hover,.circle-chat__spoiler:focus{color:inherit;background:0 0}.circle-chat__bubble.is-media{padding:.25rem .3rem .3rem}.circle-chat__photo{background:#d5e4ee;border-radius:.75rem;width:min(26.875rem,100%);max-height:20rem;position:relative;overflow:hidden}.circle-chat__photo img,.circle-chat__photo video{object-fit:cover;width:100%;height:100%;max-height:20rem;display:block}.circle-chat__photo.is-round{border-radius:999px;width:15rem;height:15rem;max-height:none}.circle-chat__photo.is-round video{max-height:none}.circle-chat__voice audio{width:min(16rem,100%);height:2rem;display:block}.circle-chat__text{font-size:var(--circle-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.3125}.circle-chat__emoji{vertical-align:-.28em;object-fit:contain;width:1.35em;height:1.35em;margin:0 .05em;display:inline-block}.circle-chat__time{float:right;color:#8d969e;font-variant-numeric:tabular-nums;margin:.4rem 0 0 .55rem;font-size:.75rem;line-height:1}.circle-chat__close{flex-shrink:0}.circle-chat__open{color:#3390ec;white-space:nowrap;font-size:.8125rem;font-weight:650;line-height:1.2;text-decoration:none}.circle-chat__open:hover{text-decoration:underline}.dark .circle-chat-dialog{box-shadow:0 16px 48px #00000073}.dark .circle-chat__head{border-bottom-color:#ffffff14}.dark .circle-chat__stream{background:#0f0f0f}.dark .circle-chat__open{color:#6ab3f3}.dark .circle-chat__empty{color:#8b9aab;text-shadow:none}.dark .circle-chat__bubble{color:#f5f5f5;box-shadow:none;background:#212121}.dark .circle-chat__time{color:#6d7f8f}@media (max-width:767px){.circle-chat-dialog{--circle-sticker:11rem;--circle-text:1.0625rem;width:100%;height:100dvh;max-height:100dvh;box-shadow:none;border:0;border-radius:0;inset:0;transform:none}.circle-chat__head{height:calc(var(--circle-header) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.circle-chat__stream{padding:.75rem .5rem calc(.65rem + env(safe-area-inset-bottom))}.circle-chat-dialog[data-starting-style],.circle-chat-dialog[data-ending-style]{transform:none}.dark .circle-chat-dialog{box-shadow:none}}@media (prefers-reduced-motion:reduce){.circle-chat-dialog,.circle-chat-dialog[data-starting-style],.circle-chat-dialog[data-ending-style]{transition:none}}