.tnsab,.tnsab *,.tnsab *::before{box-sizing:border-box}
.tnsab{--tnsab-c:#4338ca;--tnsab-ink:#0f172a;--tnsab-soft:#526075;--tnsab-line:#e3e8f0;--tnsab-bg:#fff;--tnsab-muted-bg:#f8fafc;
display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;margin:1.3em 0;padding:14px 16px;border:1px solid var(--tnsab-line);border-radius:16px;background:var(--tnsab-bg);box-shadow:0 1px 2px rgb(15 23 42/.05);font-family:inherit;line-height:1.35;color:var(--tnsab-ink)}
.tnsab a{text-decoration:none!important;box-shadow:none!important}
.tnsab__icon{position:relative;display:block;width:64px;height:64px;overflow:hidden;border-radius:15px;background:linear-gradient(135deg,var(--tnsab-c),#0f172a)}
.tnsab__icon::before{content:attr(data-l);position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:1.6rem;font-weight:800}
.tnsab__icon img{position:relative;display:block;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;object-fit:cover;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent} .tnsab__icon:has(img){background:var(--tnsab-iconbg,#f1f5f9)}
.tnsab__icon:has(img)::before{content:none}
.tnsab__body{display:flex;flex-direction:column;gap:3px;min-width:0}
.tnsab__store{display:inline-flex;align-items:center;gap:6px;color:var(--tnsab-c);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.tnsab__store::before{content:"";flex-shrink:0;width:7px;height:7px;border-radius:50%;background:currentColor}
.tnsab__store i{font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;color:var(--tnsab-soft)}
.tnsab__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--tnsab-ink)!important;font-size:1.02rem;font-weight:800;overflow-wrap:anywhere}
a.tnsab__title:hover{color:var(--tnsab-c)!important}
.tnsab__meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;color:var(--tnsab-soft);font-size:.82rem}
.tnsab__meta i{font-style:normal;color:#cbd5e1}
.tnsab__star{color:#b45309;font-weight:700}
.tnsab__star small{color:var(--tnsab-soft);font-weight:500}
.tnsab__muted{color:var(--tnsab-soft)}
.tnsab__summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;color:var(--tnsab-soft);font-size:.86rem;line-height:1.5}
.tnsab__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--tnsab-c);color:#fff!important;font-size:.88rem;font-weight:800;white-space:nowrap;transition:filter .15s,transform .15s}
.tnsab__btn:hover{filter:brightness(1.1)}
.tnsab__btn:active{transform:scale(.98)}
.tnsab a:focus-visible{outline:3px solid rgb(79 70 229/.35);outline-offset:2px} .tnsab--wide{grid-template-columns:184px minmax(0,1fr) auto}
.tnsab--wide .tnsab__icon{width:184px;height:86px;border-radius:10px}
.tnsab--banner{grid-template-columns:minmax(0,1fr) auto}
.tnsab--banner .tnsab__icon{grid-column:1/-1;width:100%;height:auto;aspect-ratio:460/215;border-radius:12px} .tnsab--compact{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;padding:8px 10px 8px 8px;border-radius:12px}
.tnsab--compact .tnsab__icon{width:36px;height:36px;border-radius:9px}
.tnsab--compact .tnsab__icon::before{font-size:1rem}
.tnsab--compact.tnsab--wide{grid-template-columns:72px minmax(0,1fr) auto}
.tnsab--compact.tnsab--wide .tnsab__icon{width:72px;height:34px;border-radius:6px}
.tnsab--compact .tnsab__store{display:none}
.tnsab--compact .tnsab__title{-webkit-line-clamp:1;font-size:.95rem}
.tnsab--compact .tnsab__meta{font-size:.76rem}
.tnsab--compact .tnsab__btn{min-height:32px;padding:0 12px;font-size:.8rem} .tnsab__shots{grid-column:1/-1;display:flex;gap:8px;overflow-x:auto;padding:4px 0 2px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.tnsab__shots img{flex:0 0 auto;height:180px!important;width:auto!important;max-width:none!important;margin:0!important;border-radius:10px!important;border:1px solid var(--tnsab-line)!important;scroll-snap-align:start;background:var(--tnsab-muted-bg)} .tnsab--pending .tnsab__icon{opacity:.9}
.tnsab--gone{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 14px;border-style:dashed;background:var(--tnsab-muted-bg);box-shadow:none}
.tnsab--gone .tnsab__store{color:#64748b}
.tnsab__gone{color:var(--tnsab-soft);font-size:.88rem}
.tnsab+.tnsab{margin-top:-.4em}
@media (max-width:560px){
.tnsab{grid-template-columns:56px minmax(0,1fr);gap:10px 12px;padding:12px}
.tnsab__icon{width:56px;height:56px;border-radius:13px}
.tnsab__btn{grid-column:1/-1;width:100%}
.tnsab--wide,.tnsab--banner{grid-template-columns:1fr}
.tnsab--wide .tnsab__icon{width:100%;height:auto;aspect-ratio:460/215}
.tnsab--compact{grid-template-columns:36px minmax(0,1fr) auto;padding:8px}
.tnsab--compact .tnsab__btn{grid-column:auto;width:auto}
.tnsab__shots img{height:150px!important}
} html.dark .tnsab,body.dark .tnsab,[data-theme="dark"] .tnsab,.tnsab.is-dark{--tnsab-ink:#f1f5f9;--tnsab-soft:#94a3b8;--tnsab-line:#334155;--tnsab-bg:#0f172a;--tnsab-muted-bg:#111827}
@media (prefers-reduced-motion:reduce){.tnsab__btn{transition:none}}