.head[data-v-0e7b3708]{display:grid;gap:var(--space-1);margin-bottom:var(--space-4)}.head-title[data-v-0e7b3708]{margin:0;color:var(--ink-900)}.lede[data-v-0e7b3708]{margin:0;font-family:var(--font-serif);font-style:italic;color:var(--ink-700);max-width:38rem}.filter-bar[data-v-0e7b3708]{display:flex;gap:var(--space-2);align-items:flex-end;margin-bottom:var(--space-3);flex-wrap:wrap}.filter-bar[data-v-0e7b3708]>:first-child{flex:1;min-width:14rem}.filter-label[data-v-0e7b3708]{display:grid;gap:4px}.layout[data-v-0e7b3708]{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:var(--space-3);align-items:flex-start}.grid-col[data-v-0e7b3708]{display:flex;flex-direction:column;gap:var(--space-4)}.system-section[data-v-0e7b3708]{display:flex;flex-direction:column;gap:var(--space-2)}.system-head[data-v-0e7b3708]{display:flex;align-items:baseline;justify-content:space-between;margin:0;padding-bottom:var(--space-1);border-bottom:1px solid var(--paper-300)}.system-name[data-v-0e7b3708]{font-family:var(--font-serif);font-style:italic;font-size:var(--text-h3);color:var(--ink-900)}.system-count[data-v-0e7b3708]{font-family:var(--font-mono);color:var(--ink-500)}.grid[data-v-0e7b3708]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin:0;padding:0;list-style:none}@media (max-width: 900px){.grid[data-v-0e7b3708]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.grid[data-v-0e7b3708]{grid-template-columns:repeat(2,1fr)}}.cell[data-v-0e7b3708]{width:100%;display:flex;flex-direction:column;gap:var(--space-1);padding:0;background:transparent;border:0;cursor:pointer;text-align:left;border-radius:var(--radius-md);transition:transform var(--dur-fast) var(--ease-out)}.cell[data-v-0e7b3708]:hover{transform:translateY(-2px)}.cell[data-v-0e7b3708]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:4px;border-radius:var(--radius-md)}.cell-img[data-v-0e7b3708]{width:100%;height:auto;display:block;border-radius:var(--radius-sm);background:var(--paper-100);border:1px solid color-mix(in srgb,var(--paper-300) 70%,transparent);box-shadow:0 2px 8px #0000002e;transition:box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.cell:hover .cell-img[data-v-0e7b3708]{box-shadow:0 6px 16px #00000047;border-color:var(--accent-primary)}.cell.active .cell-img[data-v-0e7b3708]{border-color:var(--accent-emphasis);box-shadow:0 0 0 2px var(--accent-emphasis),0 6px 16px #00000047}.cell-meta[data-v-0e7b3708]{display:flex;flex-direction:column;gap:2px;padding:0 4px}.cell-num[data-v-0e7b3708]{font-family:var(--font-mono);color:var(--accent-primary)}.cell-name[data-v-0e7b3708]{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:var(--text-small);color:var(--ink-900);line-height:1.15}.cell-tag[data-v-0e7b3708]{font-family:var(--font-serif);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail[data-v-0e7b3708]{display:grid;gap:var(--space-3)}.detail-img[data-v-0e7b3708]{display:block;width:100%;height:auto;border-radius:var(--radius-md);background:var(--paper-100);border:1px solid color-mix(in srgb,var(--paper-300) 70%,transparent);box-shadow:0 6px 20px #00000047}.detail-head[data-v-0e7b3708]{display:grid;gap:4px}.name[data-v-0e7b3708]{margin:0;font-family:var(--font-serif);font-style:italic;font-weight:500;color:var(--ink-900)}.tagline[data-v-0e7b3708]{margin:0;font-family:var(--font-serif);font-style:italic;font-size:var(--text-body);color:var(--accent-emphasis)}.desc[data-v-0e7b3708]{margin:4px 0 0;font-family:var(--font-serif);font-size:var(--text-small);line-height:1.65;color:var(--ink-700)}.field[data-v-0e7b3708]{display:grid;gap:4px}.field-body[data-v-0e7b3708]{margin:0;font-family:var(--font-serif);font-size:var(--text-body);line-height:1.75;color:var(--ink-900)}.field-shadow[data-v-0e7b3708]{font-style:italic;color:var(--ink-700)}.field--recognition[data-v-0e7b3708]{padding-block:var(--space-2)}.field-recognition[data-v-0e7b3708]{margin:0;padding-inline-start:var(--space-2);border-inline-start:2px solid color-mix(in srgb,var(--accent-emphasis) 50%,transparent);font-family:var(--font-serif);font-style:italic;font-size:var(--text-body);line-height:1.65;color:var(--accent-emphasis)}.empty[data-v-0e7b3708]{padding:var(--space-4);text-align:center;font-style:italic}@media (max-width: 900px){.layout[data-v-0e7b3708]{grid-template-columns:1fr}}