:root{--color-bg: #ffffff;--color-surface: #f9fafb;--color-surface-strong: #ffffff;--color-line: #e5e7eb;--color-line-strong: #d1d5db;--color-text: #111827;--color-muted: #6b7280;--color-accent: #2563eb;--color-accent-soft: rgba(37, 99, 235, .08);--color-warm: #d97706;--color-website: #2563eb;--color-shadow: rgba(0, 0, 0, .05);--color-accent-hover: rgba(37, 99, 235, .04);--color-accent-active: rgba(37, 99, 235, .08);--color-accent-border: rgba(37, 99, 235, .25);--color-accent-outline: rgba(37, 99, 235, .5);--color-accent-outline-light: rgba(37, 99, 235, .35);--color-accent-chip-bg: rgba(37, 99, 235, .06);--color-accent-chip-border: rgba(37, 99, 235, .2);--color-accent-bar-end: #3b82f6;--color-warm-bg: rgba(217, 119, 6, .1);--color-warm-text: #92400e;--color-warm-soft: rgba(217, 119, 6, .06);--color-website-bg: rgba(37, 99, 235, .08);--color-missing-bg: #f3f4f6;--color-overlay: rgba(0, 0, 0, .3);--color-overlay-shadow: rgba(0, 0, 0, .15);--color-grid-line: transparent;--color-input-bg: #ffffff;--color-surface-opaque: #ffffff;--color-on-accent: #ffffff;--color-bg-gradient-warm: transparent;--color-bg-gradient-accent: transparent;--color-accent-metric: rgba(37, 99, 235, .06);--color-accent-track: rgba(37, 99, 235, .06);--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem}*{box-sizing:border-box}html,body,#root{min-height:100%}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-accent);text-decoration:none;-webkit-tap-highlight-color:transparent}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,select{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{max-width:1600px;margin:0 auto;padding:var(--space-3) var(--space-5)}.skip-link{position:absolute;left:var(--space-4);top:0;transform:translateY(-150%);z-index:40;padding:.5rem .85rem;border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-on-accent);font-size:.85rem}.skip-link:focus-visible{transform:translateY(.8rem)}.app-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line);margin-bottom:var(--space-4)}.brand-kicker{display:none}.eyebrow,.stat-label,.meta-label,.filter-label,.section-title{font-size:.75rem;font-weight:500;color:var(--color-muted);letter-spacing:0;text-transform:none}.brand-block{margin-right:auto}.brand-title{font-family:var(--font-body);font-size:clamp(1rem,2vw,1.2rem);font-weight:600;line-height:1.2}.app-nav{display:flex;gap:var(--space-1)}.nav-link{padding:.4rem .65rem;border:none;border-radius:var(--radius-sm);color:var(--color-muted);font-size:.875rem;transition:color .12s ease,background .12s ease}.nav-link:hover{color:var(--color-text);text-decoration:none;background:var(--color-surface)}.nav-link-active{color:var(--color-accent);background:var(--color-accent-chip-bg);font-weight:500}.build-meta{display:flex;gap:var(--space-2);align-items:baseline;font-size:.8rem;color:var(--color-muted)}.build-meta strong{font-weight:600;color:var(--color-text)}.app-main{display:grid;gap:var(--space-4)}.panel{background:transparent;border:none;border-radius:var(--radius-md)}.search-bar{display:flex;gap:var(--space-3);align-items:end;flex-wrap:wrap}.search-shell{flex:1 1 300px;display:grid;gap:var(--space-1)}.search-label{font-size:.75rem;font-weight:500;color:var(--color-muted)}.search-shell input{width:100%;padding:.55rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-bg);font-size:.875rem}.search-shell input:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:1px}.select-field{min-width:170px;display:grid;gap:var(--space-1)}.select-field select{width:100%;padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-bg);font-size:.875rem}.select-field select:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:1px}.search-actions{display:flex;gap:var(--space-2);align-items:end}.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:.5rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-bg);cursor:pointer;font-size:.82rem;color:var(--color-text);white-space:nowrap;transition:background .12s ease}.icon-button:hover{background:var(--color-surface)}.icon-button:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:1px}.icon-button-muted{border-color:transparent;background:transparent;color:var(--color-muted)}.icon-button-muted:hover{color:var(--color-text)}.active-chip-row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.active-chip{display:inline-flex;gap:var(--space-1);align-items:center;border:1px solid var(--color-accent-chip-border);background:var(--color-accent-chip-bg);color:var(--color-accent);border-radius:var(--radius-sm);padding:.2rem .5rem;cursor:pointer;font-size:.78rem;transition:background .12s ease}.active-chip:hover{background:var(--color-accent-soft)}.active-chip:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:1px}.directory-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);align-items:start}.directory-layout.has-detail{grid-template-columns:minmax(0,1fr) 380px}.filter-bar{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap;padding:var(--space-2) 0}.filter-bar-group{display:flex;align-items:center;gap:var(--space-2)}.filter-bar-label{font-size:.75rem;font-weight:500;color:var(--color-muted);white-space:nowrap}.filter-bar-toggles{display:flex;gap:1px;background:var(--color-line);border-radius:var(--radius-sm);overflow:hidden}.filter-toggle{padding:.3rem .6rem;border:none;background:var(--color-surface);color:var(--color-muted);font-size:.8rem;cursor:pointer;white-space:nowrap;transition:background .1s ease,color .1s ease}.filter-toggle:hover{background:var(--color-accent-chip-bg);color:var(--color-text)}.filter-toggle:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:-1px;z-index:1}.filter-toggle-active{background:var(--color-accent-chip-bg);color:var(--color-accent);font-weight:500}.filter-bar-select{padding:.3rem .5rem;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);font-size:.8rem;color:var(--color-text)}.filter-bar-select:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:1px}.results-panel{overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-md)}.results-header{display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-line)}.results-header h2{margin:0;font-family:var(--font-body);font-size:.95rem;font-weight:600;line-height:1.2}.results-scope{color:var(--color-muted);font-size:.82rem}.results-table-shell{overflow-x:auto;max-height:calc(100vh - 14rem);overflow-y:auto}.mobile-card-list{display:none}.results-table{width:100%;border-collapse:collapse}.results-table th,.results-table td{padding:.5rem .65rem;text-align:left;border-bottom:1px solid var(--color-line);white-space:nowrap;font-size:.85rem}.results-table th{position:sticky;top:0;background:var(--color-surface);z-index:2;color:var(--color-muted);font-size:.75rem;font-weight:500;letter-spacing:0;text-transform:none}.results-table th:first-child,.results-table td:first-child{position:sticky;left:0;z-index:3;background:var(--color-bg);min-width:180px}.results-table th:first-child{z-index:4;background:var(--color-surface)}.results-table td:first-child{background:var(--color-bg)}.row-active td:first-child{background:var(--color-accent-active)!important}.results-table tbody tr{transition:background-color .1s ease}.results-table tbody tr:hover,.results-table tbody tr:hover td:first-child{background:var(--color-accent-hover)}.row-active{background:var(--color-accent-active)}.name-cell{font-weight:600}.row-select-button{width:100%;display:grid;justify-items:start;border:0;background:transparent;padding:0;color:inherit;cursor:pointer}.row-select-button:hover .name-cell,.row-select-button:focus-visible .name-cell{text-decoration:underline;color:var(--color-accent)}.row-select-button:focus-visible{outline:2px solid var(--color-accent-outline-light);outline-offset:4px;border-radius:4px}.mobile-card{border-top:1px solid var(--color-line);padding:var(--space-3);display:grid;gap:var(--space-2);content-visibility:auto;contain-intrinsic-size:160px}.mobile-card h3{margin:0;font-family:var(--font-body);font-size:1rem;font-weight:600}.mobile-card p,.mobile-card-foot span{margin:0;color:var(--color-muted);font-size:.85rem}.mobile-card-head{display:flex;justify-content:space-between;gap:var(--space-3);align-items:start}.mobile-platform-strip{display:flex;gap:var(--space-1);flex-wrap:wrap}.platform-dot{display:inline-flex;align-items:center;border-radius:var(--radius-sm);border:1px solid var(--color-line);color:var(--color-muted);padding:.15rem .4rem;font-size:.7rem}.platform-dot-active{border-color:var(--color-accent-border);background:var(--color-accent-chip-bg);color:var(--color-accent)}.mobile-card-foot{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;font-size:.82rem}.detail-panel{position:sticky;top:var(--space-4);display:grid;gap:var(--space-3);padding:var(--space-4);max-height:calc(100vh - 2rem);overflow-y:auto;overscroll-behavior:contain;background:var(--color-surface);border-radius:var(--radius-md)}.detail-panel-topbar{display:flex;justify-content:space-between;gap:var(--space-3);align-items:start;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-line)}.detail-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end}.drawer-close{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:.4rem .65rem;border-radius:var(--radius-sm);border:1px solid var(--color-line);background:var(--color-bg);cursor:pointer;font-size:.82rem;transition:background .12s ease}.drawer-close:hover{background:var(--color-surface)}.drawer-close:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:1px}.drawer-close:disabled{cursor:not-allowed;opacity:.4}.drawer-close-muted{background:transparent;border-color:transparent}.detail-panel-empty{min-height:320px;align-content:start}.detail-header h2{margin:0;font-family:var(--font-body);font-weight:600;line-height:1.2;font-size:1.2rem}.detail-subtitle,.detail-meta-inline,.social-missing,.meta-list dt{color:var(--color-muted);font-size:.85rem}.detail-section{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-line)}.social-list{display:grid;gap:var(--space-2)}.social-row{display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:start}.social-label{font-weight:600;font-size:.85rem;margin-bottom:.1rem}.badge{display:inline-flex;align-items:center;gap:.2rem;align-self:start;border-radius:var(--radius-sm);padding:.2rem .45rem;font-size:.68rem;white-space:nowrap;font-weight:500}.badge-curated{background:var(--color-warm-bg);color:var(--color-warm-text)}.badge-website{background:var(--color-website-bg);color:var(--color-website)}.badge-missing{background:var(--color-missing-bg);color:var(--color-muted)}.meta-list{display:grid;gap:var(--space-2);font-size:.85rem}.meta-list div{display:grid;gap:.15rem}.empty-results{display:grid;gap:var(--space-3);padding:var(--space-6);text-align:center;justify-items:center}.empty-results p{color:var(--color-muted);max-width:44ch}.placeholder-panel{padding:var(--space-5);border-radius:var(--radius-md)}.placeholder-panel h1{margin:0;font-family:var(--font-body);font-size:1.2rem;font-weight:600;line-height:1.2}.placeholder-panel p{color:var(--color-muted);max-width:52ch}.mobile-backdrop{display:none;border:0;padding:0;background:var(--color-overlay);cursor:pointer}.detail-panel-overlay{display:contents}.page-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(200px,.55fr);gap:var(--space-4);align-items:end;padding:var(--space-4) 0;border-radius:0;border-bottom:1px solid var(--color-line);margin-bottom:var(--space-3)}.page-hero h1{margin:0;font-family:var(--font-body);font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:600;line-height:1.2}.page-hero p{color:var(--color-muted);max-width:52ch;font-size:.9rem}.metric-grid,.download-grid,.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.info-card{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface)}.info-card p{margin:.4rem 0 0;color:var(--color-muted);font-size:.88rem}.metric-card{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:none}.metric-card strong,.download-summary strong{display:block;margin-top:var(--space-1);font-size:1.6rem;font-family:var(--font-body);font-weight:700}.metric-card-accent{background:var(--color-accent-metric)}.metric-card-warm{background:var(--color-warm-soft)}.coverage-layout,.page-stack{display:grid;gap:var(--space-3)}.coverage-layout{grid-template-columns:1.3fr .9fr}.analytics-panel,.prose-panel,.download-card{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-surface)}.coverage-bars,.stack-list{display:grid;gap:var(--space-3)}.coverage-bar-row,.stack-row{display:grid;gap:var(--space-2)}.coverage-bar-label,.stack-row{display:flex;justify-content:space-between;gap:var(--space-3);align-items:baseline;font-size:.88rem}.coverage-bar-track{height:8px;border-radius:999px;background:var(--color-accent-chip-bg);overflow:hidden}.coverage-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-bar-end))}.section-gap{margin-top:var(--space-5)}.flat-list{display:grid;gap:var(--space-2);padding-left:1.2rem;color:var(--color-muted);font-size:.88rem}.download-card h2{margin:0;font-family:var(--font-body);font-size:1.1rem;font-weight:600;line-height:1.2}.download-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);padding:.5rem .85rem;border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-on-accent);font-size:.85rem;font-weight:500;transition:opacity .12s ease}.download-link:hover{text-decoration:none;opacity:.88}.download-link:focus-visible{outline:2px solid var(--color-accent-outline);outline-offset:2px}.download-summary{display:grid;align-content:start;gap:var(--space-1)}.icon-inline{display:inline-flex;align-items:center;vertical-align:middle;flex-shrink:0}.presence-icon{display:inline-flex}.presence-icon-active{color:var(--color-accent)}.presence-icon-missing{color:var(--color-line-strong)}.search-shell-inner{position:relative}.search-icon-adornment{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none}.search-shell-inner input{padding-left:2.25rem}.icon-button svg,.drawer-close svg,.active-chip svg,.download-link svg{flex-shrink:0}.badge svg{flex-shrink:0;margin-right:.2rem}@media(max-width:1280px){.directory-layout.has-detail{grid-template-columns:minmax(0,1fr) 340px}}@media(max-width:1080px){.app-header{flex-wrap:wrap}.app-nav{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.1rem}.nav-link{white-space:nowrap}.build-meta{display:none}.page-hero,.coverage-layout{grid-template-columns:1fr}.metric-grid,.download-grid,.info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:920px){.directory-layout,.directory-layout.has-detail{grid-template-columns:1fr}.detail-panel{grid-column:auto}}@media(max-width:720px){.app-shell{padding:var(--space-3)}.brand-title{font-size:clamp(1rem,8vw,1.2rem)}.search-bar{flex-direction:column;align-items:stretch}.search-actions{justify-content:stretch;flex-wrap:wrap}.search-actions .icon-button{flex:1 1 0}.active-chip-row{display:flex}.filter-bar{gap:var(--space-2)}.filter-bar-group{flex-wrap:wrap}.filter-bar-toggles{flex-wrap:wrap;background:transparent;gap:var(--space-1);border-radius:0}.filter-toggle{border:1px solid var(--color-line);border-radius:var(--radius-sm)}.results-table-shell{display:none}.mobile-card-list{display:grid}.mobile-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.detail-backdrop{z-index:24}.detail-panel-overlay{display:block;position:fixed;inset:auto var(--space-3) var(--space-3) var(--space-3);z-index:25}.detail-panel{position:static;max-height:calc(100vh - 5rem);overflow:auto;box-shadow:0 16px 60px var(--color-overlay-shadow)}.detail-actions{width:100%;justify-content:stretch}.detail-actions .drawer-close{flex:1 1 0}.mobile-card-foot{align-items:stretch;flex-direction:column}.metric-grid,.download-grid,.info-grid{grid-template-columns:1fr}.page-hero{padding:var(--space-3) 0;grid-template-columns:1fr}.social-row,.coverage-bar-label,.stack-row,.mobile-card-head{grid-template-columns:1fr;display:grid}.coverage-bar-label,.stack-row{align-items:start}.results-header{flex-direction:column;gap:var(--space-1);padding:var(--space-3)}}@media(max-width:520px){.app-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.nav-link{justify-content:center;text-align:center}.select-field,.search-shell{min-width:0;flex-basis:100%}.detail-panel,.detail-panel-overlay{inset-inline:.5rem}}