.tb-view{display:none;width:100%}html.hub-shelf .tb-view{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}html.hub-shelf .hub-grid:not(.hub-recent){display:none}.hs-sw{display:flex;justify-content:flex-end;gap:4px;margin:10px 0 -6px}.hs-sw button{appearance:none;cursor:pointer;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--dim);font:600 12px/1 var(--font-sans);padding:9px 12px;border-radius:999px;transition:.15s;min-height:34px}.hs-sw button:hover{color:var(--ink);background:rgba(255,255,255,.08)}.hs-sw button.on{color:#0b1220;background:#6FB8E8;border-color:transparent}.hs-sw button:focus-visible{outline:2px solid #6FB8E8;outline-offset:2px}.tb-list{display:flex;flex-direction:column;gap:18px;min-width:0}.tb-group{scroll-margin-top:104px}.tb-group[hidden]{display:none}.tb-group h2{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:0 4px;font:700 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#8FA0B0)}.tb-group h2 span:first-child{font-size:14px;letter-spacing:0}.tb-group h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent,#8FA0B0) 45%,transparent),transparent)}.tb-n{font-size:10px;color:var(--faint);letter-spacing:.06em;padding:3px 7px;border:1px solid var(--line);border-radius:999px}.tb-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}.tb-row{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;column-gap:10px;padding:7px 10px 7px 8px;border-radius:9px;text-decoration:none;color:var(--ink);border:1px solid transparent;transition:background .12s,border-color .12s}.tb-row[hidden]{display:none}.tb-ico{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;background:color-mix(in srgb,var(--accent,#8FA0B0) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent,#8FA0B0) 28%,transparent)}.tb-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.tb-name{font:700 13.5px/1.25 var(--font-sans);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-line{font:12px/1.35 var(--font-sans);color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tb-row:hover,.tb-row.on{background:color-mix(in srgb,var(--accent,#8FA0B0) 10%,rgba(255,255,255,.03));border-color:color-mix(in srgb,var(--accent,#8FA0B0) 40%,transparent)}.tb-row:focus-visible{outline:2px solid var(--accent,#8FA0B0);outline-offset:1px}.tb-panel{position:sticky;top:96px;height:404px;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--card-base,rgba(28,34,48,.9));border:1px solid color-mix(in srgb,var(--accent,#8FA0B0) 45%,transparent);box-shadow:0 30px 50px -30px #000,inset 0 1px #ffffff0f;transition:border-color .2s}.tb-face{position:relative;height:150px;background:#0f141c;border-bottom:1px solid rgba(255,255,255,.08)}.tb-face canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.tb-face:before,.tb-face:after{content:"";position:absolute;width:14px;height:14px;border:2px solid color-mix(in srgb,var(--accent,#8FA0B0) 80%,transparent);pointer-events:none}.tb-face:before{left:8px;top:8px;border-right:0;border-bottom:0}.tb-face:after{right:8px;bottom:8px;border-left:0;border-top:0}.tb-info{display:flex;flex-direction:column;gap:7px;padding:14px 18px 16px;flex:1;min-height:0}.tb-grp{position:relative;padding-left:26px;font:700 10px/1.2 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent,#8FA0B0)}.tb-grp:before{content:"";position:absolute;left:0;top:50%;width:18px;height:1px;background:var(--accent,#8FA0B0)}.tb-grp:after{content:"";position:absolute;left:0;top:calc(50% - 4px);width:1px;height:9px;background:var(--accent,#8FA0B0);box-shadow:17px 0 0 var(--accent,#8FA0B0)}.tb-title{font:800 18px/1.25 var(--font-sans);color:var(--ink);text-wrap:balance}.tb-desc{margin:0;font:13px/1.55 var(--font-sans);color:var(--dim);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.tb-open{margin-top:auto;align-self:flex-start;padding:9px 14px;border-radius:999px;text-decoration:none;font:700 12.5px/1 var(--font-sans);color:#0b1220;background:var(--accent,#8FA0B0);transition:transform .15s}.tb-open:hover{transform:translateY(-2px)}.tb-open[hidden]{display:none}@media (max-width:1080px){.tb-rows{grid-template-columns:1fr}}@media (max-width:860px){html.hub-shelf .tb-view{grid-template-columns:1fr}.tb-panel{display:none}.tb-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-sw{justify-content:center}}@media (max-width:600px){.tb-rows{grid-template-columns:1fr}}