.tl{display:block;min-width:0}.tl-slot:empty{display:none}.tl-slot{margin-top:1rem;padding-top:.9rem;border-top:1px dashed var(--color-border)}.tl-headbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;margin-bottom:.6rem}.tl-title{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.tl-loading,.tl-error,.tl-empty{font-size:.82rem;color:var(--color-muted);list-style:none;margin:.4rem 0}.tl-error{color:#ff6b6b}.tl-link{background:none;border:0;padding:0 .25rem;min-height:44px;min-width:44px;color:var(--color-muted);font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.tl-link:hover,.tl-link:focus-visible{color:var(--color-accent)}.tl-composer{border:1px solid var(--color-border);border-left:3px dashed var(--color-muted);border-radius:8px;padding:.55rem .7rem;background:var(--color-surface-2, transparent);margin-bottom:.9rem}.tl-composer[data-mode=submitter]{border-color:color-mix(in srgb,#fbbf24 55%,var(--color-border));border-left:3px solid #fbbf24;background:color-mix(in srgb,#fbbf24 6%,var(--color-surface-2, transparent))}.tl-input{width:100%;min-height:44px;resize:vertical;background:transparent;border:0;color:var(--color-text);font:inherit;font-size:.9rem;line-height:1.45;padding:.55rem .1rem;outline:none}.tl-composer.is-open .tl-input{min-height:5.5rem}.tl-modes,.tl-recips,.tl-hint,.tl-composer-foot{display:none}.tl-composer.is-open .tl-modes:not([hidden]){display:flex}.tl-composer.is-open .tl-recips:not([hidden]){display:grid}.tl-composer.is-open .tl-hint,.tl-composer.is-open .tl-composer-foot{display:flex}.tl-modes{gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem}.tl-mode{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 .85rem;border:1px solid var(--color-border);border-radius:999px;cursor:pointer;font-size:.82rem;color:var(--color-muted)}.tl-mode input{position:absolute;opacity:0;pointer-events:none}.tl-mode:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.tl-mode-internal:has(input:checked){color:var(--color-text);border-color:var(--color-muted);border-style:dashed;background:color-mix(in srgb,var(--color-muted) 12%,transparent)}.tl-mode-message:has(input:checked){color:#fbbf24;border-color:#fbbf24;background:color-mix(in srgb,#fbbf24 12%,transparent);font-weight:600}.tl-recips{gap:.3rem;margin:.2rem 0 .4rem}.tl-recips-label{font-family:var(--font-mono, ui-monospace, monospace);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}.tl-recip{display:flex;align-items:center;gap:.6rem;min-height:44px;padding:.25rem .55rem;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;min-width:0}.tl-recip:has(input:checked){border-color:#fbbf24}.tl-recip input{width:20px;height:20px;accent-color:#fbbf24;flex:none}.tl-recip-text{display:flex;flex-direction:column;min-width:0}.tl-recip-email{font-family:var(--font-mono, ui-monospace, monospace);font-size:.8rem;overflow-wrap:anywhere}.tl-recip-why{font-size:.72rem;color:var(--color-muted);overflow-wrap:anywhere}.tl-hint{font-size:.75rem;color:var(--color-muted);margin:.2rem 0 .4rem}.tl-composer[data-mode=submitter] .tl-hint{color:#fbbf24}.tl-composer-foot{align-items:center;gap:.5rem;flex-wrap:wrap}.tl-save,.tl-cancel{min-height:44px;padding:0 1rem;border-radius:6px;font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;cursor:pointer;border:1px solid var(--color-border);background:transparent;color:var(--color-muted)}.tl-save{color:var(--color-accent);border-color:var(--color-accent)}.tl-composer[data-mode=submitter] .tl-save{color:#0a0c14;background:#fbbf24;border-color:#fbbf24;font-weight:700}.tl-save:disabled{opacity:.45;cursor:not-allowed}.tl-status{font-size:.75rem;color:var(--color-muted)}.tl-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}.tl-item{display:flex;gap:.6rem;min-width:0}.tl-avatar{flex:none;width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;font-weight:700;background:var(--color-surface-2, #1a1f2b);color:var(--color-text);border:1px solid var(--color-border)}.tl-main{flex:1;min-width:0;padding:.4rem .7rem .5rem;border-radius:0 8px 8px 0;border-left:3px solid var(--color-border);background:color-mix(in srgb,var(--color-text) 3%,transparent)}.tl-note .tl-main,.tl-legacy_note .tl-main{border-left:3px dashed var(--color-muted)}.tl-message .tl-main{border-left-color:#fbbf24;background:color-mix(in srgb,#fbbf24 6%,transparent)}.tl-reply .tl-main{border-left-color:#4ade80;background:color-mix(in srgb,#4ade80 6%,transparent)}.tl-head{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap}.tl-name{font-weight:700;font-size:.85rem}.tl-when{font-size:.72rem;color:var(--color-muted);cursor:help}.tl-edited{font-size:.72rem;color:var(--color-muted)}.tl-tag{font-family:var(--font-mono, ui-monospace, monospace);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;padding:.05rem .4rem;border-radius:4px;border:1px solid currentColor}.tl-tag-internal{color:var(--color-muted);border-style:dashed}.tl-tag-message{color:#fbbf24}.tl-tag-reply{color:#4ade80}.tl-sent{font-size:.72rem;color:var(--color-muted);margin-top:.1rem;overflow-wrap:anywhere}.tl-seen{color:#4ade80}.tl-failed{color:#ff6b6b}.tl-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.88rem;line-height:1.5;margin-top:.2rem}.tl-body .plan-mention,.tl .plan-mention{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-radius:4px;padding:0 .2rem;font-weight:600}.tl-actions{display:flex;gap:.25rem;margin:.1rem 0 -.4rem -.25rem}.tl-edit textarea{border:1px solid var(--color-border);border-radius:6px;padding:.5rem;min-height:5rem}.tl-activity{align-items:baseline;padding-left:.6rem;font-size:.8rem;color:var(--color-muted)}.tl-act-dot{flex:none;width:8px;height:8px;margin:0 .55rem 0 .4rem;border-radius:999px;background:var(--color-border);transform:translateY(-1px)}.tl-activity .tl-name{font-size:.8rem;color:var(--color-text);font-weight:600}.tl-act-body{min-width:0;overflow-wrap:anywhere}.tl-act-note{margin-top:.15rem;white-space:pre-wrap;font-style:italic}.tl-open{position:relative}.row-icon-btn.tl-open{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.tl-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:10px;font-weight:700;line-height:18px;text-align:center;background:var(--color-surface-2, #1a1f2b);color:var(--color-muted);border:1px solid var(--color-border)}.tl-badge.is-unread{background:var(--color-magenta, #ff4fd8);color:#fff;border-color:transparent}.tl-badge[hidden]{display:none}.tl-focus{outline:2px solid #fbbf24;outline-offset:3px;border-radius:10px;transition:outline-color .6s}.tl-dialog{width:min(680px,calc(100vw - 2rem));max-height:88vh;padding:0;border:1px solid var(--color-border);border-radius:12px;background:linear-gradient(var(--color-surface),var(--color-surface)) var(--color-ink, #0a0c14);color:var(--color-text)}.tl-dialog::backdrop{background:#0009}.tl-dialog-bar{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem .4rem 1rem;background:linear-gradient(var(--color-surface),var(--color-surface)) var(--color-ink, #0a0c14);border-bottom:1px solid var(--color-border)}.tl-dialog-close{min-height:44px;min-width:44px;padding:0 .9rem;border:1px solid var(--color-border);border-radius:6px;background:transparent;color:var(--color-text);font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;cursor:pointer}.tl-dialog-body{padding:1rem;overflow-y:auto;min-height:30vh}@media(max-width:560px){.tl-dialog{width:100vw;max-width:none;max-height:92vh;margin:auto 0 0;border-radius:16px 16px 0 0}}.tl-plan-note{margin-bottom:.45rem}.tl-plan-note .tl-avatar{width:26px;height:26px;font-size:10px}.tl-plan-note .tl-body{font-size:12px}@media(max-width:560px){.tl-avatar{width:28px;height:28px}.tl-mode{flex:1 1 auto;justify-content:center}.tl-save,.tl-cancel{flex:1 1 auto}}