.spheres-page.svelte-1hmfhj1{max-width:1280px;margin:0 auto;padding:2rem 1rem}.page-header.svelte-1hmfhj1{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.page-header.svelte-1hmfhj1 h1:where(.svelte-1hmfhj1){font-size:1.875rem;font-weight:700;color:var(--content-text-color);margin:0}.header-actions.svelte-1hmfhj1{display:flex;align-items:center;gap:.75rem}.section-header.svelte-1hmfhj1{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.section-header.svelte-1hmfhj1 h2:where(.svelte-1hmfhj1){font-size:1.5rem;font-weight:600;color:var(--content-text-color);margin:0}.section-header.svelte-1hmfhj1 .count:where(.svelte-1hmfhj1){background-color:var(--gray2-color);color:var(--content-text-color);padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500}.filters-card.svelte-1hmfhj1{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.filters-header.svelte-1hmfhj1{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--content-text-color)}.filters-header.svelte-1hmfhj1 h2:where(.svelte-1hmfhj1){font-weight:600;margin:0}.filters-grid.svelte-1hmfhj1{display:grid;grid-template-columns:1fr 1fr auto;gap:1rem}@media (max-width: 768px){.page-header.svelte-1hmfhj1{flex-direction:column;align-items:flex-start;gap:1rem}.page-header.svelte-1hmfhj1 h1:where(.svelte-1hmfhj1){font-size:1.5rem}.header-actions.svelte-1hmfhj1{width:100%;flex-direction:column;gap:.5rem}.header-actions.svelte-1hmfhj1 .button:where(.svelte-1hmfhj1){width:100%;justify-content:center}.filters-grid.svelte-1hmfhj1{grid-template-columns:1fr}.filter-actions.svelte-1hmfhj1{flex-direction:column;align-items:stretch}.filter-actions.svelte-1hmfhj1 button:where(.svelte-1hmfhj1){width:100%}}.filter-group.svelte-1hmfhj1 label:where(.svelte-1hmfhj1){display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--content-text-color)}.filter-group.svelte-1hmfhj1 select:where(.svelte-1hmfhj1){width:100%;padding:.5rem .75rem;background-color:var(--input-bg-color);color:var(--input-text-color);border:1px solid var(--border-color);border-radius:.25rem}.filter-actions.svelte-1hmfhj1{display:flex;align-items:flex-end;gap:.5rem}.apply-button.svelte-1hmfhj1,.clear-button.svelte-1hmfhj1{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;transition:all .2s}.apply-button.svelte-1hmfhj1{background-color:var(--gray4-color);color:var(--gray1-color)}.apply-button.svelte-1hmfhj1:hover{opacity:.9}.clear-button.svelte-1hmfhj1{background-color:var(--card-bg-color);color:var(--content-text-color)}.clear-button.svelte-1hmfhj1:hover{background-color:var(--gray2-color)}.empty-state.svelte-1hmfhj1{text-align:center;padding:4rem 0;color:var(--content-text-light-color)}.empty-state.svelte-1hmfhj1 p:where(.svelte-1hmfhj1){font-size:1.125rem;margin-bottom:1rem}.upload-first-button.svelte-1hmfhj1{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--primary-contrast-color);border-radius:.5rem;text-decoration:none;font-weight:500;transition:opacity .2s}.upload-first-button.svelte-1hmfhj1:hover{opacity:.9}.spheres-grid.svelte-1hmfhj1{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.sphere-card.svelte-1hmfhj1{background-color:var(--card-bg-color);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden;cursor:pointer;transition:box-shadow .2s}.sphere-card.svelte-1hmfhj1:hover{box-shadow:0 4px 12px #00000026}.sphere-thumbnail.svelte-1hmfhj1{position:relative;aspect-ratio:16 / 9;background-color:var(--gray2-color)}.sphere-thumbnail.svelte-1hmfhj1 img:where(.svelte-1hmfhj1){width:100%;height:100%;object-fit:cover}.no-preview.svelte-1hmfhj1{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--content-text-light-color)}.visibility-badge.svelte-1hmfhj1{position:absolute;top:.5rem;right:.5rem}.author-badge.svelte-1hmfhj1{position:absolute;top:.5rem;left:.5rem}.category-badge.svelte-1hmfhj1{position:absolute;bottom:.5rem;left:.5rem}.badge.svelte-1hmfhj1{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.badge.public.svelte-1hmfhj1{background-color:#22c55ee6;color:#fff}.badge.private.svelte-1hmfhj1{background-color:#000000b3;color:#fff}.badge.author.svelte-1hmfhj1{background-color:#3b82f6e6;color:#fff}.badge.category.svelte-1hmfhj1{background-color:#000000b3;color:#fff}.sphere-info.svelte-1hmfhj1{padding:1rem}.sphere-info.svelte-1hmfhj1 h3:where(.svelte-1hmfhj1){font-size:1.125rem;font-weight:600;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--content-text-color)}.description.svelte-1hmfhj1{font-size:.875rem;color:var(--content-text-light-color);margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sphere-meta.svelte-1hmfhj1{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--content-text-light-color)}.meta-item.svelte-1hmfhj1{display:flex;align-items:center;gap:.25rem}.tags.svelte-1hmfhj1{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.75rem}.tag.svelte-1hmfhj1{padding:.125rem .5rem;background-color:var(--gray2-color);color:var(--content-text-light-color);font-size:.75rem;border-radius:.25rem}.tag-more.svelte-1hmfhj1{padding:.125rem .5rem;color:var(--content-text-light-color);font-size:.75rem}