.post--open{cursor:pointer}.post--open,.post--open>:not(.post-cover){position:relative}.post-cover{position:absolute;inset:0}.post-cover:focus-visible{border-radius:inherit}.post--open .post-text{cursor:text}.tp-lock{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:var(--r-micro);background:var(--soft-2);color:var(--ink-3);font-size:var(--fs-micro);font-weight:var(--w-ui);line-height:1.2;white-space:nowrap}.tp-tabs{display:flex;gap:6px;padding:0 0 12px}.tp-grid{container-type:inline-size}.tp-grid-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}@container (min-width: 640px){.tp-grid-in{grid-template-columns:repeat(3,minmax(0,1fr))}}@container (min-width: 1040px){.tp-grid-in{grid-template-columns:repeat(4,minmax(0,1fr))}}.tp-tile{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-media);background:var(--raised)}.tp-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--base) var(--out)}.tp-tile:hover img{transform:scale(1.03)}.tp-tile .tp-lock{position:absolute;top:6px;right:6px;background:var(--scrim);color:var(--ink)}.tp-play{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink);pointer-events:none}.tp-play>svg{padding:7px;border-radius:50%;box-sizing:content-box}.tp-dur,.tp-play>svg{background:var(--scrim)}.tp-dur{position:absolute;right:6px;bottom:6px;padding:1px 5px;border-radius:var(--r-micro);color:var(--ink);font-size:var(--fs-micro);font-weight:var(--w-ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.4}.tp-more{display:flex;justify-content:center;padding:12px}.tp-compose-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px}.tp-pill{margin-left:auto;display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-mini);border:1px solid var(--ok-line);background:var(--ok-bg);color:var(--ok);font-size:var(--fs-tag);font-weight:var(--w-ui);white-space:nowrap}.tp-pill--full{border-color:color-mix(in srgb,var(--idle) 35%,transparent);background:color-mix(in srgb,var(--idle) 12%,transparent);color:var(--idle)}.tp-vis{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:11px}.tp-vis .hint{flex-basis:100%}