.badges-shell.svelte-1spkiut{--browse-bg: #faf3e6;--browse-layer: #f3e8d6;--browse-layer-2: #efe2cc;--browse-panel: #fffaf2;--browse-text: #1e1e1e;--browse-text-muted: #7a7368;--browse-text-subtle: #5d564c;--browse-line: rgba(30, 30, 30, .1);--browse-line-strong: rgba(30, 30, 30, .2);--browse-accent: #8a7f3a;--browse-accent-soft: rgba(138, 127, 58, .2);--browse-shadow: 0 10px 25px rgba(30, 30, 30, .08);--browse-heading-font: "Space Grotesk", var(--font-ui);--browse-body-font: "DM Sans", var(--font-ui);--browse-mono-font: "IBM Plex Mono", var(--font-mono);min-height:100vh;background:var(--browse-bg);color:var(--browse-text);font-family:var(--browse-body-font)}.badges-shell.svelte-1spkiut:not([data-theme=dark]){background:radial-gradient(circle at 88% 14%,rgba(203,178,106,.18),transparent 30%),radial-gradient(circle at 10% 80%,rgba(47,62,70,.06),transparent 32%),var(--browse-bg)}.badges-shell[data-theme=dark].svelte-1spkiut{--browse-bg: #000000;--browse-layer: #0A0A0A;--browse-layer-2: #111111;--browse-panel: #141414;--browse-text: #FAFAFA;--browse-text-muted: #b0b0b0;--browse-text-subtle: #999999;--browse-line: rgba(255, 255, 255, .08);--browse-line-strong: rgba(255, 255, 255, .14);--browse-accent: #FFFFFF;--browse-accent-soft: rgba(255, 255, 255, .12);--browse-green: #00E676;--browse-green-soft: rgba(0, 230, 118, .12);--browse-shadow: 0 16px 40px rgba(0, 0, 0, .55);--browse-heading-font: "Inter", "DM Sans", var(--font-ui);--browse-mono-font: "JetBrains Mono", "DM Mono", var(--font-mono)}.page.svelte-1spkiut{min-height:100vh;background:transparent;padding:82px 24px 48px;max-width:1280px;margin:0 auto}.page-header.svelte-1spkiut{text-align:center;margin-bottom:32px}.page-title.svelte-1spkiut{font-family:var(--browse-heading-font);font-size:36px;font-weight:800;color:var(--browse-text);letter-spacing:-.03em;margin:0 0 8px}.page-subtitle.svelte-1spkiut{font-size:15px;color:var(--browse-text-muted);margin:0;max-width:520px;margin-inline:auto;line-height:1.5}.toolbar.svelte-1spkiut{display:flex;align-items:center;gap:12px;margin-bottom:16px}.search-bar.svelte-1spkiut{flex:1;display:flex;align-items:center;gap:10px;padding:10px 16px;background:transparent;border:none;border-bottom:1px solid var(--browse-line);border-radius:0;color:var(--browse-text-subtle)}.search-input.svelte-1spkiut{flex:1;border:none;background:transparent;outline:none;font-family:var(--browse-body-font);font-size:14px;color:var(--browse-text)}.search-input.svelte-1spkiut::placeholder{color:var(--browse-text-muted)}.sort-bar.svelte-1spkiut{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sort-pill.svelte-1spkiut{padding:6px 16px;font-family:var(--browse-body-font);font-size:13px;font-weight:500;color:var(--browse-text-muted);background:transparent;border:1px solid var(--browse-line);border-radius:6px;cursor:pointer;transition:color .15s,border-color .15s}.sort-pill.svelte-1spkiut:hover{color:var(--browse-text);border-color:var(--browse-line-strong)}.sort-pill--active.svelte-1spkiut{color:var(--browse-text);border-color:var(--browse-text);background:transparent}.results-count.svelte-1spkiut{font-size:13px;color:var(--browse-text-muted);margin:0 0 16px}.badge-grid.svelte-1spkiut{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.card.svelte-1spkiut{background:var(--browse-panel);border:1px solid var(--browse-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s;position:relative}.card.svelte-1spkiut:hover{border-color:var(--browse-line-strong)}.card-stripe.svelte-1spkiut{height:4px;width:100%}.card-header.svelte-1spkiut{display:flex;align-items:center;gap:12px;padding:18px 20px 0}.card-avatar.svelte-1spkiut{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--browse-line);flex-shrink:0}.card-identity.svelte-1spkiut{flex:1;min-width:0}.card-badge-name.svelte-1spkiut{display:block;font-family:var(--browse-heading-font);font-size:16px;font-weight:700;color:var(--browse-text);letter-spacing:-.01em}.card-creator.svelte-1spkiut{display:block;font-size:13px;color:var(--browse-text-muted);margin-top:2px}.status-badge.svelte-1spkiut{padding:3px 10px;font-family:var(--browse-body-font);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:9999px}.status-badge--active.svelte-1spkiut{color:#2ecc8e;background:#2ecc8e1f}.status-badge--frozen.svelte-1spkiut{color:#ef4444;background:#ef44441f}.card-stats.svelte-1spkiut{display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:0 20px;border-top:1px solid var(--browse-line)}.stat.svelte-1spkiut{display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 4px;border-bottom:1px solid var(--browse-line)}.stat-lbl.svelte-1spkiut{font-size:10px;font-weight:500;color:var(--browse-text-muted);text-transform:uppercase;letter-spacing:.04em}.stat-val.svelte-1spkiut{font-family:var(--browse-mono-font);font-size:14px;font-weight:600;color:var(--browse-text)}.stat-total.svelte-1spkiut{font-size:11px;font-weight:400;color:var(--browse-text-muted)}.stat-unit.svelte-1spkiut{font-size:11px;font-weight:400;color:var(--browse-text-subtle)}.card-cta.svelte-1spkiut{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;padding:12px 20px;font-family:var(--browse-body-font);font-size:12px;font-weight:600;color:var(--browse-text-muted);background:transparent;border-top:1px solid var(--browse-line);text-decoration:none;transition:color .15s}.card-cta.svelte-1spkiut:hover{color:var(--browse-accent)}.empty.svelte-1spkiut{text-align:center;padding:60px 20px}.empty-text.svelte-1spkiut{color:var(--browse-text-muted);font-size:15px}.badges-shell[data-theme=dark] .sort-pill--active.svelte-1spkiut{color:#00e676;border-color:#00e676}.badges-shell[data-theme=dark] .sort-pill.svelte-1spkiut:hover{color:#00e676;border-color:#00e6764d}.badges-shell[data-theme=dark] .card-cta.svelte-1spkiut:hover{color:#00e676}.badges-shell[data-theme=dark] .status-badge--active.svelte-1spkiut{color:#00e676;background:#00e6761f}@media(max-width:768px){.page.svelte-1spkiut{padding:72px 16px 32px}.page-title.svelte-1spkiut{font-size:28px}.badge-grid.svelte-1spkiut{grid-template-columns:1fr}.card-stats.svelte-1spkiut{grid-template-columns:repeat(2,1fr)}.sort-bar.svelte-1spkiut{gap:6px}.sort-pill.svelte-1spkiut{padding:5px 12px;font-size:12px}}
