.zs-obh{align-content:start}.zs-obh,.zs-obh-grid{display:grid;gap:10px}.zs-obh-tile{display:grid;gap:12px;align-content:start;min-width:0;padding:14px 16px;border-color:rgba(255,255,255,.1);background:#0f0f15;box-shadow:none}.zs-obh-head{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;color:var(--fg-mute)}.zs-obh-tag{flex:none;margin-left:auto;padding:2px 8px;border-radius:999px;border:1px solid var(--accent-line);background:var(--accent-soft);color:#d8b4fe;font-size:9px;letter-spacing:.07em;text-transform:uppercase;transition:color .3s,border-color .3s,background-color .3s}.zs-obh-tag.is-done{color:#6ee7b7;border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}.zs-obh-tag.is-review{color:#fcd34d;border-color:rgba(252,211,77,.35);background:rgba(252,211,77,.08)}.zs-obh-live{flex:none;width:7px;height:7px;border-radius:50%;background:#52525b;transition:background-color .3s,box-shadow .3s}.zs-obh[data-replied] .zs-obh-live{background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.16)}.zs-obh-logo{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fff}.zs-obh-logo.is-small{width:18px;height:18px;border-radius:5px}.zs-obh-logo img{object-fit:contain}.zs-obh-to{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:var(--fg-dim)}.zs-obh-to img{flex:none;border-radius:50%}.zs-obh-to strong{font-weight:500;color:var(--fg)}.zs-obh-to small{margin-left:auto;font-size:12px;color:var(--fg-mute)}.zs-obh-subject{margin:0;font-size:14.5px;font-weight:500;color:var(--fg)}.zs-obh-body{margin:-6px 0 0;overflow:hidden;font-size:13px;line-height:1.55;color:var(--fg-dim);white-space:nowrap;text-overflow:ellipsis}.zs-obh-actions{display:flex;align-items:center;gap:8px}.zs-obh-note{margin-right:auto;font-size:12px;color:var(--fg-mute)}.zs-obh-btn{padding:5px 12px;border-radius:8px;border:1px solid var(--line-2);font-size:12.5px;color:var(--fg-dim);transition:background-color .35s,border-color .35s,color .35s}.zs-obh-btn.is-primary{border-color:rgba(139,92,246,.35);color:#d8b4fe}.zs-obh-btn.is-lit{border-color:#8b5cf6;background:#7c3aed;color:#fff}.zs-obh-reply-body{display:grid}.zs-obh-reply-body>*{grid-area:1/1}.zs-obh-next{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:13px;line-height:1.5;color:var(--fg-dim);transition:opacity .35s ease}.zs-obh-next li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px}.zs-obh-next span{font-size:12px;color:var(--fg-mute)}.zs-obh-next[data-out]{opacity:0}.zs-obh-message{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;color:var(--fg)}.zs-obh-message img{flex:none;border-radius:50%;box-shadow:0 0 0 1px var(--line-2)}.zs-obh-message p{margin:0;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.05)}.zs-obh-message strong{display:block;font-size:12px;font-weight:500;color:var(--fg-mute)}.zs-obh-message,.zs-obh-paused{transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.zs-obh-message:not([data-in]),.zs-obh-paused:not([data-in]){opacity:0;transform:translateY(6px)}.zs-obh-paused{display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid rgba(52,211,153,.3);border-radius:10px;background:rgba(52,211,153,.05);font-size:13px}.zs-obh-paused strong{display:block;font-weight:500;color:var(--fg)}.zs-obh-paused small{font-size:12px;color:var(--fg-mute)}.zs-obh-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px;font-size:10.5px;color:var(--fg-mute)}.zs-obh-playback{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(8,8,10,.72);color:#e4e4e7;font:inherit;font-size:12px;cursor:pointer}.zs-obh-playback:hover{border-color:rgba(255,255,255,.3)}.zs-obh-playback:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.zs-obh-playback svg{width:12px;height:12px}.zs-obh[data-step="0"] *,.zs-obh[data-step="0"] :before{transition-duration:0s!important;transition-delay:0s!important}@media (max-width:640px){.zs-obh-to small{margin-left:0;flex-basis:100%}.zs-obh-note{display:none}.zs-obh-actions{justify-content:flex-end}.zs-obh-body{white-space:normal}}@media (prefers-reduced-motion:reduce){.zs-obh *,.zs-obh :before{transition:none!important;animation:none!important}}