.bg-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (max-width:1024px){.bg-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.bg-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.bg-grid{grid-template-columns:1fr}}.bg-chip{font-family:inherit;font-size:var(--hr-text-micro);letter-spacing:.1em;text-transform:uppercase;background:var(--hr-paper);border:1px solid var(--hr-line);border-radius:var(--hr-radius-sm);color:var(--hr-ink-faint);cursor:pointer;min-height:44px;transition:all var(--hr-t-quick)var(--hr-ease);padding:10px 14px;font-weight:500}.bg-chip:hover,.bg-chip:active{color:var(--hr-ink);border-color:var(--hr-line-strong)}.bg-chip.is-on{color:var(--hr-ink);border-color:var(--hr-line-strong);background:var(--hr-surface)}.bg-card{border:1px solid var(--hr-line);border-radius:var(--hr-radius-md);background:var(--hr-paper);transition:border-color var(--hr-t-base)var(--hr-ease),transform var(--hr-t-base)var(--hr-ease);cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;padding:0;display:block;overflow:hidden}.bg-card:hover,.bg-card:active{border-color:var(--hr-line-strong);transform:translateY(-2px)}.bg-card-media{aspect-ratio:4/3;background:var(--hr-surface);width:100%;position:relative}.bg-card-media img{object-fit:cover}.bg-card-caption{font-size:var(--hr-text-micro);color:var(--hr-ink-faint);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.bg-card-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--hr-ink-faint);white-space:nowrap;font-size:11px;font-weight:500}.bg-empty{text-align:center;border:1px dashed var(--hr-line-strong);border-radius:var(--hr-radius-md);color:var(--hr-ink-muted);grid-column:1/-1;padding:64px 20px}.bg-modal-overlay{z-index:1000;background:#16161a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bg-modal{background:var(--hr-paper);border-radius:var(--hr-radius-md);flex-direction:column;width:100%;max-width:760px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #16161a3d}.bg-modal-image{aspect-ratio:16/9;background:var(--hr-surface);width:100%;position:relative}.bg-modal-image img{object-fit:contain}.bg-modal-close{z-index:20;border:1px solid var(--hr-line);background:var(--hr-paper);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:12px;right:12px}.bg-modal-switch{z-index:20;background:#16161a8c;border-radius:99px;gap:2px;max-width:calc(100% - 32px);padding:3px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.bg-modal-switch button{font:inherit;font-size:var(--hr-text-micro);cursor:pointer;color:#fff;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:99px;min-height:40px;padding:9px 18px;font-weight:500}@media (max-width:480px){.bg-modal-switch{gap:1px;padding:2px;bottom:10px}.bg-modal-switch button{min-height:34px;padding:7px 12px;font-size:12px}}.bg-modal-switch button[aria-pressed=true]{background:var(--hr-paper);color:var(--hr-ink)}.bg-modal-body{padding:20px 24px}.bg-modal-title{color:var(--hr-ink);font-size:17px;font-weight:500}