.live-entry{color:var(--ink);white-space:nowrap}.live-floating-entry{color:#10231f;touch-action:manipulation;background:#85b7af;border:1px solid #a7d0c7;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;width:64px;height:64px;padding:0;font:600 12px/1.4 Wanted Sans Variable,sans-serif;display:inline-flex;box-shadow:0 4px 20px #0006}.live-floating-entry:hover{background:#a3ccc5}.live-floating-flame{height:22px;font-size:22px;line-height:1;display:block}.live-floating-entry:focus-visible{outline-offset:4px;outline:2px solid #a7d0c7}.live-panel{z-index:45;border:0;border-left:1px solid var(--border);width:410px;max-width:100vw;height:100dvh;max-height:100dvh;color:var(--foreground);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#17171b;outline:none;flex-direction:column;margin:0 0 0 auto;padding:0;animation:.2s ease-out live-slide;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:-12px 0 56px #0007}.live-heading{border-bottom:1px solid var(--border);flex-shrink:0;align-items:flex-start;gap:6px;padding:24px 16px 20px 24px;display:flex}.live-heading-copy{flex:1;min-width:0}.live-date{color:var(--ink);margin-bottom:7px;font-size:.72rem}.live-date span{color:var(--muted-foreground)}.live-heading h2{overflow-wrap:anywhere;max-height:5.8em;font-size:1.12rem;font-weight:650;line-height:1.5;overflow-y:auto}.live-close,.live-size{width:36px;height:36px;color:var(--muted-foreground);background:0 0;border:0;border-radius:6px;flex-shrink:0;place-items:center;display:grid}.live-close:hover,.live-size:hover{background:var(--muted);color:var(--foreground)}.live-size,.live-resizer{display:none}.live-notice{color:var(--ink);background:var(--ink-soft);padding:8px 24px;font-size:.73rem}.live-conversation{flex:1;min-height:0;position:relative}.live-messages{overscroll-behavior:contain;overflow-anchor:none;height:100%;padding:8px 20px 16px;overflow:hidden auto}.live-message{grid-template-columns:max-content minmax(0,1fr) max-content;align-items:baseline;gap:7px;padding:4px 0;display:grid}.live-message-author{color:#c4c0c4;white-space:nowrap;font-size:.7rem;font-weight:550}.live-message-author span{color:var(--ink);font-size:.6rem}.live-message>time{color:#858087;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6rem}.live-message>p{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;margin:0;font-size:.85rem;line-height:1.5}.live-message[data-mine=true] .live-message-author{color:var(--ink)}.live-empty{min-height:100%;color:var(--muted-foreground);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 0;display:flex}.live-empty>span{opacity:.8;font-size:25px}.live-empty p{color:var(--foreground);font-size:.87rem}.live-empty small{font-size:.72rem}.live-older{border:1px solid var(--border);color:var(--muted-foreground);background:0 0;border-radius:20px;margin:0 auto 20px;padding:8px 16px;font-size:.73rem;display:block}.live-unread{border:1px solid color-mix(in srgb, var(--ink) 40%, transparent);color:#efdec1;white-space:nowrap;background:#302a21;border-radius:24px;align-items:center;gap:8px;padding:9px 17px;font-size:.76rem;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.live-composer{border-top:1px solid var(--border);flex-shrink:0;padding:12px 20px 14px}.live-input-row{background:#ffffff06;border:1px solid #ffffff24;border-radius:12px;align-items:flex-end;gap:4px;padding:4px;display:flex}.live-input-row:focus-within{border-color:var(--ink)}.live-input-row textarea{width:0;min-width:0;min-height:36px;color:var(--foreground);font:inherit;resize:none;background:0 0;border:0;outline:none;flex:1;max-height:58px;padding:7px 10px;font-size:.88rem;line-height:22px;overflow-y:hidden}.live-send{background:var(--ink);color:#181512;border:0;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.live-send:disabled{color:#858087;opacity:1;background:#ffffff09}.live-send:not(:disabled):hover{filter:brightness(1.1)}.live-send:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.live-input-foot{color:#9a949e;justify-content:space-between;gap:10px;margin-top:6px;padding:0 4px;font-size:.65rem;display:flex}.live-self{color:var(--foreground)}.live-self>span{color:var(--ink)}.live-input-count{margin-left:auto}.live-input-foot [data-over=true]{color:#f1a59b}.live-error{color:#f1b7aa;background:#6e2c1e23;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:.73rem;display:flex}.live-error p{flex:1}.live-error button{color:inherit;white-space:nowrap;background:0 0;border:1px solid #f1b7aa55;border-radius:4px;padding:5px 8px}.live-ended{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex}.live-ended>span{color:var(--ink);font-size:36px}.live-ended h3{font-size:1rem}.live-ended p{color:var(--muted-foreground);font-size:.82rem;line-height:1.8}.live-ended button{border:1px solid var(--border);color:var(--foreground);background:0 0;border-radius:4px;padding:8px 24px}@keyframes live-slide{0%{opacity:0;transform:translate(35px)}to{opacity:1;transform:translate(0)}}@media (max-width:760px){.live-floating-entry{width:60px;height:60px}.live-panel{width:100%;top:auto;bottom:var(--live-bottom,0px);height:var(--live-height,55dvh);min-height:var(--live-min-height,260px);border:1px solid #ffffff25;border-bottom:0;border-radius:18px 18px 0 0;max-height:100dvh;animation-name:live-rise;box-shadow:0 -10px 40px #0006}.live-resizer{touch-action:none;cursor:ns-resize;flex-shrink:0;justify-content:center;align-items:center;height:24px;display:flex}.live-resizer span{background:#777179;border-radius:4px;width:42px;height:4px}.live-size{display:grid}.live-heading{padding:0 12px 10px 18px}.live-heading h2{max-height:3em;font-size:.95rem}.live-date{margin-bottom:3px;font-size:.65rem}.live-messages{padding:6px 14px 12px}.live-composer{padding:10px 14px max(10px, env(safe-area-inset-bottom))}.live-input-row textarea{font-size:16px}.live-input-foot{margin-top:5px;font-size:.6rem}.live-notice{padding:5px 18px;font-size:.68rem}.live-empty{gap:5px;padding:12px 0}.live-empty>span{font-size:20px}.live-ended{gap:8px}.live-ended>span{font-size:22px}.live-ended p{font-size:.75rem}}@keyframes live-rise{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.live-panel{animation:none}}
