.page.svelte-8if8uq{padding-block:var(--space-8) var(--space-4)}.main.svelte-8if8uq{gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.toolbar.svelte-8if8uq{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.search-field.svelte-8if8uq{height:44px;padding-inline:var(--space-4) var(--space-2);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-control);color:var(--text-muted);flex:240px;align-items:center;display:flex}.search-field.svelte-8if8uq input:where(.svelte-8if8uq){min-width:0;color:var(--text-primary);font-size:var(--font-body);background:0 0;border:none;flex:1;font-family:inherit}.search-field.svelte-8if8uq input:where(.svelte-8if8uq):focus{border-color:var(--brand-line);outline:none}.search-field.svelte-8if8uq:focus-within{border-color:var(--brand-line);outline:2px solid var(--brand);outline-offset:2px}.search-field.svelte-8if8uq:focus-within button:where(.svelte-8if8uq){color:var(--brand-neon)}.search-field.svelte-8if8uq button:where(.svelte-8if8uq){border-radius:var(--radius-control);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:background-color var(--motion-duration) var(--motion-ease), color var(--motion-duration) var(--motion-ease);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-field.svelte-8if8uq button:where(.svelte-8if8uq):hover{background:var(--surface-3);color:var(--brand-neon)}.toolbar-select.svelte-8if8uq{flex:180px}.toolbar-select.svelte-8if8uq .leading-icon{color:var(--brand-neon)}.toolbar-select.svelte-8if8uq select:focus{border-color:var(--brand-line)}.toolbar-action.svelte-8if8uq{flex:none}@media (width<=639px){.toolbar-action.svelte-8if8uq{flex-basis:100%;order:-1}.toolbar-action.svelte-8if8uq .btn{width:100%}}@media (width>=1024px){.search-field.svelte-8if8uq{flex-basis:260px}.toolbar-select.svelte-8if8uq{flex:1 1 0}}.grid.svelte-8if8uq{gap:var(--space-4);grid-template-columns:1fr;display:grid}.grid.svelte-8if8uq .card{transition:border-color var(--motion-duration) var(--motion-ease), background-color var(--motion-duration) var(--motion-ease), transform var(--motion-duration) var(--motion-ease)}.grid.svelte-8if8uq .card:hover{border-color:var(--brand-line);background:var(--surface-2);transform:translateY(-2px)}.thumb.svelte-8if8uq{cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:block;position:relative}.thumb.svelte-8if8uq .badge{top:var(--space-3);left:var(--space-3);z-index:1;position:absolute}.thumb.svelte-8if8uq img:where(.svelte-8if8uq){aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;transition:transform var(--motion-duration) var(--motion-ease), filter var(--motion-duration) var(--motion-ease);display:block}.grid.svelte-8if8uq .card:hover .thumb img{filter:saturate(1.08)brightness(1.04);transform:scale(1.025)}@media (prefers-reduced-motion:reduce){.grid.svelte-8if8uq .card,.thumb.svelte-8if8uq img:where(.svelte-8if8uq){transition:none}.grid.svelte-8if8uq .card:hover .thumb img{transform:none}}.card-body.svelte-8if8uq{align-items:end;gap:var(--space-3);padding:var(--space-4);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;display:grid}.uploader.svelte-8if8uq{align-items:center;column-gap:var(--space-2);color:var(--text-secondary);grid-row:1/3;grid-template-rows:auto auto;grid-template-columns:28px minmax(0,1fr);display:grid}.uploader.no-avatar.svelte-8if8uq{display:block}.uploader-name.svelte-8if8uq{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;font-weight:600;overflow:hidden}.avatar.svelte-8if8uq{border-radius:4px;flex-shrink:0;grid-area:1/1/3;width:28px;height:28px}.date.svelte-8if8uq{color:var(--text-muted);grid-area:2/2}.stats-row.svelte-8if8uq{gap:var(--space-3);color:var(--text-muted);grid-area:2/2;display:flex}.share-callout.svelte-8if8uq{align-items:center;gap:var(--space-6);margin-top:var(--space-10);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);display:flex}.share-icon.svelte-8if8uq{border-radius:var(--radius-pill);background:var(--brand-surface);width:56px;height:56px;color:var(--brand);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.share-copy.svelte-8if8uq{flex:1;min-width:0}.share-copy.svelte-8if8uq h2:where(.svelte-8if8uq){font-size:var(--font-h4);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--brand-line);box-shadow:var(--glow-line-brand)}.share-copy.svelte-8if8uq p:where(.svelte-8if8uq){max-width:var(--reading-max-width);color:var(--text-muted);font-size:var(--font-small)}.stats-row.svelte-8if8uq span:where(.svelte-8if8uq){align-items:center;gap:var(--space-1);display:inline-flex}.stats-row.svelte-8if8uq svg{color:var(--brand-neon)}@media (width>=1024px){.grid.svelte-8if8uq{grid-template-columns:repeat(3,1fr)}}@media (width>=1280px){.grid.svelte-8if8uq{grid-template-columns:repeat(4,1fr)}}@media (width<=639px){.share-callout.svelte-8if8uq{flex-wrap:wrap;align-items:flex-start}.share-callout.svelte-8if8uq .btn{width:100%}}