.dir-list{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-elevated);overflow:hidden;transition:opacity var(--duration-base) var(--ease-out)}.dir-list>*+*{border-top:1px solid var(--border-color)}.dir-grid.is-refreshing,.dir-list.is-refreshing{opacity:.55;pointer-events:none}.dir-row{display:grid;grid-template-columns:40px minmax(0,1fr) 10.5rem auto;align-items:center;gap:0 1rem;padding:.9rem 1.1rem;color:inherit;text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out)}.dir-row--nocat{grid-template-columns:40px minmax(0,1fr) auto}.dir-row:hover{background-color:var(--surface-hover)}.dir-row:active{background-color:var(--surface-2)}.dir-row:focus-visible{outline-offset:-2px;border-radius:var(--radius-md)}.dir-row.is-featured{box-shadow:inset 2px 0 0 var(--accent-color)}.dir-row-main{min-width:0;display:flex;flex-direction:column;gap:.2rem}.dir-row-head{display:flex;align-items:center;gap:.5rem;min-width:0;flex-wrap:wrap;row-gap:.15rem}.dir-row-name{margin:0;font-size:.975rem;font-weight:650;letter-spacing:-.01em;line-height:1.3;color:var(--text-primary);max-width:100%}.dir-row-name,.dir-row-org{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-row-org{font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary);max-width:14rem}.dir-row-desc{margin:0;font-size:.85rem;line-height:1.5;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-card-desc code,.dir-row-desc code{font-size:.85em}.dir-flag{display:inline-flex;align-items:center;gap:.2rem;padding:.05rem .4rem;border-radius:6px;font-size:.68rem;font-weight:650;line-height:1.5;white-space:nowrap;border:1px solid transparent}.dir-flag--verified{color:var(--accent-color);background:rgba(var(--accent-rgb),.08);border-color:rgba(var(--accent-rgb),.22)}.dir-flag--tested{color:var(--verified-green,#22c55e);background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.22)}.dir-flag--featured{color:#f5b544;background:rgba(245,181,68,.08);border-color:rgba(245,181,68,.24)}[data-theme=light] .dir-flag--verified{color:#0369a1;background:rgba(3,105,161,.07);border-color:rgba(3,105,161,.2)}[data-theme=light] .dir-flag--tested{color:#15803d}[data-theme=light] .dir-flag--featured{color:#a16207}.dir-cat{justify-self:start;min-width:0;max-width:100%}.dir-cat:before{content:"";flex-shrink:0;width:6px;height:6px;border-radius:50%;background:currentColor}.dir-cat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-stats{display:grid;grid-template-columns:repeat(3,3.6rem);justify-items:end;font-size:.8rem;color:var(--text-secondary)}.dir-stat{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.dir-stat svg{flex-shrink:0}.dir-stat svg,.dir-stat.is-empty{color:var(--text-tertiary)}.dir-beacon{min-width:0}.dir-grid>.dir-beacon{display:flex}.dir-grid>:where(.dir-beacon)>*{flex:1}.dir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:.875rem;grid-auto-flow:row dense;transition:opacity var(--duration-base) var(--ease-out)}.dir-grid-span{grid-column:1/-1}.dir-card{display:flex;flex-direction:column;gap:.6rem;min-width:0;padding:1.1rem 1.1rem .95rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-1);box-shadow:var(--shadow-elevated);color:inherit;text-decoration:none;transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.dir-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-elevated-hover)}.dir-card:active{transform:translateY(0) scale(.995);transition-duration:80ms}.dir-card.is-featured{border-color:rgba(var(--accent-rgb),.3)}.dir-card-top{display:flex;align-items:center;gap:.75rem;min-width:0}.dir-card-title{min-width:0;display:flex;flex-direction:column;gap:.1rem}.dir-card-flags{display:flex;flex-wrap:wrap;gap:.35rem}.dir-card-flags:empty{display:none}.dir-card-desc{margin:0;font-size:.85rem;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(.85rem * 1.55 * 2)}.dir-card-foot{margin-top:auto;padding-top:.7rem;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.dir-card-foot .dir-stats{grid-template-columns:repeat(3,auto);gap:.75rem}.dir-card-skel{height:178px;border-radius:var(--radius-lg)}.dir-row--skeleton{grid-template-columns:40px minmax(0,1fr);pointer-events:none}.dir-skel-avatar{width:40px;height:40px;border-radius:10px}.dir-skel-line{height:.85rem;margin:.15rem 0}.dir-skel-line--sm{height:.7rem}.dir-ad-slot{background:var(--bg-muted)}.dir-ad-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:0 1rem;padding:.85rem 1.1rem}.dir-grid-span .dir-ad-row{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-muted)}.dir-ad-row--loading{min-height:72px;border-radius:0;padding:0}.dir-grid-span .dir-ad-row--loading{border-radius:var(--radius-lg)}.dir-ad-icon,.dir-ad-logo{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid var(--border-color);background:var(--surface-2);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.dir-ad-main{min-width:0;display:flex;flex-direction:column;gap:.2rem}.dir-ad-head{display:flex;align-items:center;gap:.5rem;min-width:0}.dir-ad-label{flex-shrink:0;font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:.05rem .35rem;border:1px solid var(--border-strong);border-radius:4px}.dir-ad-title{font-size:.925rem;font-weight:650;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-ad-domain{font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary);white-space:nowrap}.dir-ad-desc{margin:0;font-size:.83rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis}.dir-ad-cta,.dir-ad-desc{white-space:nowrap}.dir-browse{padding-top:clamp(1.75rem,4vw,2.75rem);padding-bottom:clamp(3rem,8vw,5rem)}.dir-browse-head{margin-bottom:1.25rem}.dir-browse-head .text-page-title{margin:0 0 .4rem}.dir-browse-lead{margin:0;color:var(--text-secondary);font-size:1rem;max-width:40rem}.dir-search{position:relative;display:flex;align-items:center;gap:.6rem;height:3.25rem;padding:0 .75rem 0 1rem;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-1);box-shadow:var(--shadow-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.dir-search:hover{border-color:rgba(255,255,255,.2)}[data-theme=light] .dir-search:hover{border-color:rgba(15,23,42,.25)}.dir-search:focus-within{border-color:var(--accent-color);box-shadow:var(--ring),var(--shadow-sm)}.dir-search-icon{flex-shrink:0;color:var(--text-tertiary);transition:color var(--duration-fast) var(--ease-out)}.dir-search:focus-within .dir-search-icon{color:var(--accent-color)}.dir-search-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:1rem}.dir-search-input:focus-visible{outline:none}.dir-search-input::placeholder{color:var(--text-tertiary)}.dir-search-input::-webkit-search-cancel-button{display:none}.dir-search-clear{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.dir-search-clear:hover{background:var(--surface-hover);color:var(--text-primary)}.dir-search-spin,.dir-spin{flex-shrink:0;color:var(--accent-color);animation:dir-spin .9s linear infinite}@keyframes dir-spin{to{transform:rotate(1turn)}}.dir-search-kbd{flex-shrink:0}.dir-quick{margin-top:.75rem;padding-bottom:.15rem}.dir-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:2rem;margin-top:1.75rem;align-items:start}.dir-sidebar{position:sticky;top:calc(var(--header-height) + 1.25rem);max-height:calc(100dvh - var(--header-height) - 2.5rem);overflow-y:auto;overscroll-behavior:contain;padding-right:.25rem}.dir-sidebar-head{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;margin-bottom:.25rem}.dir-sidebar-title{margin:0;font-size:.875rem;font-weight:650;letter-spacing:-.005em;color:var(--text-primary)}.dir-text-btn{border:0;background:none;padding:.25rem .35rem;border-radius:6px;font:inherit;font-size:.8125rem;font-weight:550;color:var(--accent-color);cursor:pointer}.dir-text-btn:hover{background:rgba(var(--accent-rgb),.08)}[data-theme=light] .dir-text-btn{color:#0369a1}.dir-filters{display:flex;flex-direction:column}.dir-facet{border-top:1px solid var(--border-color)}.dir-facet-summary{display:flex;align-items:center;gap:.45rem;padding:.8rem .15rem;list-style:none;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-tertiary);user-select:none;border-radius:6px;transition:color var(--duration-fast) var(--ease-out)}.dir-facet-summary::-webkit-details-marker{display:none}.dir-facet-summary:hover{color:var(--text-primary)}.dir-facet-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-color)}.dir-facet-chevron{margin-left:auto;transition:transform var(--duration-base) var(--ease-out)}.dir-facet[open] .dir-facet-chevron{transform:rotate(180deg)}.dir-facet-body{padding:0 0 .85rem}.dir-facet[open] .dir-facet-body{animation:enter-fade .22s var(--ease-out)}.dir-option-list{display:flex;flex-direction:column;gap:1px}.dir-option-list.is-scroll{max-height:18rem;overflow-y:auto;overscroll-behavior:contain}.dir-option{display:flex;align-items:center;gap:.6rem;width:100%;min-height:2.1rem;padding:.3rem .5rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font:inherit;font-size:.875rem;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.dir-option:hover{background:var(--surface-hover);color:var(--text-primary)}.dir-option[aria-pressed=true]{color:var(--text-primary);background:rgba(var(--accent-rgb),.07)}.dir-option-check{width:16px;height:16px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid var(--border-strong);background:var(--surface-1);color:#04131a;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.dir-option[aria-pressed=true] .dir-option-check{background:var(--accent-color);border-color:var(--accent-color);animation:pop-in .26s var(--ease-spring)}[data-theme=light] .dir-option[aria-pressed=true] .dir-option-check{background:#0284c7;border-color:#0284c7;color:#fff}.dir-option-emoji{width:1.1rem;text-align:center;font-size:.85rem}.dir-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-option-count{flex-shrink:0;white-space:nowrap;margin-left:auto;padding-left:.5rem;font-size:.72rem;color:var(--text-tertiary)}@media (min-width:901px){.dir-cat-groups,.dir-quick,.dir-trending-row{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none}}.dir-facet-more{margin-top:.3rem;padding:.3rem .5rem;border:0;background:none;font:inherit;font-size:.8125rem;font-weight:550;color:var(--text-secondary);cursor:pointer;border-radius:6px}.dir-facet-more:hover{color:var(--text-primary);background:var(--surface-hover)}.dir-facet-search{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;padding:0 .6rem;height:2.1rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-tertiary)}.dir-facet-search:focus-within{border-color:var(--accent-color)}.dir-facet-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:.85rem;color:var(--text-primary)}.dir-facet-empty{margin:.25rem .5rem;font-size:.8125rem;color:var(--text-tertiary)}.dir-switch{display:flex;align-items:flex-start;gap:.7rem;padding:.35rem .5rem;border-radius:var(--radius-sm);cursor:pointer}.dir-switch:hover{background:var(--surface-hover)}.dir-switch input{position:absolute;opacity:0;width:1px;height:1px}.dir-switch-track{position:relative;flex-shrink:0;width:30px;height:18px;margin-top:1px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);transition:background-color var(--duration-fast) var(--ease-out)}.dir-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-secondary);transition:transform var(--duration-base) var(--ease-spring),background-color var(--duration-fast) var(--ease-out)}.dir-switch input:checked+.dir-switch-track{background:var(--accent-color);border-color:var(--accent-color)}.dir-switch input:checked+.dir-switch-track:after{transform:translateX(12px);background:#fff}.dir-switch input:focus-visible+.dir-switch-track{outline:2px solid var(--accent-color);outline-offset:2px}.dir-switch-text{display:flex;flex-direction:column;gap:.1rem}.dir-switch-title{font-size:.875rem;color:var(--text-primary)}.dir-switch-sub{font-size:.75rem;color:var(--text-tertiary)}.dir-results{min-width:0;scroll-margin-top:calc(var(--header-height) + 1rem)}.dir-toolbar{display:flex;align-items:center;gap:.75rem;min-height:2.25rem;margin-bottom:.85rem}.dir-filter-btn{display:none}.dir-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--accent-color);color:#04131a;font-size:.7rem;font-weight:700}.dir-count{margin:0;font-size:.875rem;color:var(--text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-count strong{color:var(--text-primary);font-weight:650}.dir-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:.5rem;flex-shrink:0}.dir-sort select{appearance:none;height:2.25rem;padding:0 2rem 0 .75rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--surface-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b95a7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;color:var(--text-primary);font:inherit;font-size:.8125rem;font-weight:550;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out)}.dir-sort select:hover{border-color:var(--border-strong)}.dir-view>button{padding:.3rem .55rem}.dir-active{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.85rem}.dir-active-chip{animation:pop-in .26s var(--ease-spring)}.dir-active-chip svg{opacity:.7}.dir-active-chip:hover svg{opacity:1}.dir-error{justify-content:space-between;gap:1rem;margin-bottom:.85rem;padding:.7rem .9rem;border-radius:var(--radius-md);border:1px solid rgba(245,158,11,.35);background:rgba(245,158,11,.07);font-size:.875rem;color:var(--text-primary)}.dir-error,.dir-more{display:flex;align-items:center}.dir-more{flex-direction:column;gap:.75rem;margin-top:1.75rem}.dir-more-meta{font-size:.8125rem;color:var(--text-tertiary)}.dir-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(2.5rem,7vw,4rem) 1.25rem;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--bg-muted)}.dir-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-secondary)}.dir-empty-title{margin:0 0 .4rem;font-size:1.125rem;font-weight:650;color:var(--text-primary)}.dir-empty-body{margin:0 0 1.25rem;max-width:28rem;color:var(--text-secondary);font-size:.9rem}.dir-empty-actions,.dir-empty-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.dir-empty-actions{margin-top:1.25rem}.dir-sheet-root{position:fixed;inset:0;z-index:9000}.dir-sheet-backdrop{position:absolute;inset:0;border:0;padding:0;background:rgba(2,6,12,.6);backdrop-filter:blur(4px);animation:enter-fade .22s var(--ease-out);cursor:default}.dir-sheet{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;max-height:86dvh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border:1px solid var(--border-strong);border-bottom:0;background:var(--surface-1);box-shadow:var(--shadow-popover);animation:dir-sheet-in .42s var(--ease-spring)}@keyframes dir-sheet-in{0%{transform:translateY(100%)}}.dir-sheet-grip{width:2.25rem;height:4px;margin:.5rem auto 0;border-radius:999px;background:var(--border-strong)}.dir-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:.35rem .75rem .35rem 1.1rem}.dir-sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 1.1rem .5rem}.dir-sheet-foot{display:flex;gap:.75rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));border-top:1px solid var(--border-color)}.dir-sheet-apply{flex:1;justify-content:center}@media (max-width:1100px){.dir-row{grid-template-columns:40px minmax(0,1fr) auto}.dir-row>.dir-cat{display:none}}@media (max-width:900px){.dir-layout{grid-template-columns:minmax(0,1fr);margin-top:1.25rem}.dir-sidebar{display:none}.dir-filter-btn{display:inline-flex;flex-shrink:0}.dir-toolbar{flex-wrap:wrap}.dir-count{order:3;flex-basis:100%}}@media (max-width:640px){.dir-row{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:.25rem .8rem;padding:.85rem .9rem}.dir-row .dir-stats{grid-column:2;display:flex;gap:.9rem;justify-items:start;font-size:.75rem;margin-top:.15rem}.dir-row-desc{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dir-row-org{max-width:9rem}.dir-ad-row{grid-template-columns:36px minmax(0,1fr);gap:.5rem .8rem;padding:.85rem .9rem}.dir-ad-icon,.dir-ad-logo{width:36px;height:36px}.dir-ad-cta{grid-column:2;justify-self:start}.dir-ad-desc{white-space:normal}.dir-search{height:3rem}.dir-search-kbd{display:none}.dir-search-input{font-size:16px}}.cmdk-overlay{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding:min(14vh,7rem) 1rem 2rem}.cmdk-backdrop{position:absolute;inset:0;border:0;padding:0;cursor:default;background:rgba(2,5,10,.62);backdrop-filter:blur(6px);animation:enter-fade .18s var(--ease-out)}[data-theme=light] .cmdk-backdrop{background:rgba(15,23,42,.32)}.cmdk{position:relative;width:100%;max-width:40rem;display:flex;flex-direction:column;max-height:min(34rem,76vh);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-popover);overflow:hidden;transform-origin:50% 0;animation:cmdk-in .38s var(--ease-spring)}@keyframes cmdk-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}}.cmdk-head{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:0 .75rem 0 1.1rem;height:3.5rem;border-bottom:1px solid var(--border-color)}.cmdk-head-icon{flex-shrink:0;color:var(--text-tertiary)}.cmdk-spin{color:var(--accent-color);animation:dir-spin .9s linear infinite}.cmdk-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font:inherit;font-size:1rem}.cmdk-input:focus-visible{outline:none}.cmdk-input::placeholder{color:var(--text-tertiary)}.cmdk-close{display:inline-flex;align-items:center;border:0;background:none;padding:.3rem;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.cmdk-close:hover .kbd{color:var(--text-primary)}.cmdk-close-x{display:none}.cmdk-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.4rem}.cmdk-group+.cmdk-group{margin-top:.25rem}.cmdk-group-label{padding:.6rem .7rem .35rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.cmdk-item{display:flex;align-items:center;gap:.75rem;width:100%;min-height:2.75rem;padding:.45rem .7rem;border:0;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;scroll-margin:.4rem}.cmdk-item.is-active{background:var(--surface-3)}.cmdk-item-icon,[data-theme=light] .cmdk-item.is-active{background:var(--surface-2)}.cmdk-item-icon{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--border-color);color:var(--text-secondary)}.cmdk-item-icon[class*=hue-]{color:var(--tint);background:color-mix(in srgb,var(--tint) 12%,transparent);border-color:color-mix(in srgb,var(--tint) 26%,transparent)}.cmdk-item.is-active .cmdk-item-icon{color:var(--tint,var(--accent-color));border-color:color-mix(in srgb,var(--tint,var(--accent-color)) 55%,transparent)}.cmdk-item-text{flex:1;min-width:0;display:flex;flex-direction:column}.cmdk-item-title{font-size:.875rem;font-weight:550}.cmdk-item-sub,.cmdk-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item-sub{font-size:.775rem;color:var(--text-tertiary)}.cmdk-item--action .cmdk-item-title{color:var(--accent-color)}[data-theme=light] .cmdk-item--action .cmdk-item-title{color:#0369a1}.cmdk-item-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.05em;text-transform:uppercase}.cmdk-item-enter,.cmdk-item-tag{flex-shrink:0;color:var(--text-tertiary)}.cmdk-item-enter{opacity:0;transform:translateX(-3px);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.cmdk-item.is-active .cmdk-item-enter{opacity:1;transform:none}.cmdk-empty{padding:2.5rem 1rem;text-align:center;font-size:.875rem;color:var(--text-secondary)}.cmdk-foot{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-top:1px solid var(--border-color);background:var(--bg-muted);font-size:.75rem;color:var(--text-tertiary)}.cmdk-foot>span{display:inline-flex;align-items:center;gap:.25rem}.cmdk-foot-right{margin-left:auto}.cmdk-foot-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--text-secondary);text-decoration:none}.cmdk-foot-link:hover{color:var(--text-primary)}@media (max-width:640px){.cmdk-overlay{padding:.75rem .5rem}.cmdk{max-height:82dvh}.cmdk-close .kbd,.cmdk-foot>span:not(.cmdk-foot-right){display:none}.cmdk-close-x{display:block}.cmdk-input{font-size:16px}}.dir-page-head{margin-bottom:clamp(1.5rem,3.5vw,2.25rem);max-width:46rem}.dir-page-head .text-page-title{margin:0 0 .6rem}.dir-page-head .text-lead{margin:0;color:var(--text-secondary)}.dir-cat-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.dir-search--sm{height:2.75rem;max-width:30rem;border-radius:var(--radius-md)}.dir-search--sm .dir-search-input{font-size:.925rem}.dir-cat-groups{padding-bottom:.1rem}.dir-cat-meta{margin:0 0 .85rem;font-size:.8125rem;color:var(--text-tertiary)}.dir-catgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:.75rem}.dir-catcard,.dir-catgrid>li{display:flex;min-width:0}.dir-catcard{flex:1;flex-direction:column;gap:.85rem;padding:1rem 1rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-1);box-shadow:var(--shadow-elevated);color:inherit;text-decoration:none;scroll-margin-top:calc(var(--header-height) + 2rem);transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.dir-catcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated-hover)}.dir-catcard:active{transform:scale(.995)}.dir-catcard.is-targeted{border-color:var(--accent-color);box-shadow:var(--ring)}.dir-catcard-head{display:flex;align-items:center;gap:.75rem;min-width:0}.dir-catcard-icon{flex-shrink:0;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:1.2rem;background:color-mix(in srgb,var(--tint,var(--accent-color)) 14%,transparent);border:1px solid color-mix(in srgb,var(--tint,var(--accent-color)) 30%,transparent)}.dir-group-dot{width:7px;height:7px;border-radius:50%;background:var(--tint,var(--accent-color))}.dir-catcard-titles{min-width:0;flex:1;display:flex;flex-direction:column;gap:.1rem}.dir-catcard-title{margin:0;font-size:.975rem;font-weight:650;letter-spacing:-.01em;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-catcard-count{font-size:.8rem;color:var(--text-tertiary)}.dir-catcard-arrow{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.dir-catcard:hover .dir-catcard-arrow{color:var(--accent-color);transform:translate(2px,-2px)}.dir-catcard-preview{display:flex;align-items:center;gap:.6rem;min-width:0;padding-top:.75rem;border-top:1px solid var(--border-color)}.dir-catcard-avatars{display:inline-flex;flex-shrink:0}.dir-catcard-avatars>*{border-radius:7px!important;box-shadow:0 0 0 2px var(--surface-1)}.dir-catcard-avatars>*+*{margin-left:-6px}.dir-catcard-names{min-width:0;font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-catpage{padding-top:clamp(1.75rem,4vw,2.75rem);padding-bottom:clamp(3rem,8vw,5rem)}.dir-list--plain{list-style:none;margin:0;padding:0}.dir-list>li>.dir-ad-slot{border-bottom:1px solid var(--border-color)}.dir-hero{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:clamp(2rem,5vw,3rem)}.dir-hero-icon{flex-shrink:0;width:3.5rem;height:3.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-size:1.75rem;background:color-mix(in srgb,var(--tint,var(--accent-color)) 14%,transparent);border:1px solid color-mix(in srgb,var(--tint,var(--accent-color)) 30%,transparent)}.dir-hero-body{min-width:0;max-width:46rem}.dir-hero-body .text-page-title{margin:0 0 .6rem}.dir-hero-lead{margin:0 0 1.25rem;font-size:clamp(.975rem,1.5vw,1.0625rem);line-height:1.65;color:var(--text-secondary)}.dir-hero-actions{display:flex;flex-wrap:wrap;gap:.6rem}.dir-section{margin-top:clamp(2.25rem,5vw,3.25rem)}.dir-section-head{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.dir-section-head--split{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem}.dir-section-title{margin:0;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.dir-section-sub{margin:0;font-size:.9rem;color:var(--text-secondary)}[data-theme=light] .dir-section-head .link-arrow{color:#0369a1}.dir-picks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:.875rem}.dir-pick{position:relative;display:flex;min-width:0}.dir-pick-beacon{flex:1;display:flex}.dir-pick-beacon>*{flex:1}.dir-pick-rank{position:absolute;top:.95rem;right:1rem;z-index:1;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-tertiary);pointer-events:none}.dir-pick:first-child .dir-pick-rank{color:var(--accent-color)}.dir-pick .dir-card-title{padding-right:2rem}.dir-banner{margin-top:clamp(2rem,4vw,2.5rem)}.dir-banner:empty{display:none}.dir-catgrid--compact .dir-catcard{padding:.85rem .95rem}.dir-catgrid--compact .dir-catcard-icon{width:2.25rem;height:2.25rem;font-size:1.05rem}.dir-faq{padding-top:clamp(2rem,4vw,2.75rem);border-top:1px solid var(--border-color)}@media (max-width:640px){.dir-hero{flex-direction:column;gap:1rem}.dir-hero-icon{width:3rem;height:3rem;font-size:1.5rem}.dir-hero-actions .btn{flex:1 1 auto;justify-content:center}}.dir-trending{margin-bottom:clamp(1.5rem,3vw,2rem)}.dir-trending-title{margin:0 0 .6rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary)}.dir-trending-row{padding-bottom:.1rem}.dir-tag-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.dir-tag-toolbar .dir-search{flex:1 1 18rem}.dir-tags{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:.5rem}.dir-tag{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.75rem;padding:.55rem .85rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--surface-1);color:var(--text-primary);text-decoration:none;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.dir-tag:hover{border-color:var(--border-strong);background:var(--surface-2)}.dir-tag:active{transform:scale(.98)}.dir-tag-label{min-width:0;font-size:.875rem;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-tag-count{flex-shrink:0;font-size:.75rem;color:var(--text-tertiary)}.dir-tag:hover .dir-tag-count{color:var(--tint,var(--accent-color))}.dir-tag-bar{position:absolute;left:0;right:0;bottom:0;height:2px;transform-origin:0 50%;background:color-mix(in srgb,var(--tint,var(--accent-color)) 70%,transparent)}.dir-letters{position:sticky;top:calc(var(--header-height) + .5rem);z-index:2;margin:0 0 1rem;padding:.4rem 0;background:var(--bg-color)}.dir-letters .chip{min-width:2rem;justify-content:center}.dir-letter-group{scroll-margin-top:calc(var(--header-height) + 4rem);margin-bottom:1.5rem}.dir-letter{margin:0 0 .6rem;font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-tertiary)}.dir-topics{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.75rem}.dir-topics--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:.5rem}.dir-topic,.dir-topics>li{display:flex;min-width:0}.dir-topic{flex:1;align-items:flex-start;gap:.85rem;padding:1rem 1rem 1.05rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-1);box-shadow:var(--shadow-elevated);color:inherit;text-decoration:none;transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.dir-topic:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated-hover)}.dir-topic:active{transform:scale(.995)}.dir-topic--compact{align-items:center;padding:.7rem .85rem;border-radius:var(--radius-md);box-shadow:none}.dir-topic-icon{flex-shrink:0;width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--tint,var(--accent-color)) 28%,transparent);background:color-mix(in srgb,var(--tint,var(--accent-color)) 14%,transparent);color:var(--tint,var(--accent-color));transition:border-color var(--duration-base) var(--ease-out)}.dir-topic--compact .dir-topic-icon{width:2rem;height:2rem;border-color:var(--border-color);background:var(--surface-2)}.dir-topic:hover .dir-topic-icon{border-color:color-mix(in srgb,var(--tint,var(--accent-color)) 50%,transparent)}.dir-topic-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.dir-topic-title{margin:0;font-size:.975rem;font-weight:650;letter-spacing:-.01em;color:var(--text-primary)}.dir-topic--compact .dir-topic-title{font-size:.875rem;font-weight:600}.dir-topic-lead{font-size:.84rem;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dir-topic-arrow{flex-shrink:0;margin-top:.15rem;color:var(--text-tertiary);transition:transform var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}.dir-topic--compact .dir-topic-arrow{margin-top:0}.dir-topic:hover .dir-topic-arrow{color:var(--accent-color);transform:translateX(3px)}.dir-best-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:2rem;align-items:start}.dir-best-aside{position:sticky;top:calc(var(--header-height) + 1.25rem)}.dir-best-card{padding:1.1rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-muted)}.dir-best-card-title{margin:0 0 .5rem;font-size:.875rem;font-weight:650;color:var(--text-primary)}.dir-best-card p{margin:0 0 1rem;font-size:.8125rem;line-height:1.6;color:var(--text-secondary)}.dir-best-index{list-style:none;margin:0 0 1rem;padding:.75rem 0 0;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1px}.dir-best-index a{display:flex;gap:.6rem;padding:.3rem .4rem;border-radius:6px;font-size:.8125rem;color:var(--text-secondary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dir-best-index a:hover{background:var(--surface-hover);color:var(--text-primary)}.dir-best-index-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.dir-best-index-n{flex-shrink:0;width:1.1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-tertiary);line-height:1.6}.dir-best-all{width:100%;justify-content:center}.dir-rank{scroll-margin-top:calc(var(--header-height) + 1rem)}@media (max-width:1000px){.dir-best-layout{grid-template-columns:minmax(0,1fr)}.dir-best-aside{position:static}.dir-best-index{display:none}}.dir-best-head{max-width:48rem}.dir-best-year{color:var(--text-tertiary);font-weight:600}.dir-best-meta{margin:.85rem 0 0;font-size:.8125rem;color:var(--text-tertiary)}.dir-ranked{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem;min-width:0}.dir-rank{position:relative;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:0 .5rem;padding:1.15rem 1.25rem 1.1rem .75rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--surface-1);box-shadow:var(--shadow-elevated);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.dir-rank:hover{border-color:var(--border-strong);box-shadow:var(--shadow-elevated-hover)}.dir-rank:has(.dir-rank-link:focus-visible){outline:2px solid var(--accent-color);outline-offset:2px}.dir-rank.is-first{border-color:color-mix(in srgb,var(--tint) 34%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 5%,transparent),transparent 60%),var(--surface-1)}.dir-rank-num{font-family:var(--font-mono);font-size:1.05rem;font-weight:500;line-height:2.5rem;text-align:center;color:var(--text-tertiary)}.dir-rank.is-first .dir-rank-num,.dir-rank.is-podium .dir-rank-num{color:var(--tint);font-weight:650}.dir-rank.is-first .dir-rank-num{line-height:3rem}.dir-rank-main{min-width:0;display:flex;flex-direction:column;gap:.6rem}.dir-rank-head{display:flex;align-items:center;gap:.8rem;min-width:0}.dir-rank-titles{min-width:0;display:flex;flex-direction:column;gap:.2rem}.dir-rank-name{margin:0;font-size:1.05rem;font-weight:650;letter-spacing:-.015em}.dir-rank.is-first .dir-rank-name{font-size:1.2rem}.dir-rank-link{color:var(--text-primary);text-decoration:none}.dir-rank-link:focus-visible{outline:none}.dir-rank-link:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0}.dir-rank-sub{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.dir-rank-sub:empty{display:none}.dir-rank-why{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;margin:0;font-size:.85rem;font-weight:550;color:var(--text-primary)}.dir-rank-why-label{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-color)}.dir-rank-desc,[data-theme=light] .dir-rank-why-label{margin:0;font-size:.875rem;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dir-rank-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.25rem}.dir-rank-foot .dir-stats{grid-template-columns:repeat(3,auto);gap:1rem;justify-items:start}.dir-rank-cta{position:relative;z-index:1}.dir-best-guide{max-width:48rem}.dir-prose{margin-top:.85rem;display:flex;flex-direction:column;gap:.85rem}.dir-prose p{margin:0;line-height:1.7;color:var(--text-secondary)}.dir-faq-list{margin-top:.85rem;border-top:1px solid var(--border-color)}.dir-faq-item{border-bottom:1px solid var(--border-color)}.dir-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem .15rem;list-style:none;cursor:pointer}.dir-faq-item summary::-webkit-details-marker{display:none}.dir-faq-item summary h3{margin:0;font-size:.975rem;font-weight:600;color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out)}.dir-faq-item summary:hover h3{color:var(--accent-color)}.dir-faq-item[open] .dir-facet-chevron{transform:rotate(180deg)}.dir-faq-item p{margin:0 0 1.1rem;padding-right:2rem;line-height:1.7;color:var(--text-secondary);animation:enter-fade .24s var(--ease-out)}.dir-more-title{margin-bottom:.85rem;font-size:1.05rem}.dir-chip-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:640px){.dir-rank{grid-template-columns:minmax(0,1fr);padding:1rem}.dir-rank-num{position:absolute;top:.85rem;right:1rem;line-height:1}.dir-rank.is-first .dir-rank-num{line-height:1}.dir-rank-head{padding-right:2rem}.dir-rank-foot{flex-wrap:wrap}}.dir-skel-head{margin-bottom:clamp(1.75rem,4vw,2.5rem)}.dir-skel-crumbs{width:9rem;height:.8rem;margin-bottom:1.5rem}.dir-skel-hero{display:flex;gap:1.25rem}.dir-skel-hero-text{flex:1;max-width:44rem}.dir-skel-icon{width:3.5rem;height:3.5rem;flex-shrink:0;border-radius:var(--radius-lg)}.dir-skel-title{width:min(26rem,80%);height:2.2rem;margin-bottom:.9rem}.dir-skel-lead{width:100%;max-width:38rem;height:.95rem;margin-bottom:.55rem}.dir-skel-lead--short{width:60%}.dir-skel-search{height:3.25rem;border-radius:var(--radius-lg);margin-top:1.25rem}.dir-skel-search--sm{height:2.75rem;max-width:30rem;margin:0 0 1.75rem}.dir-skel-facet{height:2.25rem;margin-bottom:.75rem}.dir-skel-toolbar{height:2.25rem;margin-bottom:.85rem;max-width:22rem}.dir-skel-rank,.sponsor{border-radius:var(--radius-lg)}.sponsor{display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1.15rem;border:1px solid var(--border-color);background:var(--surface-1)}.sponsor-main{display:flex;gap:.85rem;min-width:0}.sponsor-icon,.sponsor-logo{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:10px;border:1px solid var(--border-color);background:var(--surface-2);object-fit:cover}.sponsor-icon{display:grid;place-items:center;color:var(--text-secondary);font-size:.8rem;font-weight:700}.sponsor-copy{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sponsor-label{font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.sponsor-title{color:var(--text-primary);font-size:.95rem;font-weight:650;line-height:1.3}.sponsor-body{margin:.1rem 0 0;color:var(--text-secondary);font-size:.82rem;line-height:1.45}.sponsor-actions{display:flex;flex-direction:column;align-items:stretch;gap:.35rem}.sponsor-cta{justify-content:center;white-space:nowrap}.sponsor-domain{text-align:center;color:var(--text-tertiary);font-size:.7rem}.sponsor--card{height:100%;justify-content:space-between}.sponsor--sidebar{padding:1rem}.sponsor--sidebar .sponsor-title{font-size:.875rem}.sponsor--banner,.sponsor--guide{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1rem 1.25rem}.sponsor--guide{margin:2rem 0}.sponsor--banner .sponsor-main,.sponsor--guide .sponsor-main{flex:1 1 18rem;align-items:center}.sponsor--banner .sponsor-actions,.sponsor--guide .sponsor-actions{flex:0 0 auto}.sponsor-skeleton{border-radius:var(--radius-lg)}.sponsor-skeleton--card{min-height:15rem;height:100%}.sponsor-skeleton--sidebar{min-height:9.5rem}.sponsor-skeleton--banner,.sponsor-skeleton--guide{min-height:5.25rem}