.live-presence{border:1px solid var(--border);background:var(--surface-raised);min-width:0;color:var(--foreground);box-shadow:none;border-radius:12px;align-items:center;gap:1.5rem;margin:-.25rem 0 2.5rem;padding:1rem 1.25rem;display:flex;position:relative}.live-presence__intro{letter-spacing:-.01em;flex:1;align-items:center;gap:.75rem;min-width:0;font-size:.8125rem;font-weight:600;display:flex}.live-presence__intro small{color:var(--foreground-muted);letter-spacing:0;margin-top:.2rem;font-size:.6875rem;font-weight:400;display:block}.live-presence__beacon{background:#85b99b;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 5px #85b99b12}.live-presence__numbers{gap:1.5rem;margin:0;padding:0;display:flex}.live-presence__numbers>div{flex-direction:column-reverse;gap:.2rem;min-width:4rem;display:flex}.live-presence__numbers dt{color:var(--foreground-muted);align-items:center;gap:.35rem;font-size:.6875rem;display:flex}.live-presence__numbers dd{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:0;font-size:1.4rem;font-weight:600;line-height:1.1}.live-presence__numbers svg{width:12px;height:12px;color:var(--foreground-muted)}.live-presence__dot{background:#85b99b;border-radius:50%;flex:none;width:5px;height:5px}.live-presence__chat{min-height:44px;color:var(--foreground);border-left:1px solid #34312e;align-items:center;gap:.6rem;margin-left:.5rem;padding:.65rem .85rem;font-size:.75rem;font-weight:500;display:flex}.live-presence__chat>svg{width:18px;height:18px;color:var(--foreground-muted)}.live-presence__chat>span:last-child{color:var(--foreground-muted);margin-left:.75rem;font-size:1rem}.live-presence__chat:hover{color:var(--foreground);background:var(--surface-overlay)}.live-presence__unavailable{color:var(--foreground-muted);font-size:.625rem;position:absolute;bottom:-1.2rem;right:0}.live-presence[data-presence-state=unavailable] .live-presence__beacon,.live-presence[data-presence-state=unavailable] .live-presence__dot{box-shadow:none;background:#87817a}.live-presence--compact{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;margin:0;padding:0}.live-presence--compact .live-presence__numbers{gap:1rem}.live-presence--compact .live-presence__numbers>div{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:.35rem;min-width:0}.live-presence--compact .live-presence__numbers dd{letter-spacing:-.01em;font-size:.8125rem}.live-presence--compact .live-presence__numbers dt{font-size:.6875rem}.live-presence button:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}@media (max-width:680px){.live-presence{grid-template-columns:minmax(0,1fr) auto;gap:1rem;margin-bottom:2rem;padding:1rem;display:grid}.live-presence__intro{font-size:.75rem}.live-presence__intro small{font-size:.625rem}.live-presence__numbers{gap:1rem}.live-presence__numbers>div{min-width:3rem}.live-presence__numbers dd{font-size:1.25rem}.live-presence__chat{border:0;border-top:1px solid #34312e;grid-column:1/-1;min-height:36px;margin:0;padding:.65rem 0 0}.live-presence__chat>span:last-child{margin-left:auto}.live-presence--compact{margin:0;padding:0;display:flex}.live-presence--compact .live-presence__numbers{gap:.8rem}.live-presence--compact .live-presence__numbers>div{min-width:0}}@media (prefers-reduced-motion:no-preference){.live-presence__chat{transition:color .18s,background-color .18s}}