.bb-explore{--bb-ex-line:color-mix(in srgb, var(--theme-ink,#e8f4ff) 14%, transparent);--bb-ex-charge:var(--bb-charge,#5ce1ff);margin-top:.5rem}.bb-explore-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 1.5rem;margin-bottom:1rem;display:flex}.bb-explore-title{font-family:var(--font-theme-display), system-ui, sans-serif;letter-spacing:.02em;margin:0 0 .4rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:400}.bb-explore-lede{max-width:36rem;color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 78%, transparent);margin:0;font-size:.95rem;line-height:1.45}.bb-explore-mail{border:1px solid var(--bb-ex-charge);background:color-mix(in srgb, var(--bb-ex-charge) 18%, transparent);color:var(--theme-ink,#e8f4ff);white-space:nowrap;border-radius:2px;align-items:center;padding:.65rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.bb-explore-mail:hover{background:color-mix(in srgb, var(--bb-ex-charge) 28%, transparent)}.bb-explore-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin-bottom:1.1rem;display:flex}.bb-explore-tab{border:1px solid var(--bb-ex-line);color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 80%, transparent);font:inherit;cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.85rem;display:inline-flex}.bb-explore-tab span{font-family:var(--font-theme-mono), monospace;opacity:.75;font-size:.75rem}.bb-explore-tab.is-on{border-color:var(--bb-ex-charge);color:var(--theme-ink,#e8f4ff);background:color-mix(in srgb, var(--bb-ex-charge) 12%, transparent)}.bb-explore-meta{color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 55%, transparent);margin:0 0 0 .35rem;font-size:.8rem}.bb-explore-empty{color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 60%, transparent);margin:0;padding:1.5rem 0}.bb-explore-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9rem;display:grid}.bb-explore-card{border:1px solid var(--bb-ex-line);background:#0c12208c;border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.bb-explore-card.is-on{border-color:color-mix(in srgb, #5ce1ff 55%, var(--bb-ex-line))}.bb-explore-card.is-off{border-color:color-mix(in srgb, #ff8a6a 45%, var(--bb-ex-line));opacity:.92}.bb-explore-thumb{aspect-ratio:16/10;background:#070b14;display:block;position:relative}.bb-explore-img{object-fit:cover}.bb-explore-lane{color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 80%, transparent);letter-spacing:.06em;text-transform:uppercase;background:#0c1220bf;border-radius:2px;padding:.15rem .4rem;font-size:.65rem;position:absolute;top:.45rem;left:.45rem}.bb-explore-lane--live{color:var(--bb-ex-charge)}.bb-explore-body{gap:.4rem;padding:.7rem .75rem .85rem;display:grid}.bb-explore-card-title{margin:0;font-size:.92rem;font-weight:600;line-height:1.25}.bb-explore-card-note{color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 62%, transparent);margin:0;font-size:.78rem}.bb-explore-tags{flex-wrap:wrap;gap:.3rem;margin:0;display:flex}.bb-explore-tags span{border:1px solid var(--bb-ex-line);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 65%, transparent);border-radius:2px;padding:.1rem .35rem;font-size:.65rem}.bb-explore-react{gap:.4rem;margin-top:.25rem;display:flex}.bb-explore-react-btn{border:1px solid var(--bb-ex-line);color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 85%, transparent);font:inherit;cursor:pointer;background:0 0;border-radius:2px;flex:1;padding:.4rem .5rem;font-size:.78rem;font-weight:600}.bb-explore-react-btn.is-on{border-color:var(--bb-ex-charge);background:color-mix(in srgb, var(--bb-ex-charge) 16%, transparent);color:var(--theme-ink,#e8f4ff)}.bb-explore-react-btn--off.is-on{background:#ff8a6a29;border-color:#ff8a6a}.bb-explore-comment-label{color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 55%, transparent);margin-top:.2rem;font-size:.72rem}.bb-explore-comment{resize:vertical;border:1px solid var(--bb-ex-line);width:100%;min-height:2.5rem;color:var(--theme-ink,#e8f4ff);font:inherit;background:#0c1220cc;border-radius:2px;padding:.45rem .5rem;font-size:.82rem}.bb-explore-comment:focus{outline:2px solid var(--bb-ex-charge);outline-offset:1px}.bb-explore-foot{color:color-mix(in srgb, var(--theme-ink,#e8f4ff) 55%, transparent);margin:1.1rem 0 0;font-size:.8rem}@media (max-width:640px){.bb-explore-mail{justify-content:center;width:100%}}