﻿/* Quoted-post embed card and the repost / quote menu (Threads style, light default, dark via html.dark or data-theme) */
html:root{--qt-bg:#f6f6f6;--qt-line:#e3e3e3;--qt-pill:#ececec;--qm-bg:#ffffff;--qm-grp:#f3f3f3;--qm-sep:rgba(0,0,0,.08)}
html.dark:root,html[data-theme=dark]:root{--qt-bg:#171717;--qt-line:#2a2a2a;--qt-pill:#262626;--qm-bg:#1c1c1c;--qm-grp:#262626;--qm-sep:rgba(255,255,255,.08)}
.qt-slot:empty{display:none}
html:root:root body .qt{display:flex;align-items:flex-start;gap:10px;margin:10px 0 0;padding:10px 12px;border:1px solid var(--qt-line);border-radius:12px;background:var(--qt-bg);color:var(--text,#000);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;box-sizing:border-box;max-width:100%;overflow:hidden}
html:root:root body .qt-wrap .qt{cursor:default}
html:root:root body .qt-x{flex:1 1 auto;min-width:0}
html:root:root body .qt-m{display:flex;align-items:center;gap:6px;height:18px;font-size:13px;line-height:18px;white-space:nowrap}
html:root:root body .qt-n{flex:0 1 auto;min-width:0;max-width:48%;overflow:hidden;text-overflow:ellipsis;font-weight:600;color:var(--text,#000)}
html:root:root body .qt-c{flex:0 1 auto;min-width:0;max-width:40%;overflow:hidden;text-overflow:ellipsis;padding:1px 8px;border-radius:9px;background:var(--cb,var(--qt-pill));color:var(--ct,var(--chan,#6b6b6b));font-size:11.5px;line-height:16px;font-weight:600}
.qt-c[data-h="0"]{--cb:var(--h0b);--ct:var(--h0t)}.qt-c[data-h="1"]{--cb:var(--h1b);--ct:var(--h1t)}.qt-c[data-h="2"]{--cb:var(--h2b);--ct:var(--h2t)}.qt-c[data-h="3"]{--cb:var(--h3b);--ct:var(--h3t)}.qt-c[data-h="4"]{--cb:var(--h4b);--ct:var(--h4t)}.qt-c[data-h="5"]{--cb:var(--h5b);--ct:var(--h5t)}.qt-c[data-h="6"]{--cb:var(--h6b);--ct:var(--h6t)}
html:root:root body .qt-t{flex:0 0 auto;margin-left:auto;color:var(--sub,#999);font-size:12.5px;font-weight:400}
html:root:root body .qt-tt{margin:4px 0 0;font-size:15.5px;line-height:21px;font-weight:600;letter-spacing:-.4px;color:var(--text,#000);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
html:root:root body .qt-b{margin:2px 0 0;font-size:14px;line-height:20px;letter-spacing:-.3px;font-weight:400;color:var(--body,#555);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
html:root:root body .qt-th{flex:none;width:56px;height:56px;border-radius:8px;object-fit:cover;background:var(--qt-line)}
html:root:root body .qt-gone{display:block;padding:16px 12px;text-align:center;color:var(--sub,#999);font-size:14px;line-height:20px;cursor:default}
html:root:root body .qt-gone[data-open-post]{cursor:pointer}
html:root:root body .sheet.th-sheet .ed>div{min-width:0}
html:root:root body #tmStack .qt-slot{margin:0 11px}
html:root:root body .qt-wrap{margin:12px 0 0}
html:root:root body .qt-wrap .qt{margin:0}
.qm{position:fixed;inset:0;z-index:2147483000;pointer-events:none}
.qm.on{pointer-events:auto}
.qm-dim{position:absolute;inset:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .22s ease}
.qm.on .qm-dim{opacity:1}
.qm-sh{position:absolute;left:0;right:0;bottom:0;padding:8px 11px calc(14px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0;background:var(--qm-bg);transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-sizing:border-box}
.qm.on .qm-sh{transform:none}
.qm-hd{display:block;width:36px;height:4px;margin:0 auto 10px;border-radius:2px;background:var(--qt-line)}
.qm-g{border-radius:16px;background:var(--qm-grp);overflow:hidden}
.qm-g button{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;min-height:0;padding:0 18px;margin:0;border:0;border-radius:0;background:none;color:var(--text,#000);font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-.3px;text-align:left;-webkit-tap-highlight-color:transparent;cursor:pointer}
.qm-g button+button{box-shadow:inset 0 1px 0 var(--qm-sep)}
.qm-g button:active{background:var(--qm-sep)}
.qm-g button.red{color:#ff3b30}
.qm-g svg{width:22px;height:22px;flex:none}
@media (prefers-reduced-motion:reduce){.qm-dim,.qm-sh{transition:none}}
