.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}}:root { --tns-palette-white: #ffffff;
--tns-palette-black: #000000;
--tns-palette-slate-50: #f8fafc;
--tns-palette-slate-100: #f1f5f9;
--tns-palette-slate-200: #e2e8f0;
--tns-palette-slate-300: #cbd5e1;
--tns-palette-slate-400: #94a3b8;
--tns-palette-slate-500: #64748b;
--tns-palette-slate-600: #475569;
--tns-palette-slate-700: #334155;
--tns-palette-slate-800: #1e293b;
--tns-palette-slate-900: #0f172a;
--tns-palette-indigo-50: #eef2ff;
--tns-palette-indigo-100: #e0e7ff;
--tns-palette-indigo-500: #6366f1;
--tns-palette-indigo-600: #4f46e5;
--tns-palette-indigo-700: #4338ca;
--tns-palette-indigo-800: #3730a3;
--tns-palette-navy: #111b31;
--tns-palette-media: #101115;
--tns-palette-media-raised: #242832;
--tns-palette-rose-300: #fda4af;
--tns-palette-rose-400: #fb7185;
--tns-palette-rose-600: #be123c;
--tns-palette-green-50: #f0fdf4;
--tns-palette-green-700: #15803d;
--tns-palette-amber-50: #fffbeb;
--tns-palette-amber-800: #92400e;
--tns-palette-red-50: #fef2f2;
--tns-palette-red-700: #b91c1c;
--tns-palette-blue-50: #eff6ff;
--tns-palette-blue-700: #1d4ed8; --tns-color-canvas: var(--tns-palette-slate-50);
--tns-color-surface: var(--tns-palette-white);
--tns-color-surface-subtle: var(--tns-palette-slate-100);
--tns-color-surface-raised: var(--tns-palette-white);
--tns-color-text: var(--tns-palette-slate-800);
--tns-color-heading: var(--tns-palette-slate-900);
--tns-color-muted: var(--tns-palette-slate-600);
--tns-color-subtle: var(--tns-palette-slate-500);
--tns-color-border: var(--tns-palette-slate-200);
--tns-color-border-strong: var(--tns-palette-slate-500);
--tns-color-primary: var(--tns-palette-indigo-600);
--tns-color-primary-hover: var(--tns-palette-indigo-700);
--tns-color-primary-active: var(--tns-palette-indigo-800);
--tns-color-primary-soft: var(--tns-palette-indigo-50);
--tns-color-on-primary: var(--tns-palette-white);
--tns-color-focus: var(--tns-palette-indigo-600);
--tns-color-inverse: var(--tns-palette-navy);
--tns-color-on-inverse: var(--tns-palette-white);
--tns-color-inverse-muted: var(--tns-palette-slate-300);
--tns-color-inverse-border: var(--tns-palette-slate-500);
--tns-color-accent: var(--tns-palette-rose-300);
--tns-color-media: var(--tns-palette-media);
--tns-color-media-raised: var(--tns-palette-media-raised);
--tns-color-success: var(--tns-palette-green-700);
--tns-color-success-soft: var(--tns-palette-green-50);
--tns-color-warning: var(--tns-palette-amber-800);
--tns-color-warning-soft: var(--tns-palette-amber-50);
--tns-color-danger: var(--tns-palette-red-700);
--tns-color-danger-soft: var(--tns-palette-red-50);
--tns-color-info: var(--tns-palette-blue-700);
--tns-color-info-soft: var(--tns-palette-blue-50); --tns-font-ui: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--tns-font-reading: 'Open Sans', 'Inter', system-ui, sans-serif;
--tns-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace; --tns-text-xs: .75rem;
--tns-text-sm: .875rem;
--tns-text-base: 1rem;
--tns-text-lg: 1.125rem;
--tns-text-xl: 1.25rem;
--tns-text-2xl: 1.5rem;
--tns-text-3xl: 1.875rem;
--tns-text-4xl: 2.25rem;
--tns-text-5xl: 3rem;
--tns-text-display: clamp(2.25rem, 4vw, 3.5rem);
--tns-text-title: clamp(1.75rem, 3vw, 2.625rem);
--tns-text-body: 1.125rem; --tns-weight-regular: 400;
--tns-weight-medium: 500;
--tns-weight-semibold: 600;
--tns-weight-bold: 700;
--tns-weight-heavy: 800; --tns-leading-tight: 1.2;
--tns-leading-heading: 1.3;
--tns-leading-normal: 1.5;
--tns-leading-relaxed: 1.75; --tns-space-unit: 4px;
--tns-space-1: calc(var(--tns-space-unit) * 1);
--tns-space-2: calc(var(--tns-space-unit) * 2);
--tns-space-3: calc(var(--tns-space-unit) * 3);
--tns-space-4: calc(var(--tns-space-unit) * 4);
--tns-space-5: calc(var(--tns-space-unit) * 5);
--tns-space-6: calc(var(--tns-space-unit) * 6);
--tns-space-7: calc(var(--tns-space-unit) * 7);
--tns-space-8: calc(var(--tns-space-unit) * 8);
--tns-space-10: calc(var(--tns-space-unit) * 10);
--tns-space-12: calc(var(--tns-space-unit) * 12);
--tns-space-14: calc(var(--tns-space-unit) * 14);
--tns-space-16: calc(var(--tns-space-unit) * 16);
--tns-space-20: calc(var(--tns-space-unit) * 20);
--tns-space-24: calc(var(--tns-space-unit) * 24); --tns-radius-none: 0;
--tns-radius-sm: 4px;
--tns-radius-md: 8px;
--tns-radius-lg: 12px;
--tns-radius-xl: 18px;
--tns-radius-pill: 9999px; --tns-shadow-none: none;
--tns-shadow-sm: 0 1px 3px rgb(15 23 42 / .08);
--tns-shadow-md: 0 4px 14px rgb(15 23 42 / .10);
--tns-shadow-lg: 0 16px 40px rgb(15 23 42 / .14);
--tns-shadow-overlay: 0 24px 64px rgb(0 0 0 / .24); --tns-layout-container: 1280px;
--tns-layout-reading: 760px;
--tns-layout-gutter: clamp(16px, 3vw, 32px);
--tns-layout-section: 56px;
--tns-layout-header: 64px; --tns-motion-fast: 150ms;
--tns-motion-normal: 250ms;
--tns-motion-slow: 400ms;
--tns-motion-ease: cubic-bezier(.2, 0, 0, 1); --tns-z-base: 0;
--tns-z-raised: 10;
--tns-z-sticky: 50;
--tns-z-dropdown: 100;
--tns-z-overlay: 1000;
--tns-z-dialog: 1100;
--tns-z-toast: 1200; --tns-control-height: 44px;
--tns-control-small: 36px;
--tns-control-large: 52px;
--tns-control-border: 1px;
--tns-control-radius: var(--tns-radius-md); --tns-component-card-bg: var(--tns-color-surface);
--tns-component-card-border: var(--tns-color-border);
--tns-component-card-radius: var(--tns-radius-lg);
--tns-component-card-padding: var(--tns-space-5);
--tns-component-card-gap: var(--tns-space-6);
--tns-component-button-bg: var(--tns-color-primary);
--tns-component-button-text: var(--tns-color-on-primary);
--tns-component-button-radius: var(--tns-control-radius);
--tns-component-hero-bg: var(--tns-color-inverse);
--tns-component-hero-text: var(--tns-color-on-inverse);
--tns-component-hero-radius: var(--tns-radius-xl);
--tns-component-media-bg: var(--tns-color-media);
--tns-component-media-radius: var(--tns-radius-lg);
--tns-component-section-gap: var(--tns-layout-section);
}
.tns-theme-dark {
--tns-color-canvas: var(--tns-palette-navy);
--tns-color-surface: var(--tns-palette-slate-800);
--tns-color-surface-raised: var(--tns-palette-slate-800);
--tns-color-surface-subtle: var(--tns-palette-slate-900);
--tns-color-text: var(--tns-palette-slate-100);
--tns-color-heading: var(--tns-palette-white);
--tns-color-muted: var(--tns-palette-slate-300);
--tns-color-subtle: var(--tns-palette-slate-300);
--tns-color-border: var(--tns-palette-slate-600);
--tns-color-border-strong: var(--tns-palette-slate-400);
--tns-color-focus: var(--tns-palette-rose-300);
--tns-component-card-bg: var(--tns-color-surface);
--tns-component-card-border: var(--tns-color-border);
}