.directory{--gutter:16px;--card-radius:16px;--hairline:#e8ebf1;--ink-soft:#7c8798;width:100%;max-width:1240px;padding:0 var(--gutter) 72px;font-family:var(--font-body), Arial, sans-serif;margin:0 auto}.directory-hero{max-width:640px;padding:34px 2px 26px}.hero-eyebrow{letter-spacing:1.6px;text-transform:uppercase;color:#8b96a8;align-items:center;gap:8px;margin:0 0 14px;font-size:10px;font-weight:700;display:flex}.hero-dot{background:var(--blue);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2257ed14}.directory-hero h1{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.035em;color:var(--navy);font-size:clamp(30px,8vw,46px);font-weight:700;line-height:1.06}.directory-hero h1 span{color:var(--blue)}.directory-hero-slim{padding:26px 2px 18px}.directory-hero-slim h1{letter-spacing:-.03em;font-size:clamp(22px,5vw,30px)}.directory-hero-slim h1 span{color:var(--blue)}.hero-sub{color:var(--ink-soft);max-width:46ch;margin-top:14px;font-size:14px;line-height:1.6}.controls{border-bottom:1px solid var(--hairline);flex-direction:column;gap:10px;padding:0 0 16px;display:flex}.control-search{color:#97a1b0;background:#fff;border:1px solid #dfe4ec;border-radius:11px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.control-search:focus-within{border-color:#9ab0f7;box-shadow:0 0 0 3px #2257ed12}.control-search input{min-width:0;height:100%;box-shadow:none;color:var(--navy);background:0 0;border:0;border-radius:0;outline:none;flex:1;padding:0;font-size:15px}.control-search input::-webkit-search-cancel-button{display:none}.control-search>button{color:#8b95a5;background:0 0;border:0;padding:4px;display:flex}.control-search kbd{color:#9ea8b7;text-align:center;background:#fafbfd;border:1px solid #e6e9f0;border-radius:4px;width:19px;font-size:11px;line-height:18px;display:none}.control-categories{scrollbar-width:none;margin:0 calc(var(--gutter) * -1);padding:1px var(--gutter);scroll-snap-type:x proximity;gap:6px;display:flex;overflow-x:auto}.control-categories::-webkit-scrollbar{display:none}.control-categories>a{border:1px solid var(--hairline);color:#64708a;white-space:nowrap;scroll-snap-align:start;background:#fff;border-radius:100px;flex:none;padding:8px 14px;font-size:12.5px;font-weight:500}.control-categories>a:hover{color:var(--navy);border-color:#c6d2ea}.control-categories>a[aria-current=page]{background:var(--navy);border-color:var(--navy);color:#fff;font-weight:600}.control-row{align-items:center;gap:10px;display:flex}.control-views{border:1px solid var(--hairline);background:#f5f7fa;border-radius:10px;gap:2px;padding:3px;display:flex}.control-views>button{color:#6c7789;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;height:32px;padding:0 11px;font-size:12.5px;font-weight:500;display:inline-flex}.control-views>button[aria-pressed=true]{color:var(--navy);background:#fff;font-weight:650;box-shadow:0 1px 3px #101e3814}.control-sort{border:1px solid var(--hairline);color:#808b9d;border-radius:10px;align-items:center;gap:6px;height:38px;margin-left:auto;padding:0 11px;display:flex}.control-sort select{width:auto;box-shadow:none;appearance:none;color:var(--navy);cursor:pointer;background:0 0;border:0;outline:none;padding:0;font-size:12.5px;font-weight:600}.results-meta{color:#98a2b1;justify-content:space-between;align-items:center;gap:14px;padding:16px 2px 14px;font-size:12px;display:flex}.results-meta a{align-items:center;gap:5px;font-weight:500;display:inline-flex}.results-meta a:hover{color:var(--blue)}.results-loading{text-align:center;color:var(--ink-soft);padding:80px 0;font-size:13px}.card-grid{grid-template-columns:repeat(var(--columns,1), minmax(0, 1fr));align-items:start;gap:16px;display:grid}.card-lane{flex-direction:column;gap:16px;min-width:0;display:flex}.card{border:1px solid var(--hairline);border-radius:var(--card-radius);background:#fff;flex-direction:column;padding:14px 14px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 1px 2px #101e3808}.card:hover{border-color:#ccd8ee;box-shadow:0 10px 30px #1a356b0d}.card-head{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-size:10.5px;display:flex}.card-category{color:#94a0b4;font-weight:700}.card-rank{font-variant-numeric:tabular-nums;color:#c3cbd8;font-weight:700}.card-title{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.018em;color:var(--navy);margin:7px 0 12px;font-size:16px;font-weight:650;line-height:1.32}.card-title a{display:block}.card-title a:hover{color:var(--blue)}.card-post{min-width:0}.card-fallback{border:1px solid var(--hairline);color:#67748a;background:#fafbfd;border-radius:12px;padding:16px;font-size:13px;line-height:1.65}.card-foot{align-items:center;gap:10px;margin-top:12px;display:flex}.card-foot-meta{align-items:center;gap:4px;margin-left:auto;display:flex}.copy-prompt{background:var(--navy);color:#fff;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.copy-prompt-block{flex:1}.copy-prompt:hover{background:#1c3260}.copy-prompt.is-copied{background:#10794a}.copy-prompt svg{flex:none}.card-like{border:1px solid var(--hairline);color:#97a2b3;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.card-like:hover{color:#d8355c;border-color:#f2c2cb}.card-like.is-liked{color:#d8355c;background:#fff4f6;border-color:#f5cbd4}.card-likes{font-variant-numeric:tabular-nums;color:#8b96a7;align-items:center;gap:5px;height:40px;padding:0 9px;font-size:12.5px;font-weight:600;display:inline-flex}.x-post-embed{min-width:0;position:relative}.x-post-embed-host .twitter-tweet{margin:0!important}.x-post-embed-host iframe{width:100%!important}.x-post-embed-compact .x-post-embed-host{border-radius:12px;overflow:hidden}.x-post-embed-compact[data-status=waiting] .x-post-embed-host,.x-post-embed-compact[data-status=loading] .x-post-embed-host{min-height:0}.x-skeleton{border:1px solid var(--hairline);background:#fbfcfe;border-radius:12px;flex-direction:column;gap:9px;padding:16px;display:flex}.x-skeleton-head{align-items:center;gap:10px;margin-bottom:3px;display:flex}.x-skeleton-avatar{background:#e9edf4;border-radius:50%;flex:none;width:34px;height:34px}.x-skeleton-names{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.x-skeleton-line{background:#eceff5;border-radius:5px;height:10px;display:block}.x-skeleton-line em{color:#a8b2c1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-style:normal;font-weight:600;line-height:10px;display:block;overflow:hidden}.x-skeleton-line.w-name{background:0 0;width:44%}.x-skeleton-line.w-handle{width:30%}.x-skeleton-line.w-full{width:100%}.x-skeleton-line.w-three{width:62%}.x-skeleton-line:not(.w-name){animation:1.6s ease-in-out infinite x-skeleton-pulse}@keyframes x-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.x-skeleton-line{animation:none!important}}.x-skeleton-link{color:#a4aebc;border-top:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:11px;font-size:11.5px;display:flex}.x-skeleton-link a{color:#8e9aac;align-items:center;gap:4px;font-weight:600;display:inline-flex}.x-skeleton-link a:hover{color:var(--blue)}.x-post-embed-status{border:1px solid var(--hairline);color:var(--ink-soft);background:#fbfcfe;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 16px;font-size:12.5px;display:flex}.x-post-embed-status button,.x-post-embed-status a{color:var(--blue);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12.5px;font-weight:600;display:inline-flex}.discovery-deck{max-width:580px;margin:0 auto}.deck-instructions{color:#98a2b1;justify-content:center;margin-bottom:12px;font-size:11.5px;display:flex}.deck-instructions span{align-items:center;gap:7px;display:inline-flex}.deck-instruction-dot{background:var(--blue);border-radius:50%;width:6px;height:6px}.deck-stack{position:relative}.deck-back-card{border:1px solid var(--hairline);border-radius:var(--card-radius);opacity:.7;background:#fff;position:absolute;inset:0 6px -8px}.deck-back-card-far{opacity:.45;inset:0 14px -16px}.swipe-card{touch-action:pan-y;transform:translateX(var(--drag-x,0)) rotate(var(--drag-angle,0deg));-webkit-user-select:none;user-select:none;position:relative}.swipe-card:not(.is-dragging){transition:transform .26s cubic-bezier(.2,.8,.3,1)}.swipe-card.is-saving{opacity:.6}.swipe-stamp{z-index:3;letter-spacing:.1em;pointer-events:none;border:2px solid;border-radius:7px;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;top:18px;right:18px;transform:rotate(11deg)}.stamp-like{color:#10794a}.stamp-dislike{color:#c2384f;left:18px;right:auto;transform:rotate(-11deg)}.deck-controls{justify-content:center;align-items:center;gap:12px;margin-top:22px;display:flex}.deck-choice{border:1px solid var(--hairline);color:#6d798c;background:#fff;border-radius:100px;align-items:center;gap:9px;height:52px;padding:0 24px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #101e380a}.deck-dislike:hover{color:#c2384f;border-color:#f0c3cb}.deck-like:hover{color:#10794a;border-color:#b9e0cb}.deck-undo,.deck-balance{border:1px solid var(--hairline);color:#97a2b3;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.deck-balance{border-color:#0000}.deck-hint{text-align:center;color:#a3adbb;margin-top:16px;font-size:11.5px}.deck-hint-keys{display:none}@media (hover:hover) and (pointer:fine){.deck-hint-touch{display:none}.deck-hint-keys{display:inline}}.deck-hint kbd{color:#7f8a9b;background:#fff;border:1px solid #e2e6ee;border-bottom-width:2px;border-radius:5px;min-width:18px;margin:0 2px;padding:1px 5px;font-family:inherit;font-size:10.5px;font-weight:600;display:inline-block}.deck-complete,.results-empty{border:1px solid var(--hairline);border-radius:var(--card-radius);text-align:center;background:linear-gradient(170deg,#fcfdff,#fff 55%,#f9fbff);flex-direction:column;align-items:center;gap:8px;padding:64px 24px;display:flex}.deck-complete-icon,.empty-icon{background:var(--blue-soft);width:58px;height:58px;color:var(--blue);border:1px solid #dde5fb;border-radius:16px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.deck-complete h2,.results-empty h2{font-family:var(--font-display), Arial, sans-serif;letter-spacing:-.02em;font-size:21px;font-weight:650}.deck-complete p,.results-empty p{max-width:38ch;color:var(--ink-soft);font-size:13px;line-height:1.65}.deck-complete .button-row,.results-empty .button{margin-top:14px}.pagination{font-variant-numeric:tabular-nums;color:var(--ink-soft);justify-content:center;align-items:center;gap:14px;margin-top:32px;font-size:12.5px;display:flex}.local-note{text-align:center;color:#a3adbb;margin-top:26px;font-size:11.5px}@media (min-width:720px){.directory{--gutter:32px}.directory[data-view=swipe] .directory-body{border:1px solid var(--hairline);background:linear-gradient(176deg,#fbfcfe,#fff 46%,#f8faff);border-radius:22px;padding:0 28px 34px}.directory[data-view=swipe] .controls{padding-top:22px}.directory[data-view=swipe] .results-meta{justify-content:center;gap:22px}.swipe-card{overscroll-behavior:contain;max-height:calc(100vh - 210px);overflow-y:auto}.deck-choice{height:56px;padding:0 30px;font-size:14px}.deck-undo{width:48px;height:48px}.directory-hero{padding:52px 2px 34px}.control-search kbd{display:block}.controls{flex-flow:wrap;align-items:center;gap:12px;padding:14px 0 12px}.control-search{flex:300px;order:1}.control-row{order:2}.control-categories{flex-basis:100%;order:3;margin:0;padding:1px 0}.control-sort{margin-left:0}}@media (min-width:1120px){.directory{--gutter:48px}.directory-hero{padding:64px 2px 40px}.card{padding:16px 16px 14px}}@media (max-width:719px){.card-grid{gap:12px}.card{border-radius:14px}.directory-hero{padding-top:26px}.control-row{flex-wrap:wrap}.control-views{flex:100%}.control-views>button{flex:1;justify-content:center}.control-sort{flex:100%;justify-content:space-between;height:42px;margin-left:0}.control-sort select{flex:1}.copy-prompt{height:44px}.card-like{width:44px;height:44px}}.load-more{justify-content:center;min-height:1px;margin-top:28px;display:flex}.load-more .button{font-variant-numeric:tabular-nums;min-width:220px}.load-more .button[aria-disabled=true]{opacity:.6;pointer-events:none}.load-more-end{color:#a3adbb;font-size:12px}