.directory-page{--directory-toolbar-height:120px}.directory-page button,.directory-page input,.directory-page select{transition-property:transform,opacity}.directory-summary-card{--summary-tint:var(--primary);isolation:isolate;text-align:left;border:1px solid color-mix(in srgb, var(--summary-tint) 14%, var(--border));background:linear-gradient(135deg, color-mix(in srgb, var(--summary-tint) 4%, var(--card)), var(--card) 70%);min-width:0;color:var(--foreground);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--card) 80%, transparent), 0 2px 3px #0f172a06, 0 8px 18px #0f172a09;cursor:pointer;border-radius:22px;grid-template-columns:1fr auto;gap:6px 12px;padding:20px;transition:transform .18s;display:grid;position:relative}.directory-summary-card[data-tone="1"]{--summary-tint:var(--success)}.directory-summary-card[data-tone="2"]{--summary-tint:var(--warning)}.directory-summary-card[data-tone="3"]{--summary-tint:var(--primary)}.directory-summary-card:before{content:"";border-radius:inherit;pointer-events:none;box-shadow:0 8px 26px color-mix(in srgb, var(--summary-tint) 12%, transparent);opacity:0;transition:opacity .18s;position:absolute;inset:0}.directory-summary-card[aria-pressed=true]{border-color:color-mix(in srgb, var(--summary-tint) 35%, var(--border))}.directory-summary-card:hover:before{opacity:1}.directory-summary-card:focus-visible{outline:3px solid var(--ring);outline-offset:3px}.directory-summary-card:active{transform:scale(.99)}.directory-summary-icon{background:color-mix(in srgb, var(--summary-tint) 10%, var(--card));width:44px;height:44px;color:var(--summary-tint);box-shadow:inset 0 1px 1px color-mix(in srgb, var(--card) 70%, transparent);border-radius:50%;grid-area:1/2/3;align-self:start;place-items:center;display:grid}.directory-summary-number{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:30px;font-weight:750;line-height:1.2}.directory-summary-label{color:var(--muted-foreground);grid-column:1/-1;font-size:13px;font-weight:550}.directory-sticky-sentinel{height:1px;margin-block:-10px}.directory-toolbar{z-index:30;background:var(--background);border-radius:0 0 20px 20px;padding:14px 0;position:sticky;top:0}.directory-toolbar.is-stuck{background:color-mix(in srgb, var(--background) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 18px -12px #0f172a40}.directory-tab-indicator{transform-origin:0;background:var(--primary);width:100px;box-shadow:0 3px 8px color-mix(in srgb, var(--primary) 20%, transparent);border-radius:999px;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:0}.directory-tabs .directory-tab[aria-pressed=true]{background:0 0}.directory-letter{top:var(--directory-toolbar-height);z-index:20;background:color-mix(in srgb, var(--background) 95%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:32px;color:var(--primary);align-items:center;gap:12px;padding:4px 6px;font-size:12px;font-weight:750;display:flex;position:sticky}.directory-letter-line{background:var(--border);flex:1;height:1px}.directory-page-row{transform:perspective(1200px) translateY(var(--row-lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--row-scale,1));transition:transform .18s}.directory-page-row:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .18s;position:absolute;inset:0;box-shadow:0 4px 8px #0f172a0a,0 12px 28px #0f172a17}.directory-page-row:active{--row-scale:.99}.directory-page-row:focus-within{z-index:2}.directory-asset-chip{z-index:10;background:color-mix(in srgb, var(--primary) 6%, var(--card));min-width:0;max-width:100%;color:var(--primary);text-overflow:ellipsis;white-space:nowrap;border-radius:9px;align-items:center;padding:5px 9px;font-size:12px;font-weight:550;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}a.directory-asset-chip{min-height:44px}a.directory-asset-chip:hover{background:color-mix(in srgb, var(--primary) 12%, var(--card))}a.directory-asset-chip:focus-visible{outline:3px solid var(--ring);outline-offset:2px}.directory-empty{border:1px solid var(--border);background:radial-gradient(ellipse at top, color-mix(in srgb, var(--primary) 5%, var(--card)), var(--card) 70%);border-radius:24px;flex-direction:column;align-items:center;padding:36px 16px;display:flex}.directory-empty-art{width:220px;height:130px;color:var(--primary)}.directory-empty>div{box-shadow:none;text-align:center;color:var(--foreground);background:0 0;border:0;justify-content:center}.directory-empty>div>svg{display:none}.directory-empty>div>div>p{font-size:18px}.directory-shimmer [data-slot=skeleton]{animation:none;position:relative;overflow:hidden}.directory-shimmer [data-slot=skeleton]:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--card) 70%, transparent), transparent);animation:1.5s infinite directory-shimmer;position:absolute;inset:0;transform:translate(-100%)}.directory-page-row[data-entrance=true]{animation:directory-enter .4s cubic-bezier(.22, 1, .36, 1) var(--entrance-delay,0s) backwards}@keyframes directory-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes directory-shimmer{to{transform:translate(100%)}}@media (hover:hover) and (pointer:fine){.directory-page-row:hover{--row-lift:-2px;z-index:3}.directory-page-row:hover:before{opacity:1}.directory-summary-card:hover{transform:translateY(-2px)}}@media (width>=1024px){.directory-summary-label{grid-column:1}}@media (width<=639px){.directory-summary-card{border-radius:18px;gap:8px;padding:16px}.directory-summary-number{font-size:28px}.directory-summary-icon{width:36px;height:36px}.directory-toolbar{padding-block:10px}}@media (prefers-reduced-motion:reduce){.directory-page-row,.directory-page-row:before,.directory-summary-card,.directory-summary-card:before,.directory-tab-indicator{transition:none}.directory-page-row,.directory-page-row:hover,.directory-page-row:active,.directory-summary-card:hover,.directory-summary-card:active{transform:none}.directory-page-row[data-entrance=true],.directory-shimmer [data-slot=skeleton]:after{animation:none}.directory-page .tw\:group\/row svg{transition:none}}