.live{--bg:#0b0f17;--bg-2:#101623;--bg-3:#161e2e;--line:#ffffff14;--line-2:#ffffff24;--fg:#e8ecf3;--fg-2:#aab3c2;--fg-3:#737d8c;--accent:#6ea8ff;--accent-2:#9b7bff;--accent-ink:#0b0f17;--glow:0 0 0 1px #6ea8ff40, 0 8px 30px #6ea8ff1f;--person:linear-gradient(135deg, #2b5cff, #7a4dff);--ok:#4ade80;--bad:#ff6b6b;--radius:14px;--font:var(--font,ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif);--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:radial-gradient(1200px 600px at 80% -10%, #6ea8ff1f, transparent 60%), radial-gradient(900px 500px at -10% 110%, #9b7bff1f, transparent 60%), var(--bg);color:var(--fg);font-family:var(--font);grid-template-rows:100%;grid-template-columns:280px 1fr;font-size:15px;line-height:1.55;display:grid;position:fixed;inset:0}.live[data-theme=light]{--bg:#f6f8fb;--bg-2:#fff;--bg-3:#eef2f7;--line:#10182814;--line-2:#10182829;--fg:#101828;--fg-2:#475467;--fg-3:#98a2b3;--accent:#2b5cff;--accent-2:#7a4dff;--accent-ink:#fff;--glow:0 0 0 1px #2b5cff33, 0 8px 30px #2b5cff1a;--ok:#16a34a;--bad:#dc2626}.live[data-panel=open]{grid-template-columns:280px 1fr minmax(360px,42%)}.live *,.live :before,.live :after{box-sizing:border-box}.live svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.live button,.live input,.live textarea{font:inherit;color:inherit}.live button{cursor:pointer;background:0 0;border:0}.live a{color:var(--accent);text-decoration:none}.live a:hover{text-decoration:underline}.live p{margin:0}.live code{font-family:var(--mono);background:var(--bg-3);border-radius:6px;padding:1px 6px;font-size:.9em}.live pre{background:var(--bg-3);border:1px solid var(--line);font-family:var(--mono);white-space:pre-wrap;border-radius:10px;margin:10px 0;padding:12px 14px;font-size:.85em;overflow-x:auto}.live-side{background:var(--bg-2);border-right:1px solid var(--line);flex-direction:column;gap:12px;min-height:0;padding:16px 14px;display:flex}.live-brand{letter-spacing:.02em;align-items:center;gap:10px;padding:4px 6px;font-weight:650;display:flex}.live-mark{background:var(--person);color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;display:inline-grid}.live-new{border:1px solid var(--line-2);background:var(--bg-3);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-weight:550;display:flex}.live-new:hover{border-color:var(--accent);box-shadow:var(--glow)}.live-search{border:1px solid var(--line);color:var(--fg-3);border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.live-search input{background:0 0;border:0;outline:none;flex:1;min-width:0}.live-list{flex:1;min-height:0;overflow-y:auto}.live-list ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.live-list a{color:var(--fg-2);border-radius:9px;flex-direction:column;gap:2px;padding:9px 10px;display:flex}.live-list a:hover{background:var(--bg-3);color:var(--fg);text-decoration:none}.live-list li[data-current=true] a{background:var(--bg-3);color:var(--fg);box-shadow:inset 2px 0 0 var(--accent)}.live-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-list small,.live-me small,.live-at{color:var(--fg-3);font-size:.78em}.live-empty{color:var(--fg-3);padding:8px 10px}.live-me{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding-top:12px;display:flex}.live-me>div:first-child{flex-direction:column;min-width:0;display:flex}.live-me strong{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.live-me-acts{align-items:center;gap:4px;display:flex}.live-me-acts>button,.live-me-acts>a{width:32px;height:32px;color:var(--fg-2);border-radius:8px;place-items:center;display:inline-grid}.live-me-acts>button:hover,.live-me-acts>a:hover{background:var(--bg-3);color:var(--fg);text-decoration:none}.live-me-acts form button{color:var(--fg-2);border-radius:8px;padding:6px 10px;font-size:.9em}.live-me-acts form button:hover{background:var(--bg-3);color:var(--fg)}.live-main{grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid}.live-head{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:16px;padding:14px 24px;display:flex}.live-head h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:600;overflow:hidden}.live-status{color:var(--fg-2);align-items:center;gap:8px;font-size:.9em;display:inline-flex}.live-pulse{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.4s ease-out infinite live-pulse;box-shadow:0 0 #6ea8ff99}@keyframes live-pulse{0%{box-shadow:0 0 #6ea8ff99}to{box-shadow:0 0 0 10px #6ea8ff00}}.live-thread{min-height:0;padding:24px;overflow-y:auto}.live-exchanges{flex-direction:column;gap:18px;max-width:820px;margin:0 auto;padding:0;list-style:none;display:flex}.live-exchange{flex-direction:column;gap:10px;display:flex}.live-said{border-radius:var(--radius);border:1px solid var(--line);background:var(--bg-2);max-width:88%;padding:12px 16px;position:relative}.live-said-person{background:var(--person);color:#fff;border-color:#0000;align-self:flex-end}.live-said-person .live-at{color:#ffffffb3}.live-said-ihsan{align-self:flex-start}.live-moving{border-color:var(--line-2);box-shadow:var(--glow)}.live-at{margin-top:6px;display:block}.live-body p+p,.live-body ul,.live-body table{margin-top:8px}.live-body ul{margin-bottom:0;padding-left:20px}.live-body table{border-collapse:collapse;width:100%;font-size:.93em}.live-body th,.live-body td{text-align:left;border-bottom:1px solid var(--line);padding:6px 10px}.live-body th{color:var(--fg-2);font-weight:600}.live-choices,.live-starters,.live-decide{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.live-choices button,.live-starters button,.live-decide button,.live-files button{border:1px solid var(--line-2);background:var(--bg-3);color:var(--fg);border-radius:999px;padding:8px 14px}.live-choices button:hover,.live-starters button:hover,.live-decide button:hover,.live-files button:hover{border-color:var(--accent);box-shadow:var(--glow)}.live-decide button[data-deny=true]{color:var(--bad)}.live-files{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.live-files li{border:1px dashed var(--line-2);border-radius:12px;align-items:center;gap:8px;padding:6px 8px 6px 6px;display:flex}.live-files a{font-size:.85em}.live-footer{color:var(--fg-3);margin:10px 0 0;padding-left:18px;font-size:.85em}.live-confirm{border-top:1px dashed var(--line-2);margin-top:10px;padding-top:10px}.live-decided{color:var(--fg-3);margin-top:6px}.live-failed{max-width:820px;color:var(--bad);margin:8px auto 0}.live-welcome{text-align:center;max-width:720px;margin:12vh auto 0}.live-welcome h2{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:1.8rem;font-weight:650}.live-welcome p{color:var(--fg-2)}.live-welcome .live-starters{justify-content:center;margin-top:22px}.live-composer{align-items:flex-end;gap:10px;width:100%;max-width:820px;margin:0 auto;padding:14px 24px 20px;display:flex}.live-composer textarea{resize:vertical;border:1px solid var(--line-2);background:var(--bg-2);border-radius:16px;outline:none;flex:1;min-height:48px;max-height:200px;padding:12px 16px}.live-composer textarea:focus{border-color:var(--accent);box-shadow:var(--glow)}.live-composer button{background:var(--person);color:#fff;border-radius:14px;place-items:center;width:46px;height:46px;display:inline-grid}.live-composer button:disabled{opacity:.4;cursor:default}.live-panel{border-left:1px solid var(--line);background:var(--bg-2);grid-template-rows:auto 1fr;min-height:0;display:grid}.live-panel header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.live-panel header span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.live-panel header button{width:32px;height:32px;color:var(--fg-2);border-radius:8px;place-items:center;display:inline-grid}.live-panel iframe{background:#fff;border:0;width:100%;height:100%}@media (max-width:860px){.live,.live[data-panel=open]{grid-template-rows:auto 1fr;grid-template-columns:1fr}.live-side{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap;padding:10px 12px}.live-list,.live-search{display:none}.live-brand{flex:1}.live-me{border-top:0;padding-top:0}.live-panel{z-index:2;position:fixed;inset:0}.live-said{max-width:100%}}.live-list h3{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin:8px 10px 4px;font-size:.72em;font-weight:600}.live-list ul+ul{margin-top:8px}.live-list li{position:relative}.live-list li[data-pinned=true]>a .live-title:before{content:"📌 ";font-size:.8em}.live-more{width:26px;height:26px;color:var(--fg-3);border-radius:7px;place-items:center;display:none;position:absolute;top:8px;right:6px}.live-list li:hover .live-more,.live-list li:focus-within .live-more,.live-more[aria-expanded=true]{display:inline-grid}.live-more:hover{background:var(--bg-3);color:var(--fg)}.live-menu{z-index:3;border:1px solid var(--line-2);background:var(--bg-2);min-width:140px;box-shadow:var(--glow);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:34px;right:6px}.live-menu button{text-align:left;color:var(--fg);border-radius:7px;padding:7px 10px}.live-menu button:hover{background:var(--bg-3)}.live-menu button[data-danger=true]{color:var(--bad)}.live-rename{border:1px solid var(--accent);background:var(--bg-3);border-radius:9px;outline:none;width:100%;padding:8px 10px}.live-status-panel{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.live-status-panel ul{margin:0 0 6px;padding:0;list-style:none}.live-status-panel li{color:var(--fg-2);grid-template-columns:10px 1fr;align-items:center;column-gap:8px;padding:5px 10px;display:grid}.live-status-panel li small{color:var(--fg-3);grid-column:2;font-size:.78em}.live-dot{background:var(--fg-3);border-radius:50%;width:8px;height:8px}.live-status-panel li[data-state=good] .live-dot{background:var(--ok)}.live-status-panel li[data-state=attention] .live-dot{background:var(--bad)}.live-chips{flex-wrap:wrap;gap:6px;max-width:820px;margin:0 auto;padding:8px 24px 0;list-style:none;display:flex}.live-said-person .live-chips{margin:0;padding:8px 0 0}.live-chips li{border:1px solid var(--line-2);background:var(--bg-3);border-radius:999px;align-items:center;gap:4px;padding:4px 6px 4px 10px;font-size:.85em;display:inline-flex}.live-said-person .live-chips li{background:#ffffff26;border-color:#ffffff4d}.live-chips li>button:first-child,.live-chips li>a{color:inherit;padding:0}.live-chips li>button[aria-label^=Remove]{width:20px;height:20px;color:var(--fg-3);border-radius:50%;place-items:center;display:inline-grid}.live-chips li>button[aria-label^=Remove] svg{width:12px;height:12px}.live-attach{border:1px solid var(--line-2);background:var(--bg-2);width:46px;height:46px;color:var(--fg-2);border-radius:14px;place-items:center;display:inline-grid}.live-attach:hover{border-color:var(--accent);color:var(--fg)}.live-attach:disabled{opacity:.5;cursor:default}.live-drawer{width:32px;height:32px;color:var(--fg-2);border-radius:8px;place-items:center;margin-left:auto;display:none}@media (max-width:860px){.live-drawer{display:inline-grid}.live[data-drawer=open] .live-list,.live[data-drawer=open] .live-search{width:100%;display:block}.live[data-drawer=open] .live-list{max-height:50vh}}