.tcard{display:flex;flex-direction:column;width:100%;margin:0;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;transition:transform var(--dur-slow) var(--ease-out),box-shadow var(--dur-slow) var(--ease-out),border-color var(--dur-slow) var(--ease-out)}@media(hover:hover)and (pointer:fine){.tcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary)}}.tcard--text{padding:1.15rem 1.25rem 1.35rem;gap:.75rem}.tcard-quote-mark{color:var(--color-primary);opacity:.55;flex:0 0 auto}.tcard-quote{margin:0;font-size:.92rem;line-height:1.6;color:var(--color-text)}.tcard--accent{background:linear-gradient(135deg,#e50914,#cc0812);border-color:transparent}.tcard--accent .tcard-quote,.tcard--accent .tcard-name{color:#fff}.tcard--accent .tcard-role{color:#ffffffbf}.tcard--accent .tcard-quote-mark{color:#fff;opacity:.8}.tcard--accent .tcard-avatar{background:#fff3;color:#fff}@media(hover:hover)and (pointer:fine){.tcard--accent:hover{border-color:transparent}}.tcard-media-btn{display:block;width:100%;padding:0;border:0;background:none;cursor:pointer;color:inherit;font:inherit}.tcard-video-wrap{position:relative}.tcard-video-hit{z-index:2;position:absolute;inset:0;width:100%;border:0;padding:0;background:none;cursor:pointer}.tcard-video{display:block;width:100%;height:100%;object-fit:cover;background:var(--color-bg-dark)}.tcard-media{position:relative;display:block;width:100%;overflow:hidden;background:var(--color-bg-dark)}.tcard-media--portrait{aspect-ratio:9 / 16}.tcard-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.tcard--image .tcard-media img{height:auto;object-fit:contain}@media(hover:hover)and (pointer:fine){.tcard:hover .tcard-media img{transform:scale(1.04)}}.tcard-media-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;width:100%;height:100%;min-height:150px;padding:1.25rem;color:var(--color-text-muted);background:repeating-linear-gradient(45deg,transparent,transparent 10px,var(--color-border) 10px,var(--color-border) 11px)}.tcard-media-empty-label{font-size:.75rem;font-weight:600;text-align:center}.tcard-video-scrim{position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.35) 45%,transparent 100%);pointer-events:none}.tcard-video-meta{position:absolute;left:.9rem;right:3.4rem;bottom:.9rem;display:flex;flex-direction:column;gap:.1rem;text-align:left}.tcard-video-name{font-size:.92rem;font-weight:800;color:#fff;line-height:1.25}.tcard-video-role{font-size:.76rem;color:#ffffffbf}.tcard-play{position:absolute;right:.9rem;bottom:.9rem;display:grid;place-items:center;width:40px;height:40px;padding-left:2px;border-radius:50%;background:var(--color-primary);color:#000;box-shadow:0 4px 16px #0006;transition:transform var(--dur-base) var(--ease-spring)}body.light-mode .tcard-play{color:#fff}@media(hover:hover)and (pointer:fine){.tcard:hover .tcard-play{transform:scale(1.12)}}.tcard-sound{border:0;padding:0;cursor:pointer;z-index:3;position:absolute;right:.75rem;bottom:.75rem;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#0000008c;color:#fff;backdrop-filter:blur(4px);transition:background var(--dur-base) ease,transform var(--dur-base) var(--ease-spring)}.tcard-sound--on{background:var(--color-primary);color:#000;transform:scale(1.08)}body.light-mode .tcard-sound--on{color:#fff}.tcard-foot{padding:.9rem 1.1rem 1.1rem}.tcard-attr{display:flex;align-items:center;gap:.6rem}.tcard-avatar{display:grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;font-size:.72rem;font-weight:800;letter-spacing:.3px;color:var(--color-primary);background:#ffcc001f}body.light-mode .tcard-avatar{background:#e509141a}.tcard-attr-text{display:flex;flex-direction:column;min-width:0}.tcard-name{font-size:.85rem;font-weight:800;color:var(--color-text);line-height:1.3}.tcard-role{font-size:.75rem;color:var(--color-text-muted)}.tcard--placeholder{border-style:dashed;border-color:var(--color-text-muted)}.tcard--placeholder .tcard-video-name{font-style:italic}.tcard-sound:focus-visible,.tcard-video-hit:focus-visible,.tcard-media-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media(max-width:768px){.tcard--text{padding:1rem 1.1rem 1.2rem}.tcard-quote{font-size:.88rem}}@media(prefers-reduced-motion:reduce){.tcard,.tcard-media img,.tcard-play{transition:none}}.tlb-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000c;backdrop-filter:blur(4px);animation:tlbFade var(--dur-base) var(--ease-out) both}.tlb-panel{position:relative;display:flex;flex-direction:column;max-width:min(920px,100%);max-height:100%;background:var(--color-bg-card);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px #00000080;animation:tlbIn var(--dur-modal) var(--ease-spring) both}.tlb-panel--portrait{max-width:min(420px,100%)}.tlb-video,.tlb-image{display:block;width:100%;max-height:calc(100vh - 12rem);object-fit:contain;background:#000}.tlb-caption{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1.25rem;border-top:1px solid var(--color-border)}.tlb-name{font-size:.92rem;font-weight:700;color:var(--color-text)}.tlb-role{font-size:.82rem;color:var(--color-text-muted)}.tlb-close{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:#0009;color:#fff;cursor:pointer;transition:background var(--dur-fast) ease,transform var(--dur-fast) ease}@media(hover:hover)and (pointer:fine){.tlb-close:hover{background:#000000d9;transform:scale(1.08)}}.tlb-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes tlbFade{0%{opacity:0}to{opacity:1}}@keyframes tlbIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.tlb-overlay{padding:1rem}.tlb-video,.tlb-image{max-height:calc(100vh - 9rem)}}.twall-cols{display:flex;align-items:flex-start;gap:1rem;max-width:1240px;margin:0 auto}.twall-col{display:flex;flex-direction:column;gap:1rem;flex:1 1 0;min-width:0}.twall--compact .twall-cols{max-width:1000px}@media(max-width:760px){.twall-cols,.twall--compact .twall-cols,.twall-col{gap:.75rem}}@media(max-width:430px){.twall-cols,.twall--compact .twall-cols{max-width:330px}}