.thr{--thr-bg:var(--bg);flex-direction:column;gap:20px;min-width:0;display:flex}.thr--inline{gap:16px}.thr__list{flex-direction:column;gap:2px;min-width:0;display:flex}.thr__day{margin:18px 0 10px}.thr__list>.thr__day:first-child{margin-top:0}.thr__end{height:0;scroll-margin-bottom:calc(var(--dock-space) + 24px)}.thr-empty-line{padding:4px 0}.thr-suggest{justify-content:center;max-width:520px}.thr-msg{border-radius:var(--r-md);transition:background var(--d-hover) var(--ease);grid-template-columns:32px minmax(0,1fr);column-gap:12px;margin:0 -12px;padding:10px 12px;display:grid;position:relative}.thr-msg--cont{padding-top:2px}.thr-msg:hover,.thr-msg:focus-within{background:color-mix(in srgb, var(--field) 55%, transparent)}.thr-msg.is-editing{background:var(--surface-2)}.thr-msg--internal{background:color-mix(in srgb, var(--warning) 7%, transparent)}.thr-msg--internal:hover,.thr-msg--internal:focus-within{background:color-mix(in srgb, var(--warning) 11%, transparent)}.thr-msg--internal+.thr-msg--internal.thr-msg--cont{border-top-left-radius:0;border-top-right-radius:0}.thr-msg__gutter{justify-content:center;padding-top:1px;display:flex}.thr-msg__peek{color:var(--text-2);opacity:0;transition:opacity var(--d-hover) var(--ease);font-size:12px;line-height:25px}.thr-msg:hover .thr-msg__peek,.thr-msg:focus-within .thr-msg__peek{opacity:1}.thr-msg__main{flex-direction:column;gap:4px;min-width:0;display:flex}.thr-msg__head{flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:22px;padding-right:96px;display:flex}.thr-msg__name{color:var(--text);font-size:14px;font-weight:600}.thr-msg__tag{height:20px}.thr-msg__time{color:var(--text-2);font-size:12px}.thr-msg__body{color:var(--text);font-size:15px;line-height:1.6}.thr-msg__edited{color:var(--text-2);margin-top:2px;font-size:12px;display:inline-block}.thr-msg__actions{background:var(--overlay);box-shadow:var(--shadow-overlay);opacity:0;pointer-events:none;transition:opacity var(--d-hover) var(--ease), transform var(--d-hover) var(--ease);border-radius:10px;align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:6px;right:8px;transform:translateY(2px)}.thr-msg:hover .thr-msg__actions,.thr-msg:focus-within .thr-msg__actions,.thr-msg__actions:has([aria-expanded=true]){opacity:1;pointer-events:auto;transform:none}.thr-msg__more{display:none}@media (hover:none){.thr-msg__actions{opacity:1;pointer-events:auto;box-shadow:none;background:0 0;top:4px;right:4px;transform:none}.thr-msg__quick{display:none}.thr-msg__more{display:inline-flex}.thr-msg__head{padding-right:32px}}.thr-edit{flex-direction:column;gap:8px;padding-top:2px;display:flex}.thr-edit .textarea{background:var(--field);min-height:0}.thr-files{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.thr-file{border-radius:var(--r-md);background:var(--surface-2);max-width:100%;height:40px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);transition:box-shadow var(--d-hover) var(--ease), background var(--d-hover) var(--ease);align-items:center;gap:8px;padding:0 12px 0 6px;font-size:13px;font-weight:500;display:inline-flex}.thr-file:hover:not(:disabled){background:var(--field);box-shadow:inset 0 0 0 1px var(--line-strong)}.thr-file:disabled{opacity:.55;cursor:not-allowed}.thr-file__icon{background:var(--field);width:28px;height:28px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;display:grid}.thr-file__name{max-width:240px}.thr-file__size{color:var(--text-2);flex:none;font-size:12px}.thr-shot{background:var(--surface-2);width:240px;max-width:100%;height:160px;box-shadow:inset 0 0 0 1px var(--line);border-radius:12px;display:block;position:relative;overflow:hidden}.thr-shot img{object-fit:cover;width:100%;height:100%;transition:transform var(--d-swap) var(--ease)}.thr-shot:hover img{transform:scale(1.03)}.thr-files--many .thr-shot{width:168px;height:120px}.thr-shot__ph{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.thr-shot__cap{background:color-mix(in srgb, var(--overlay) 86%, transparent);backdrop-filter:blur(8px);color:var(--text);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;font-size:12px;font-weight:500;display:flex;position:absolute;inset:auto 6px 6px}.thr-shot__cap .mono{color:var(--text-2);flex:none}.thr-comp-wrap{z-index:2;position:relative}.thr--page .thr-comp-wrap{bottom:calc(var(--dock-space) + 16px);margin-top:4px;position:sticky}.thr--page .thr-comp-wrap:before{content:"";z-index:-1;background:linear-gradient(to bottom, transparent, var(--thr-bg) 32px);pointer-events:none;position:absolute;inset:-32px -8px -16px}.thr-comp{border-radius:var(--r-lg);background:var(--field);min-height:96px;box-shadow:inset 0 0 0 1px var(--line);cursor:text;transition:box-shadow var(--d-hover) var(--ease), background var(--d-hover) var(--ease);flex-direction:column;gap:4px;padding:10px 10px 8px 14px;display:flex;container-type:inline-size}@container (width<=560px){.thr-comp__keys{display:none}}.thr-comp:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.thr-comp:focus-within{box-shadow:inset 0 0 0 1px var(--accent), var(--focus)}.thr-comp.is-over{box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-wash)}.thr-comp.is-internal{background:color-mix(in srgb, var(--warning) 8%, var(--field));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warning) 45%, transparent)}.thr-comp.is-internal:focus-within{box-shadow:inset 0 0 0 1px var(--warning), 0 0 0 4px var(--warning-tint)}.thr-comp .thr-comp__input{min-height:0;box-shadow:none;resize:none;background:0 0;border-radius:0;padding:4px 0}.thr-comp .thr-comp__input:hover,.thr-comp .thr-comp__input:focus,.thr-comp .thr-comp__input:focus-visible{box-shadow:none}.thr-comp__bar{cursor:default;align-items:center;gap:6px;margin-left:-6px;display:flex}.thr-comp__internal{flex:none}.thr-comp__internal.is-on{background:var(--warning-tint);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warning) 60%, transparent)}.thr-comp__internal.is-on svg{color:var(--warning)}.thr-comp__hint{white-space:nowrap;text-overflow:ellipsis;text-align:right;min-width:0;color:var(--text-2);flex:1;font-size:12px;overflow:hidden}.thr-comp__hint svg{vertical-align:-3px;margin-right:6px;display:inline-block}.thr-comp__hint.is-sent{color:var(--success);animation:thr-swap var(--d-swap) var(--ease)}.thr-comp__send{border-radius:10px;flex:none;width:32px;height:32px;padding:0}.thr-comp.has-text .thr-comp__send{box-shadow:var(--glow-accent)}@container (width<=560px){.thr-comp__hint{white-space:normal;text-wrap:pretty;line-height:1.35}}.thr-comp__files{cursor:default;flex-wrap:wrap;gap:6px;padding-bottom:4px;display:flex}.thr-pend{border-radius:var(--r-full);background:var(--surface-2);max-width:100%;height:30px;box-shadow:inset 0 0 0 1px var(--line-strong);align-items:center;gap:6px;padding:0 4px 0 10px;font-size:13px;font-weight:500;display:inline-flex}.thr-pend svg{color:var(--accent-ink);flex:none}.thr-pend .truncate{max-width:200px}.thr-pend__size{color:var(--text-2);font-size:12px}.thr-pend.is-busy{color:var(--text-2)}.thr-pend__x{width:22px;height:22px;color:var(--text-2);border-radius:50%;place-items:center;display:grid}.thr-pend__x:hover:not(:disabled){background:var(--hover);color:var(--text)}.thr-pend__x:disabled{opacity:.4}@keyframes thr-swap{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}@media (width<=767px){.thr-msg{column-gap:10px;margin:0 -8px;padding:10px 8px}.thr--page .thr-comp-wrap{bottom:calc(var(--dock-space) + 8px)}.thr-file__name{max-width:160px}.thr-shot{width:200px;height:134px}.thr-files--many .thr-shot{width:calc(50% - 4px);height:112px}}
