.tb-catalog{--bg:#1a1a1a;--bg-panel:#232323;--bg-panel-2:#282828;--bg-elevated:#2f2f2f;--bg-input:#202020;--border:#3a3a3a;--border-soft:#303030;--text:#f5f5f5;--text-dim:#b9b9b9;--text-faint:#8a8a8a;--accent:#e21d75;--accent-hover:#ee3f8f;--accent-soft:#e21d7529;--danger:#ff6b6b;--checker-a:#2e2e2e;--checker-b:#262626;--shadow-pop:0 8px 24px #00000059;--shadow-canvas:0 4px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--r-xs:6px;--r-sm:8px;--r-md:9px;--r-lg:10px;--r-xl:14px;--r-2xl:18px;--r-pill:999px;--r-circle:50%;--fs-2xs:11px;--fs-xs:12px;--fs-sm:12.5px;--fs-base:13px;--fs-md:13.5px;--fs-lg:14px;--fs-xl:15px;--fs-2xl:19px;--fs-3xl:28px;--fw-normal:400;--fw-medium:600;--fw-bold:700;--sp-2:4px;--sp-3:6px;--sp-4:8px;--sp-5:10px;--sp-6:12px;--sp-7:16px;--sp-8:20px;--sp-9:24px;--ctl-h:38px;--ctl-icon:34px;--ctl-touch-min:44px;--t-fast:.12s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fs-base);background:var(--bg);min-height:100%;color:var(--text);margin:0}[data-theme=light] .tb-catalog{--bg:#f0f0f0;--bg-panel:#fff;--bg-panel-2:#f0f0f0;--bg-elevated:#fff;--bg-input:#f5f5f5;--border:#e0e0e0;--border-soft:#ebebeb;--text:#141414;--text-dim:#555;--text-faint:#757575;--accent:#e21d75;--accent-hover:#c61b66;--accent-soft:#e21d7524;--danger:#b3261e;--checker-a:#dfe3ea;--checker-b:#eef1f6;--shadow-pop:0 8px 24px #1e263c24;--shadow-canvas:0 3px 16px #1e263c1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.tb-catalog,.tb-catalog *{box-sizing:border-box;margin:0}html:has(>body.tb-catalog){background:#f0f0f0;min-height:100%}html[data-theme=dark]:has(>body.tb-catalog){background:#1a1a1a}.tb-catalog button{font:inherit;color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast), border-color var(--t-fast), color var(--t-fast);padding:6px 12px}.tb-catalog button:hover:not(:disabled){border-color:var(--accent)}.tb-catalog input{font:inherit;color:inherit;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--r-sm);outline:none;padding:7px 9px}.tb-catalog svg{flex:none;display:block}.tb-catalog [hidden]{display:none!important}.tb-catalog .topbar{z-index:10;align-items:center;gap:var(--sp-8);padding:var(--sp-5) var(--sp-7);padding-top:max(var(--sp-5), env(safe-area-inset-top,0px));background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.tb-catalog .brand{align-items:center;gap:var(--sp-5);font-weight:var(--fw-bold);font-size:var(--fs-xl);white-space:nowrap;display:flex}.tb-catalog .brand-logo{flex:none;width:26px;height:auto;display:block}[data-theme=dark] .tb-catalog .brand-logo{filter:brightness(1.45)contrast(.95)}.tb-catalog .brand-name span{color:var(--accent)}.tb-catalog .topbar-right{align-items:center;gap:var(--sp-4);margin-left:auto;display:flex}.tb-catalog .icon-btn{width:var(--ctl-icon);height:var(--ctl-icon);color:var(--text-dim);border-radius:var(--r-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:flex}.tb-catalog .icon-btn:hover:not(:disabled){background:var(--bg-elevated);color:var(--text);border-color:var(--border)}.tb-catalog .count{font-size:var(--fs-xs);color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.tb-catalog .page{max-width:1240px;padding:var(--sp-8) var(--sp-7) calc(var(--sp-9) * 2);padding-bottom:calc(var(--sp-9) * 2 + env(safe-area-inset-bottom,0px));margin:0 auto}.tb-catalog .lead{margin-bottom:var(--sp-8)}.tb-catalog .lead h1{font-size:var(--fs-2xl);font-weight:var(--fw-bold);margin-bottom:var(--sp-3)}.tb-catalog .lead p{font-size:var(--fs-lg);color:var(--text-dim)}.tb-catalog .filters{gap:var(--sp-5);padding:var(--sp-6);margin-bottom:var(--sp-8);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xl);flex-direction:column;display:flex}.tb-catalog .search{align-items:center;display:flex;position:relative}.tb-catalog .search svg{color:var(--text-faint);pointer-events:none;position:absolute;left:11px}.tb-catalog .search input{width:100%;height:var(--ctl-h);border-radius:var(--r-md);padding-left:36px;padding-right:36px}.tb-catalog .search input:focus{border-color:var(--accent)}.tb-catalog .search-clear{width:30px;height:30px;color:var(--text-faint);border-radius:var(--r-circle);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:4px}.tb-catalog .search-clear:hover{color:var(--text);background:var(--bg-panel-2)}.tb-catalog .frow{align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}.tb-catalog .flabel{font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);min-width:64px}.tb-catalog .chip{align-items:center;gap:var(--sp-3);border-radius:var(--r-pill);height:32px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-dim);background:var(--bg-input);border:1px solid var(--border);padding:0 13px;display:inline-flex}.tb-catalog .chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tb-catalog .chip .n{font-size:var(--fs-2xs);color:var(--text-faint);font-variant-numeric:tabular-nums}.tb-catalog .chip.on .n{color:var(--accent)}.tb-catalog .reset{align-items:center;gap:var(--sp-3);border-radius:var(--r-pill);height:32px;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--text-dim);background:0 0;margin-left:auto;display:inline-flex}.tb-catalog .group{margin-bottom:var(--sp-9)}.tb-catalog .group-head{align-items:baseline;gap:var(--sp-5);padding-bottom:var(--sp-5);margin-bottom:var(--sp-6);border-bottom:1px solid var(--border-soft);flex-wrap:wrap;display:flex}.tb-catalog .group-num{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--accent);font-variant-numeric:tabular-nums}.tb-catalog .group-name{font-size:var(--fs-xl);font-weight:var(--fw-bold)}.tb-catalog .group-count{font-size:var(--fs-xs);color:var(--text-faint);margin-left:auto}.tb-catalog .grid{gap:var(--sp-7);grid-template-columns:repeat(auto-fill,minmax(232px,1fr));display:grid}.tb-catalog .card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-xl);color:inherit;transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tb-catalog .card:hover,.tb-catalog .card:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-canvas);outline:none;transform:translateY(-2px)}.tb-catalog .thumb{aspect-ratio:4/3;background:repeating-conic-gradient(var(--checker-a) 0% 25%, var(--checker-b) 0% 50%) 0 0 / 22px 22px;border-bottom:1px solid var(--border-soft);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tb-catalog .thumb img,.tb-catalog .thumb video{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.tb-catalog .thumb video{margin:auto;position:absolute;inset:0}.tb-catalog .thumb .missing{align-items:center;gap:var(--sp-3);padding:var(--sp-6);text-align:center;font-size:var(--fs-xs);color:var(--text-faint);flex-direction:column;display:flex}.tb-catalog .thumb .play{right:var(--sp-4);bottom:var(--sp-4);border-radius:var(--r-pill);color:#fff;height:22px;font-size:var(--fs-2xs);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;background:#000000a6;align-items:center;gap:5px;padding:0 8px;display:flex;position:absolute}.tb-catalog .body{gap:var(--sp-4);padding:var(--sp-6);flex-direction:column;display:flex}.tb-catalog .kind{align-items:center;gap:var(--sp-3);font-size:var(--fs-lg);font-weight:var(--fw-medium);display:flex}.tb-catalog .kind svg{color:var(--accent)}.tb-catalog .meta{font-size:var(--fs-xs);color:var(--text-dim);flex-wrap:wrap;gap:5px 12px;display:flex}.tb-catalog .meta span{font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.tb-catalog .tags{gap:var(--sp-3);flex-wrap:wrap;display:flex}.tb-catalog .tag{border-radius:var(--r-pill);height:22px;font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--text-dim);background:var(--bg-panel-2);border:1px solid var(--border-soft);align-items:center;gap:5px;padding:0 9px;display:inline-flex}.tb-catalog .tag.text{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.tb-catalog .notice{align-items:center;gap:var(--sp-5);padding:calc(var(--sp-9) * 2) var(--sp-7);text-align:center;background:var(--bg-panel);border:1px dashed var(--border);border-radius:var(--r-2xl);flex-direction:column;display:flex}.tb-catalog .notice svg{color:var(--text-faint)}.tb-catalog .notice.bad svg{color:var(--danger)}.tb-catalog .notice h2{font-size:var(--fs-2xl);font-weight:var(--fw-bold)}.tb-catalog .notice p{max-width:46ch;font-size:var(--fs-lg);color:var(--text-dim)}.tb-catalog .notice button{height:var(--ctl-h);border-radius:var(--r-md);font-weight:var(--fw-medium);padding:0 16px}.tb-catalog .spin{border-radius:var(--r-circle);border:2.5px solid var(--border);border-top-color:var(--accent);width:18px;height:18px;animation:.8s linear infinite tbcspin}@keyframes tbcspin{to{transform:rotate(360deg)}}@media (width<=640px){.tb-catalog .topbar{gap:var(--sp-5);padding-left:var(--sp-6);padding-right:var(--sp-6)}.tb-catalog .brand-name{font-size:var(--fs-lg)}.tb-catalog .count{display:none}.tb-catalog .page{padding-left:var(--sp-6);padding-right:var(--sp-6)}.tb-catalog .filters{padding:var(--sp-5)}.tb-catalog .flabel{min-width:100%}.tb-catalog .frow{gap:var(--sp-3)}.tb-catalog .chip{height:var(--ctl-touch-min);padding:0 14px}.tb-catalog .reset{height:var(--ctl-touch-min);margin-left:0}.tb-catalog .grid{gap:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tb-catalog .body{padding:var(--sp-5);gap:var(--sp-3)}.tb-catalog .group-name{font-size:var(--fs-lg)}.tb-catalog .group-count{margin-left:0}}@media (prefers-reduced-motion:reduce){.tb-catalog *,.tb-catalog .card{transition:none!important;animation:none!important}}