:root{--bg:#fff;--surface:#f7f7f8;--surface-hover:#ededf0;--brand-tint:#edf1fb;--ink:#19191d;--muted:#62626c;--faint:#6b6b73;--line:#e3e3e8;--accent:#002fa7;--accent-hover:#00247e;--on-accent:#fff;--terminal:#17191f;--terminal-line:#32353e;--terminal-text:#f0f2f7;--terminal-muted:#a7adba;--success:#a4d7b1;--fs-display:clamp(40px, 4.6vw, 64px);--fs-h2:26px;--fs-h3:19px;--fs-body:14px;--fs-small:13px;--fs-meta:12px;--fs-micro:11px;--lh-tight:1.2;--lh-normal:1.65;--radius:8px;--radius-lg:14px;--radius-pill:999px;--fast:.15s;--medium:.24s;--slow:.36s;--ease:cubic-bezier(.16, 1, .3, 1);--shadow:0 16px 48px #19191d0f;--shadow-sm:0 4px 16px #19191d0a;--backdrop:#0f142380;--grid-dot:#002fa729;--scrim:#19191d0a;color:var(--ink);background:var(--bg);font-synthesis:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:var(--lh-normal);font-size:var(--fs-body);scroll-behavior:smooth;scroll-padding-top:24px}:root[data-theme=dark]{--bg:#0b0d12;--surface:#14171e;--surface-hover:#1c2028;--brand-tint:#141b2e;--ink:#eef1f7;--muted:#a3aab8;--faint:#9299a8;--line:#252a34;--accent:#7d9dff;--accent-hover:#9ab3ff;--on-accent:#0b0d12;--terminal:#05070a;--terminal-line:#2a3040;--terminal-text:#eef1f7;--terminal-muted:#a3aab8;--success:#7fd39a;--shadow:0 16px 48px #0000008c;--shadow-sm:0 4px 16px #0006;--backdrop:#03050ab8;--grid-dot:#7d9dff2e;--scrim:#ffffff0a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0d12;--surface:#14171e;--surface-hover:#1c2028;--brand-tint:#141b2e;--ink:#eef1f7;--muted:#a3aab8;--faint:#9299a8;--line:#252a34;--accent:#7d9dff;--accent-hover:#9ab3ff;--on-accent:#0b0d12;--terminal:#05070a;--terminal-line:#2a3040;--terminal-text:#eef1f7;--terminal-muted:#a3aab8;--success:#7fd39a;--shadow:0 16px 48px #0000008c;--shadow-sm:0 4px 16px #0006;--backdrop:#03050ab8;--grid-dot:#7d9dff2e;--scrim:#ffffff0a}}:root[data-theme=dark] .brand-lockup{content:url(/brand/supercli-wordmark-dark.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-lockup{content:url(/brand/supercli-wordmark-dark.svg)}}:root[data-theme=dark] .brand-lockup{filter:drop-shadow(0 0 .5px #ffffff2e)}.theme-toggle svg:last-child,:root[data-theme=dark] .theme-toggle svg:first-child{display:none}:root[data-theme=dark] .theme-toggle svg:last-child{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle svg:first-child{display:none}:root:not([data-theme=light]) .theme-toggle svg:last-child{display:block}}:root[data-theme=dark] .logo-board img[src$=supercli-symbol-mono\.svg]{content:url(/brand/supercli-symbol-mono-light.svg)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-board img[src$=supercli-symbol-mono\.svg]{content:url(/brand/supercli-symbol-mono-light.svg)}}:root[data-theme=dark] .vendor-icon,:root[data-theme=dark] .card-initial,:root[data-theme=dark] .detail-icon,:root[data-theme=dark] .detail-initial,:root[data-theme=dark] .console-hit-icon img,:root[data-theme=dark] .console-hit-icon .console-initial,:root[data-theme=dark] .recent-tool img,:root[data-theme=dark] .recent-tool .icon-initial{background:var(--surface);border-color:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff0a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .vendor-icon,:root:not([data-theme=light]) .card-initial,:root:not([data-theme=light]) .detail-icon,:root:not([data-theme=light]) .detail-initial,:root:not([data-theme=light]) .console-hit-icon img,:root:not([data-theme=light]) .console-hit-icon .console-initial,:root:not([data-theme=light]) .recent-tool img,:root:not([data-theme=light]) .recent-tool .icon-initial{background:var(--surface);border-color:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff0a}}:root[data-theme=dark] dialog{border-color:#ffffff24;box-shadow:0 0 0 1px #ffffff14,0 24px 64px -8px #000000bf}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) dialog{border-color:#ffffff24;box-shadow:0 0 0 1px #ffffff14,0 24px 64px -8px #000000bf}}:root[data-theme=dark] .quality-panel{background:var(--surface);border-color:var(--line)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .quality-panel{background:var(--surface);border-color:var(--line)}}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,a,input,select{transition:background var(--fast) var(--ease), color var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease)}button,a,select{touch-action:manipulation}button{cursor:pointer;border:0}p,h1,h2,h3{margin:0}img{display:block}kbd{font-family:inherit}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:50;background:var(--accent);color:var(--on-accent);border-radius:var(--radius);transition:top var(--fast) var(--ease);padding:10px 16px;font-weight:600;position:absolute;top:-48px;left:16px}button i,a i,svg.lucide{stroke-width:1.6px;flex-shrink:0;width:18px;height:18px}.icon-initial{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--muted);font-size:var(--fs-body);flex:0 0 32px;justify-content:center;align-self:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.console-initial{flex-basis:28px;width:28px;height:28px;font-size:13px}.detail-initial{width:100%;height:100%;box-shadow:none;background:0 0;border:none;flex-basis:auto;font-size:24px}.guide-initial{flex-basis:40px;width:40px;height:40px;font-size:17px}.wrap{max-width:1232px;margin:0 auto;padding-inline:40px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.header.is-scrolled{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(14px);position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.header nav{align-items:center;gap:28px;display:flex}.header nav a{color:var(--muted);font-size:var(--fs-small);align-items:center;gap:8px;display:flex}.header nav a:hover{color:var(--accent)}.button{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);font-weight:600;font-size:var(--fs-small);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;line-height:1.5;display:inline-flex}.button:hover{background:var(--surface)}.button:active{transform:scale(.98)}.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.text-button{color:var(--accent);font-size:var(--fs-meta);white-space:nowrap;background:0 0;align-items:center;gap:5px;min-height:32px;padding:4px 0;font-weight:500;display:inline-flex}.text-button svg{width:14px;height:14px}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.theme-toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);width:34px;height:34px;color:var(--muted);flex:0 0 34px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle svg{width:17px;height:17px}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle:active{transform:scale(.92)}@media (width<=1000px){.header,.header nav{gap:16px}.wrap{padding-inline:28px}}@media (width<=760px){.wrap{padding-inline:20px}.header{gap:10px;height:64px}.header nav a:not(:last-child){display:none}.header nav{gap:12px;margin-left:auto}.header nav a span{display:none}.header nav a svg{width:20px;height:20px}.submit-link{font-size:var(--fs-micro);padding:8px 10px}.submit-link svg{display:none}.theme-toggle{flex-basis:30px;width:30px;height:30px}.brand{flex-shrink:1;min-width:0}.brand img,.brand .brand-lockup{width:132px;height:auto}.language-switch{font-size:var(--fs-micro);gap:0}.language-switch a{padding-inline:4px}.footer-note{display:none}}@media (width<=640px){html[lang=en] .header{gap:6px}html[lang=en] .submit-link{padding-inline:6px;font-size:10px}}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:72px;padding-block:72px 56px;display:grid}.hero-copy{min-width:0}.hero .eyebrow{color:var(--accent);align-items:center;gap:10px;margin-bottom:22px;display:inline-flex}.hero .eyebrow:before{content:"";background:var(--accent);width:24px;height:2px}.hero h1{font-size:var(--fs-display);font-weight:700;line-height:var(--lh-tight);letter-spacing:-2.5px}.hero h1 span{color:var(--accent)}.hero .intro{color:var(--muted);margin-top:24px;font-size:15px;line-height:1.9}.hero .lead{color:var(--ink);margin-top:12px;font-size:15px;line-height:1.7}.hero .lead span{color:var(--accent);font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}.explore{background:var(--accent);min-height:48px;color:var(--on-accent);border-radius:var(--radius);font-weight:600;font-size:var(--fs-small);align-items:center;gap:10px;padding:12px 18px;display:inline-flex}.explore:hover{background:var(--accent-hover);color:var(--on-accent)}.explore svg{transition:transform var(--medium) var(--ease)}.explore:hover svg,.explore:focus-visible svg{transform:translate(3px,3px)}.overview{border-block:1px solid var(--line);grid-template-columns:auto auto 1fr auto;align-items:center;gap:40px;padding:24px 0;display:grid}.overview>div{align-items:center;gap:14px;display:flex}.overview strong{font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--accent);font-size:30px;line-height:1}.overview span{font-size:var(--fs-meta);color:var(--muted)}.overview svg{width:26px;height:26px;color:var(--accent)}.overview>p{text-align:right;font-size:var(--fs-meta);color:var(--muted)}@media (width<=1000px){.hero{gap:40px;padding-block:56px}}@media (width<=640px){.hero{grid-template-columns:1fr;gap:36px;padding-block:36px 28px}.hero h1{letter-spacing:-1.5px;font-size:clamp(34px,9vw,44px)}.hero .intro,.hero .lead{font-size:var(--fs-body)}.explore{margin-top:20px}.overview{grid-template-columns:1fr 1fr;gap:20px;padding-block:18px}.overview>p{display:none}.overview strong{font-size:26px}}.console{background:var(--terminal);border:1px solid var(--terminal-line);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.console-bar{border-bottom:1px solid var(--terminal-line);align-items:center;gap:12px;padding:12px 16px;display:flex}.console-dots{gap:6px;display:flex}.console-dots i{background:var(--terminal-line);border-radius:50%;width:9px;height:9px}.console-title{color:var(--terminal-text);font-size:var(--fs-meta);font-weight:600}.console-count{color:var(--terminal-muted);font-size:var(--fs-micro);font-variant-numeric:tabular-nums;margin-left:auto}.console-input{border-bottom:1px solid var(--terminal-line);align-items:center;gap:10px;padding:16px;display:flex}.console-prompt{color:var(--success);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-body);font-weight:600}.console-input input{min-width:0;color:var(--terminal-text);font-size:var(--fs-body);background:0 0;border:0;outline:none;flex:1}.console-input input::placeholder{color:var(--terminal-muted)}.console-input input:focus-visible{outline:none}.console-results{max-height:372px;overflow-y:auto}.console-hit{border-bottom:1px solid var(--terminal-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.console-hit:last-child{border-bottom:0}.console-hit:hover{background:#ffffff0a}.console-hit-icon{border-radius:var(--radius);background:#ffffff0f;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.console-hit-icon .console-icon,.console-hit-icon img{object-fit:contain;width:28px;height:28px}.console-hit-icon .console-initial{border-color:var(--terminal-line);width:28px;height:28px;color:var(--terminal-muted);background:#ffffff0f;flex-basis:28px;font-size:13px}.console-hit-body{flex-direction:column;gap:3px;min-width:0;display:flex}.console-hit-name{color:var(--terminal-text);font-weight:600;font-size:var(--fs-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.console-hit-name:hover{color:var(--success)}.console-hit-meta{color:var(--terminal-muted);font-size:var(--fs-micro)}.console-hit-command{border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:var(--fs-micro);color:var(--terminal-text);background:#00000059;align-items:baseline;gap:7px;margin-top:2px;padding:5px 8px;display:flex;overflow:hidden}.console-hit-command code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.console-hit-copy{border:1px solid var(--terminal-line);border-radius:var(--radius);color:var(--terminal-muted);font-size:var(--fs-micro);background:0 0;align-items:center;gap:6px;min-height:32px;padding:7px 10px;display:inline-flex}.console-hit-copy:hover{color:var(--terminal-text);border-color:var(--terminal-muted)}.console-hit-copy svg{width:14px;height:14px}.terminal-copy-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.terminal-copy-icon>*{grid-area:1/1}.terminal-copy-check{opacity:0;color:var(--success)}.console-hit-copy.copy-success .terminal-copy-icon>svg:first-child,.console-hit-copy.copy-success .terminal-copy-icon>i{opacity:0}.console-hit-copy.copy-success .terminal-copy-check{opacity:1}.console-empty{color:var(--terminal-muted);font-size:var(--fs-small);text-align:center;padding:28px 16px}.console-foot{border-top:1px solid var(--terminal-line);color:var(--terminal-muted);font-size:var(--fs-micro);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.console-foot .text-button{color:var(--success)}.console-foot .text-button:hover{color:var(--terminal-text)}.directory{padding-top:72px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2{font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:-.5px}.section-heading .eyebrow{margin-bottom:10px}.count{font-size:var(--fs-small);color:var(--accent);vertical-align:middle;margin-left:10px;font-weight:500}.updated{font-size:var(--fs-micro);color:var(--faint);text-align:right}.controls{gap:12px;display:flex}.search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex:1;align-items:center;gap:10px;min-width:0;padding:12px 16px;display:flex}.search svg{color:var(--muted)}.search:focus-within{border-color:var(--accent)}.search input{width:100%;min-width:0;font-size:var(--fs-small);background:0 0;border:0}.search input:focus-visible{outline:none}.search-clear{color:var(--muted);cursor:pointer;border-radius:var(--radius);transition:color var(--fast) var(--ease), background var(--fast) var(--ease);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:inline-flex}.search-clear:hover{color:var(--accent);background:var(--surface-hover)}.search-clear svg{width:14px;height:14px}.search kbd{font-size:var(--fs-meta);background:var(--bg);border:1px solid var(--line);color:var(--faint);border-radius:4px;padding:0 6px}.select-label select{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);height:100%;font-size:var(--fs-meta);max-width:180px;padding:0 30px 0 14px}.categories{flex-wrap:wrap;gap:8px;margin-block:22px 16px;display:flex}.categories button{background:var(--bg);border-radius:var(--radius);font-size:var(--fs-meta);color:var(--muted);border:1px solid #0000;align-items:center;gap:10px;padding:8px 12px;display:flex}.categories button span{font-size:var(--fs-micro);color:var(--faint)}.categories button:hover{background:var(--surface)}.categories button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.categories button[aria-pressed=true] span{color:var(--line)}.catalog{border-top:1px solid var(--line);flex-direction:column;display:flex}.card{border-bottom:1px solid var(--line);transition:background var(--fast) var(--ease);grid-template-columns:44px auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:16px 8px;display:grid}.card:hover{background:var(--surface)}.rank{font-size:var(--fs-h3);font-variant-numeric:tabular-nums;color:var(--faint);text-align:center;letter-spacing:-1px;font-weight:700}.card:first-child .rank,.card:nth-child(2) .rank,.card:nth-child(3) .rank{color:var(--accent)}.card-icon{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-icon .vendor-icon{object-fit:contain;width:40px;height:40px}.card-icon .card-initial{flex-basis:40px;width:40px;height:40px;font-size:16px}.card-main{flex-wrap:wrap;align-items:baseline;gap:4px 12px;min-width:0;display:flex}.card-main h3{font-size:var(--fs-h3);margin:0;font-weight:600;line-height:1.3}.card-title{color:var(--ink);align-items:center;gap:6px;display:inline-flex}.card-title svg{width:15px;height:15px;color:var(--accent);opacity:0;transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);transform:translate(-2px,2px)}.card:hover .card-title svg{opacity:1;transform:none}.card-identity{font-size:var(--fs-micro);align-items:center;gap:8px;display:inline-flex}.vendor-name{color:var(--muted)}.description{color:var(--muted);font-size:var(--fs-small);-webkit-line-clamp:1;-webkit-box-orient:vertical;flex-basis:100%;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.card-side{justify-self:end;align-items:center;gap:18px;display:flex}.card .tool-metrics{font-size:var(--fs-micro);color:var(--muted);border:0;flex-wrap:wrap;gap:4px 18px;margin:0;padding:0;display:flex}.card .tool-metrics>div{align-items:baseline;gap:5px;min-width:0;display:flex}.card .tool-metrics dt{color:var(--faint);font-weight:400}.card .tool-metrics dd{font-size:var(--fs-micro);font-variant-numeric:tabular-nums;color:var(--ink);margin:0}.card-actions{align-items:center;gap:8px;display:flex}.card-stars{font-size:var(--fs-meta);color:var(--ink);font-variant-numeric:tabular-nums;border-radius:var(--radius);align-items:center;gap:5px;padding:6px 10px;font-weight:600;display:inline-flex}.card-stars svg{width:14px;height:14px;color:var(--accent)}.card-stars:hover{background:var(--surface-hover)}.copy{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--fs-meta);color:var(--ink);white-space:nowrap;align-items:center;gap:6px;min-height:36px;padding:8px 12px;font-weight:500;display:inline-flex}.copy:hover{border-color:var(--accent);color:var(--accent)}.copy svg{width:14px;height:14px}.card-new{animation:card-append .32s var(--ease) backwards}@keyframes card-append{0%{opacity:0;transform:translateY(10px)}}.catalog-more{justify-content:center;padding:24px 0 8px;display:flex}.load-more{min-height:44px}.load-more-count{color:var(--muted);font-weight:400;font-size:var(--fs-micro);margin-left:8px}.empty{text-align:center;color:var(--muted);padding:56px 0}.empty svg{width:32px;height:32px;color:var(--faint);margin:0 auto 12px}.empty h3{font-size:var(--fs-h3);color:var(--ink);margin-bottom:6px}.empty p{font-size:var(--fs-small);margin-bottom:18px}.results-bar{font-size:var(--fs-micro);color:var(--faint);justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.results-bar span{white-space:nowrap}@media (width<=1080px){.card{grid-template-columns:36px auto minmax(0,1fr)}.card-side{border-top:1px dashed var(--line);grid-area:2/3;justify-self:start;margin-top:4px;padding-top:10px}.description{-webkit-line-clamp:2}}@media (width<=640px){.directory{padding-top:48px}.section-heading{display:block}.updated{text-align:left;margin-top:8px}.card{grid-template-columns:28px auto minmax(0,1fr);gap:12px;padding:14px 4px}.rank{font-size:var(--fs-body)}.card-icon{flex-basis:36px;width:36px;height:36px}.card-icon .vendor-icon,.card-icon .card-initial{flex-basis:32px;width:32px;height:32px}.card-main h3{font-size:16px}.tool-metrics{gap:12px}}.filter-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.filter-panel .controls{gap:10px}.filter-panel .search{background:var(--bg);padding:12px 16px}.filter-panel .search input{font-size:14px}.filter-panel .search:focus-within{box-shadow:0 0 0 3px var(--brand-tint)}.select-label{flex-shrink:0;width:190px;position:relative}.filter-panel .categories{gap:6px;margin:18px 0}.filter-panel .categories button{background:0 0;min-height:40px;padding:8px 11px}.filter-panel .categories button:hover{background:var(--bg)}.filter-panel .categories button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.filter-panel .categories button[aria-pressed=true] span{color:var(--on-accent)}.filter-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.filter-bottom .text-button{align-items:center;gap:6px;min-height:40px;display:flex}.filter-bottom .text-button svg{width:14px;height:14px}.active-filters{flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.filter-chip{overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:8px;max-width:100%;min-height:40px;padding:8px 10px;font-size:12px;display:flex}.filter-chip svg{width:13px;height:13px}.filter-chip:hover{border-color:var(--accent);color:var(--accent)}.clear-all{min-height:40px;color:var(--accent);background:0 0;padding:8px;font-size:12px}.results-bar{color:var(--muted);justify-content:space-between;gap:16px;margin:20px 0 14px;font-size:11px;display:flex}.results-bar>span{flex-shrink:0}.directory .count{color:var(--accent);vertical-align:baseline;letter-spacing:-.01em;margin-left:12px;font-size:15px;font-weight:600;display:inline-flex}@media (width<=1000px){.select-label{width:165px}}@media (width<=640px){.filter-panel{padding:12px}.filter-panel .controls{grid-template-columns:1fr 1fr;display:grid}.filter-panel .search{grid-column:1/-1;min-height:50px}.select-label{width:auto;min-width:0}.picker-trigger{min-height:54px;padding:8px 10px}.picker-panel{width:min(300px,100vw - 68px)}.select-label:first-of-type .picker-panel,#vendor-panel{left:0;right:auto}.filter-panel .categories{flex-wrap:nowrap;margin:14px -2px 8px;padding-bottom:8px;overflow-x:auto}.filter-panel .categories button{flex-shrink:0;min-height:44px}.filter-bottom{flex-wrap:wrap;gap:6px}.picker-search,.filter-panel .search input{font-size:16px}.filter-bottom .text-button{font-size:11px}.results-bar{gap:8px;font-size:10px}.results-bar>span{display:none}.card .copy{min-height:44px}}.source-switch{flex-wrap:wrap;gap:4px;display:flex}.source-switch button{color:var(--muted);border-radius:var(--radius);background:0 0;border:1px solid #0000;min-height:44px;padding:8px 12px;font-size:12px}.source-switch button:hover{background:var(--bg)}.source-switch button[aria-pressed=true]{background:var(--bg);color:var(--accent);border-color:var(--line);font-weight:600}.vendor-name{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.source-badge{background:var(--surface);color:var(--muted);border-radius:var(--radius);padding:1px 6px;font-size:10px}.source-badge[data-kind=vendor]{background:var(--brand-tint);color:var(--accent)}.brand .brand-lockup{width:210px;height:auto}.footer .brand-lockup{width:180px}.tool-metrics{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 0;padding:14px 0 0;display:grid}.tool-metrics>div{min-width:0}.tool-metrics dt{color:var(--muted);font-size:11px}.tool-metrics dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:4px 0 0;font-size:13px;font-weight:600}.tool-metrics dd a{align-items:baseline;gap:6px;display:inline-flex}.tool-metrics dd a:hover{color:var(--accent)}.tool-metrics dd a span{color:var(--muted);font-size:10px;font-weight:400}.tool-metrics .metric-missing{color:var(--faint);font-size:12px;font-weight:400}.metric-note{color:var(--muted);margin:-10px 0 22px;font-size:12px;line-height:1.8}.usage-explanation{margin-block:14px 24px;font-size:12px}.usage-explanation a{color:var(--accent);text-decoration:underline}@media (width<=640px){.brand .brand-lockup{width:164px;height:auto}.footer .brand-lockup{width:164px}}.card-identity{flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:7px;display:flex}.card-identity .vendor-name{margin:0;font-size:11px}.source-badge,.detail-stats>.source-badge{border:1px solid var(--line);border-radius:var(--radius);white-space:nowrap;background:var(--surface);color:var(--muted);align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.6;display:inline-flex}.source-badge svg{stroke-width:1.7px;width:12px;height:12px}.source-badge[data-kind=vendor],.detail-stats>.source-badge[data-kind=vendor]{color:var(--accent);border-color:var(--brand-tint);background:var(--brand-tint)}.source-badge[data-kind=community],.detail-stats>.source-badge[data-kind=community]{color:var(--ink);background:var(--bg);border-color:var(--line)}.review-entry{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:left;cursor:pointer;width:100%;min-height:38px;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);align-items:center;gap:8px;margin-top:14px;padding:8px 10px;display:flex}.review-entry>span{color:var(--accent);align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.review-entry small{color:var(--muted);margin-left:auto;font-size:10px;font-weight:500}.review-entry svg{width:13px;height:13px;color:var(--accent)}.review-entry:hover{background:var(--brand-tint);border-color:var(--accent)}.review-entry:active{transform:scale(.98)}.card .review-entry+.tool-metrics{margin-top:12px}.review-record{border:1px solid var(--line);border-radius:var(--radius);margin:20px 0}.review-record>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:600;list-style:none;display:flex}.review-record>summary::-webkit-details-marker{display:none}.review-record>summary>span{color:var(--muted);margin-left:auto;font-size:11px;font-weight:400}.review-record>summary>svg{width:16px;color:var(--accent)}.review-record>summary:hover,.review-record[open]>summary{background:var(--surface)}.review-record>summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.review-content{border-top:1px solid var(--line);padding:0 14px 14px}.review-content a{color:var(--accent);font-size:12px}.review-content>p{margin:14px 0;font-size:12px}.review-content .review-meta{font-size:11px}.review-checks{margin:0;padding:0;list-style:none}.review-checks li{border-bottom:1px solid var(--line);padding:14px 0}.review-checks li>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.review-method{color:var(--accent);background:var(--brand-tint);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:var(--radius);align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:500;display:inline-flex}.review-method[data-method=execution]{color:#15803d;background:#dcfce7;border-color:#86efac;font-weight:600}:root[data-theme=dark] .review-method[data-method=execution]{color:var(--success);background:#7fd39a26;border-color:#7fd39a4d}.review-checks li p{margin:8px 0;font-size:12px}.review-checks li a,.review-standard-link{align-items:center;gap:4px;min-height:36px;display:inline-flex}.review-checks li svg,.review-standard-link svg{width:13px}.review-standard-link{margin-top:12px}.standards-teaser{border-left:3px solid var(--accent);background:var(--brand-tint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-bottom:18px;padding:14px 18px;display:flex}.standards-teaser strong{font-size:13px}.standards-teaser p{color:var(--muted);margin-top:3px;font-size:11px}.standards-teaser>a{color:var(--accent);align-items:center;gap:6px;min-height:40px;font-size:12px;display:inline-flex}.standards-teaser svg{width:14px}@media (width<=640px){.review-entry{min-height:44px}.review-record>summary{padding:12px}.review-checks li a,.review-standard-link{min-height:44px}}.review-chevron{transition:transform var(--fast) var(--ease)}.review-record[open] .review-chevron{transform:rotate(180deg)}.recent-section,.credits-section{padding-top:56px}.recent-section h2,.credits-section h2{font-size:22px}.recent-tools{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.recent-tool{text-align:left;background:var(--bg);border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:14px;min-width:0;min-height:76px;padding:16px 20px;display:flex}.recent-tool:hover{background:var(--surface)}.recent-tool img{object-fit:contain;flex-shrink:0}.recent-tool>span:not(.icon-initial){flex:1;min-width:0}.recent-tool strong{font-size:var(--fs-body);overflow-wrap:anywhere;display:block}.recent-tool small{font-size:var(--fs-micro);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.recent-tool time{font-size:var(--fs-micro);color:var(--faint);font-variant-numeric:tabular-nums;flex-shrink:0}.use-cases{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:40px;padding-top:56px;display:grid}.use-cases h2{font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:-.5px}.use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.use-case{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);min-height:132px;transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), transform var(--fast) var(--ease);flex-direction:column;gap:6px;padding:20px 18px;display:flex}.use-case:hover{background:var(--surface-hover);border-color:var(--accent)}.use-case:active{transform:scale(.98)}.use-case svg:first-child{width:20px;height:20px;color:var(--accent);margin-bottom:6px}.use-case strong{font-size:var(--fs-body);color:var(--ink)}.use-case>span{font-size:var(--fs-micro);color:var(--muted)}.use-case svg:last-child{width:14px;height:14px;color:var(--faint);transition:transform var(--medium) var(--ease), color var(--fast) var(--ease);align-self:flex-end;margin-top:auto}.use-case:hover svg:last-child{color:var(--accent);transform:translate(2px,-2px)}.contribute{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:64px;margin-block:72px 64px;padding:40px;display:grid}.contribute-symbol{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--accent);margin-bottom:20px;padding:10px;display:inline-flex}.contribute-symbol svg{width:22px;height:22px}.contribute h2{letter-spacing:-1px;font-size:26px;line-height:1.4}.contribute-heading>p{font-size:var(--fs-small);color:var(--muted);margin-block:16px 22px}.steps{align-self:center;gap:28px;margin:0;padding:0;list-style:none;display:grid}.steps li{gap:20px;display:flex}.steps li>span{font-size:var(--fs-small);color:var(--accent);font-variant-numeric:tabular-nums;padding-top:3px}.steps h3{font-size:var(--fs-body);margin-bottom:6px;font-weight:600}.steps p{font-size:var(--fs-micro);color:var(--muted);line-height:1.9}.credits-section{padding-bottom:56px}.credit-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.credit-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:16px;min-width:0;padding:24px;display:flex}.credit-group-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;display:flex}.credit-group h3{margin:0;font-size:15px;font-weight:600}.credit-group-note{font-size:var(--fs-micro);color:var(--muted);margin:0}.credit-group>ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.credit-group>p{font-size:var(--fs-micro);color:var(--muted);margin:0}.attribution{font-size:var(--fs-micro);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 0;display:flex}.attribution-person{align-items:center;gap:6px;display:inline-flex}.curator-chip{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);color:var(--ink);border-radius:99px;align-items:center;gap:5px;padding:1px 7px 1px 4px;font-weight:500;text-decoration:none;display:inline-flex}.curator-chip:hover{border-color:var(--accent);color:var(--accent)}.curator-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:16px;height:16px}.attribution-evidence{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:24px 36px;display:flex}.footer .brand{letter-spacing:-.5px;font-size:18px}.footer-note{font-size:var(--fs-micro);color:var(--muted);margin-left:8px;font-weight:400}.footer>p,.footer>a:last-child{color:var(--muted);font-size:10px}.footer>a:last-child{align-items:center;gap:6px;display:flex}.footer svg{width:12px;height:12px}@media (width<=1000px){.use-cases{grid-template-columns:1fr;gap:24px}.contribute{gap:32px}}@media (width<=640px){.recent-tools,.use-case-grid,.credit-columns{grid-template-columns:1fr}.contribute{grid-template-columns:1fr;gap:36px;margin-block:40px;padding:26px}.contribute h2{font-size:24px}.footer{flex-wrap:wrap;gap:12px}.footer>p{flex-basis:100%;order:3}.footer>a:last-child{margin-left:auto}}.curator-reel{flex-direction:column;gap:10px;width:100%;min-width:0;display:flex}.curator-reel-rail{width:100%;min-width:0;padding-bottom:4px;overflow:hidden}.curator-reel-track{transition:transform var(--medium) var(--ease);margin:0;padding:0;list-style:none;display:flex}.curator-reel-track.is-dragging{transition:none}.curator-slide{flex:0 0 100%;min-width:0}.curator-bubble{background:var(--brand-tint);border:1px solid var(--line);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) 4px;flex-direction:column;gap:12px;padding:18px 20px 16px;display:flex;position:relative}.curator-bubble:after{content:"";background:var(--brand-tint);border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:12px;height:12px;position:absolute;bottom:-7px;left:30px;transform:rotate(45deg)}.curator-bubble-head{align-items:center;gap:10px;display:flex}.curator-bubble-avatar{border:2px solid var(--line);object-fit:cover;background:var(--surface);border-radius:50%;width:38px;height:38px}.curator-bubble-identity{align-items:center;gap:8px;min-width:0;display:flex}.curator-bubble-handle{font-size:var(--fs-body);color:var(--ink);font-weight:600}.curator-bubble-handle:hover{color:var(--accent)}.curator-bubble-role{background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.curator-bubble-quote{font-size:var(--fs-body);color:var(--ink);margin:0;line-height:1.85}.curator-bubble-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:4px;display:flex}.curator-bubble-tool{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--fs-meta);color:var(--ink);align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.curator-bubble-tool:hover{border-color:var(--accent);color:var(--accent)}.curator-bubble-source{font-size:var(--fs-micro);color:var(--muted);align-items:center;gap:4px;display:inline-flex}.curator-bubble-source:hover{color:var(--accent)}.curator-reel-foot{font-size:var(--fs-micro);color:var(--faint);justify-content:space-between;align-items:center;gap:12px;display:flex}.curator-reel-status{font-variant-numeric:tabular-nums}.curator-reel-nav{align-items:center;gap:6px;display:inline-flex}.curator-reel-btn{background:var(--bg);border:1px solid var(--line);width:28px;height:28px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.curator-reel-btn:hover{border-color:var(--accent);color:var(--accent)}.curator-reel-btn svg{width:14px;height:14px}.maintainer-console{background:var(--terminal);border:1px solid var(--terminal-line);border-radius:var(--radius);overflow:hidden}.maintainer-console-bar{background:var(--terminal-line);align-items:center;gap:10px;padding:8px 12px;display:flex}.maintainer-console-dots{gap:5px;display:inline-flex}.maintainer-console-dots i{background:var(--terminal-muted);opacity:.45;border-radius:50%;width:8px;height:8px}.maintainer-console-title{letter-spacing:.6px;text-transform:uppercase;color:var(--terminal-muted);font-family:Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:10px}.maintainer-console-list{gap:2px;margin:0;padding:10px 0;list-style:none;display:grid}.maintainer-row{color:var(--terminal-text);align-items:center;gap:8px;padding:7px 12px;font-family:Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:12px;display:flex}.maintainer-row:hover{background:var(--terminal-line)}.maintainer-prompt{color:var(--success);-webkit-user-select:none;user-select:none;font-weight:600}.maintainer-handle{color:var(--terminal-text);align-items:center;gap:7px;min-width:0;font-weight:600;display:inline-flex}.maintainer-handle:hover{color:var(--success)}.maintainer-avatar{object-fit:cover;background:var(--terminal-line);border-radius:50%;flex-shrink:0;width:22px;height:22px}.maintainer-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.maintainer-stats{color:var(--terminal-muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin-left:auto;font-size:11px;display:inline-flex}.maintainer-stat-followers{color:var(--success)}.maintainer-console-foot{border-top:1px solid var(--terminal-line);color:var(--terminal-muted);margin:0;padding:9px 12px;font-family:Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:10px;line-height:1.6}@media (width<=640px){.curator-bubble{padding:16px 18px 14px}.curator-bubble-quote{line-height:1.75}}dialog{border:1px solid var(--line);border-radius:var(--radius-lg);width:calc(100% - 32px);max-width:640px;max-height:90vh;color:var(--ink);background:var(--bg);padding:40px;overflow:auto}dialog .close{background:var(--surface);border-radius:var(--radius);padding:6px;display:flex;position:absolute;top:16px;right:16px}dialog h2{margin-bottom:16px;font-size:28px}dialog p{color:var(--muted);margin-bottom:18px;font-size:13px}dialog h3{font-size:14px}.detail-head{align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.detail-icon-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex:0 0 64px;justify-content:center;align-items:center;width:64px;height:64px;padding:11px;display:inline-flex}.detail-identity{min-width:0}.detail-identity .eyebrow{letter-spacing:.6px;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.detail-identity h2{margin-bottom:12px}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.detail-tag{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:999px;padding:4px 11px;font-size:11px}.detail-tag-metric{color:var(--accent);border-color:var(--accent);background:var(--brand-tint)}.detail-desc{line-height:1.85;font-size:14px!important}.detail-section-title{margin-bottom:4px}.detail-icon{object-fit:contain;border-radius:var(--radius);width:100%;height:100%}.detail-stats{flex-wrap:wrap;gap:12px;padding-block:12px 20px;font-size:12px;display:flex}.install-note{margin-top:8px;font-size:11px!important}.detail-terminal{margin-block:10px 24px}.detail-terminal .terminal-body{padding:14px 16px}.detail-copy{min-height:32px;color:var(--terminal-text);background:var(--terminal-line);border-color:var(--terminal-line);flex:none}.detail-copy:focus-visible{outline-color:var(--terminal-text)}.detail-links{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.detail-meta{line-height:1.9;font-size:11px!important}.feedback{color:var(--accent);font-size:12px}#toast{opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);border-radius:var(--radius);z-index:10;max-width:calc(100% - 32px);transition:opacity var(--fast) var(--ease), transform var(--fast) var(--ease);padding:10px 18px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}#toast.visible{opacity:1;transform:translate(-50%)}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--accent);color:var(--bg);z-index:20;padding:12px;position:absolute;top:-100px;left:16px}.skip:focus{top:16px}.quality-panel{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--radius);align-items:center;gap:20px;margin:20px 0;padding:16px 18px;display:flex}.quality-panel>div{min-width:0}.quality-panel h3{margin:0 0 6px;font-size:14px}.quality-panel p{margin:0;font-size:12px}.quality-panel span{color:var(--faint);overflow-wrap:anywhere;margin-top:8px;font-size:11px;display:block}.quality-panel .button{color:var(--accent);flex-shrink:0}@media (width<=640px){.quality-panel{flex-direction:column;align-items:stretch;gap:12px}}.terminal-window{background:var(--terminal);border:1px solid var(--terminal-line);border-radius:var(--radius-lg);animation:terminal-in var(--medium) var(--ease) both;margin:0;position:relative;overflow:hidden;box-shadow:0 18px 44px -24px #00000080}.terminal-bar{background:var(--terminal-line);border-bottom:1px solid var(--terminal-line);align-items:center;gap:12px;padding:10px 16px;display:flex}.terminal-dots{gap:6px;display:inline-flex}.terminal-dots i{background:var(--terminal-muted);opacity:.4;border-radius:50%;width:10px;height:10px}.terminal-title{letter-spacing:.6px;text-transform:uppercase;color:var(--terminal-muted);font-size:11px}.terminal-body{align-items:center;gap:16px;padding:18px 20px;display:flex}.terminal-line{min-width:0;color:var(--terminal-text);overflow-wrap:anywhere;flex:auto;font-family:Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:13px;line-height:1.7}.terminal-prompt{color:var(--success);-webkit-user-select:none;user-select:none;margin-right:10px;font-weight:600}.term-command{color:var(--terminal-text);font-weight:600}.term-flag{color:var(--success)}.term-value{color:var(--terminal-muted)}.terminal-line .term-command,.terminal-line .term-flag,.terminal-line .term-value{animation:term-in .32s var(--ease) both;animation-delay:calc(var(--i,0) * 55ms + .12s);display:inline-block}@keyframes term-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.terminal-copy,.detail-copy{min-height:34px;color:var(--terminal-text);background:var(--terminal-line);border-color:var(--terminal-line);flex:none;padding-inline:14px}.terminal-copy:hover,.detail-copy:hover{border-color:var(--terminal-muted);color:var(--terminal-text)}.terminal-copy:focus-visible,.detail-copy:focus-visible{outline-color:var(--terminal-text)}.terminal-copy.copy-success,.detail-copy.copy-success{color:var(--success);border-color:var(--success)}.terminal-copy.copy-failed{color:var(--terminal-muted);border-color:var(--terminal-muted)}.terminal-copy-icon{flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:relative}.terminal-copy-icon>svg{width:16px;height:16px;transition:opacity var(--fast) var(--ease), transform var(--medium) var(--ease);position:absolute;inset:0}.terminal-copy-check{opacity:0;transform:scale(.6)rotate(-20deg)}.terminal-copy.copy-success .terminal-copy-icon>svg.lucide{opacity:0;transform:scale(.6)rotate(20deg)}.terminal-copy.copy-success .terminal-copy-check{opacity:1;transform:scale(1)rotate(0)}.terminal-empty{background:var(--terminal);border:1px solid var(--terminal-line);border-radius:var(--radius);color:var(--terminal-muted);margin:20px 0 0;padding:18px 20px}.terminal-caret{vertical-align:-2px;background:var(--success);width:8px;height:15px;margin-left:3px;animation:1.4s step-end infinite caret-blink;display:inline-block}@keyframes terminal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.terminal-window,.terminal-caret,.terminal-line .term-command,.terminal-line .term-flag,.terminal-line .term-value{animation:none}.terminal-caret{opacity:1}}.picker-trigger{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 14px;display:flex}.picker-trigger>span{min-width:0}.picker-trigger small{color:var(--faint);font-size:10px;display:block}.picker-trigger strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;display:block;overflow:hidden}.picker-trigger:hover,.picker-trigger[aria-expanded=true]{border-color:var(--accent)}.picker-trigger[aria-expanded=true]{background:var(--brand-tint);color:var(--accent)}.picker-trigger svg{transition:transform var(--fast) var(--ease);flex-shrink:0}.picker-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.picker-panel{z-index:30;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);width:300px;box-shadow:var(--shadow);animation:picker-enter var(--fast) var(--ease);padding:8px;position:absolute;top:calc(100% + 8px);right:0}@keyframes picker-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.picker-heading{color:var(--faint);padding:6px 10px 10px;font-size:11px}.picker-search{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;margin-bottom:8px;padding:12px;font-size:13px}.picker-options{overscroll-behavior:contain;max-height:min(320px,45dvh);padding:3px;overflow-y:auto}.picker-option{text-align:left;background:var(--bg);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:10px;display:flex}.picker-option span{min-width:0}.picker-option strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;display:block}.picker-option small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.picker-option svg{visibility:hidden;flex-shrink:0}.picker-option:hover{background:var(--surface)}.picker-option[aria-pressed=true]{background:var(--brand-tint);color:var(--accent)}.picker-option[aria-pressed=true] svg{visibility:visible}.picker-option:focus-visible{outline-offset:-2px}.picker-empty{color:var(--muted);padding:16px 8px;font-size:12px}.picker-panel.opens-up{top:auto;bottom:calc(100% + 8px)}.language-switch{flex-shrink:0;align-items:center;gap:8px;font-size:12px;display:flex}.language-switch a{border-radius:var(--radius);color:var(--muted);padding:6px}.language-switch a[aria-current]{color:var(--accent);background:var(--brand-tint)}.language-switch a:hover{background:var(--surface-hover)}.language-switch a:active{transform:translateY(1px)}.site-share{padding-bottom:24px}html[lang=en] h1{letter-spacing:-2px;font-size:clamp(36px,4.4vw,60px)}html[lang=en] .header{gap:16px}html[lang=en] .card-title{overflow-wrap:anywhere}@media (width<=640px){html[lang=en] .header{gap:6px}html[lang=en] .submit-link{padding-inline:6px;font-size:10px}.language-switch{gap:0}.language-switch a{padding-inline:4px}html[lang=en] .hero h1{font-size:40px}}.hero-copy,.console{animation:arrive var(--slow) var(--ease) both}dialog[open]{animation:panel-in var(--medium) var(--ease) both}dialog::backdrop{background:var(--backdrop)}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.hero-copy,.console,dialog[open]{animation:none}.curator-reel-track{transition:none}.guide-breadcrumb,.guide-intro,.guide-page>section,.guide-page>.guide-actions,.tool-aside,.tool-main>*,.terminal-window{animation:none}.card:hover,.card:active,.card:focus-within,.use-case:active{transform:none}}.tool-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:56px;display:grid}.tool-aside{padding-bottom:28px;position:sticky;top:28px}.tool-aside-head{border-bottom:1px solid var(--line);padding-bottom:24px;position:relative}.tool-aside .ambient-grid{width:520px;max-width:100%;right:auto;-webkit-mask-image:none;mask-image:none}.tool-aside .ambient-grid:before{-webkit-mask-image:radial-gradient(70% 65% at 22% 35%,#000 15%,#0000 78%);mask-image:radial-gradient(70% 65% at 22% 35%,#000 15%,#0000 78%)}.tool-aside-icon{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:20px;padding:12px;display:inline-flex}.tool-aside-icon img{object-fit:contain;width:100%;height:100%}.tool-aside-icon .icon-initial{font-size:30px;font-weight:600}.tool-aside h1{letter-spacing:-1.4px;margin:0;font-size:clamp(30px,3.2vw,40px);line-height:1.15}.tool-aside .eyebrow{letter-spacing:.6px;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:600}.tool-aside .intro{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.85}.tool-facts{margin:22px 0 0}.tool-facts>div{grid-template-columns:88px minmax(0,1fr);align-items:baseline;gap:12px;padding:9px 0;display:grid}.tool-facts dt{color:var(--muted);font-size:12px}.tool-facts dd{margin:0;font-size:13px;line-height:1.6}.tool-aside-actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.tool-aside-actions .button{flex:auto;justify-content:center}.tool-aside-back{color:var(--muted);transition:color var(--fast) var(--ease), transform var(--fast) var(--ease);margin-top:20px;font-size:13px;display:inline-block}.tool-aside-back:hover{color:var(--accent);transform:translate(-2px)}.tool-main{padding-top:4px}.tool-main>.guide-section:first-child,.tool-main>.guide-checklist:first-child{margin-top:0}@media (width<=900px){.tool-layout{grid-template-columns:minmax(0,1fr);gap:36px}.tool-aside{position:static}.tool-aside h1{letter-spacing:-1px;font-size:34px}.tool-aside-actions .button{flex:none}}.guide-page{max-width:1120px;padding-bottom:56px}.guide-breadcrumb,.guide-intro,.guide-page>section,.guide-page>.guide-actions,.tool-aside,.tool-main>*{animation:guide-in var(--slow) var(--ease) both}.guide-breadcrumb{animation-delay:0s}.guide-intro,.tool-aside{animation-delay:60ms}.tool-main>:first-child{animation-delay:.14s}.tool-main>:nth-child(2){animation-delay:.2s}.tool-main>:nth-child(3){animation-delay:.26s}.tool-main>:nth-child(4){animation-delay:.32s}.guide-page>section:first-of-type{animation-delay:.12s}.guide-page>section:nth-of-type(2){animation-delay:.18s}.guide-page>section:nth-of-type(3){animation-delay:.24s}.guide-page>section:nth-of-type(4){animation-delay:.3s}.guide-page>.guide-actions{animation-delay:.36s}@keyframes guide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tool-install{margin-top:48px}.tool-install h2{letter-spacing:-.6px;margin-bottom:20px;font-size:24px}.tool-install-note{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.8}.tool-evidence a{color:var(--accent);overflow-wrap:anywhere}.tool-evidence ul{padding-left:24px;line-height:1.9}.tool-evidence>.text-button{margin-top:20px;display:inline-block}.guide-breadcrumb{color:var(--muted);gap:12px;padding-top:28px;font-size:12px;display:flex}.guide-breadcrumb a:hover{color:var(--accent)}.guide-intro{max-width:900px;padding:48px 0 32px}.guide-tags{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.guide-tag{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:12px}.guide-tag-metric{color:var(--accent);border-color:var(--accent);background:var(--brand-tint)}.guide-intro h1{letter-spacing:-1.8px;font-size:clamp(34px,4.3vw,56px);line-height:1.22}.guide-date,.guide-note{color:var(--muted);margin-top:18px;font-size:12px}.guide-answer{border-left:3px solid var(--accent);background:var(--brand-tint);border-radius:0 var(--radius) var(--radius) 0;padding:24px 28px}.guide-answer .eyebrow{color:var(--accent);margin:0 0 12px}.guide-answer>p:last-child{font-size:17px;line-height:1.9}.guide-section{margin-top:48px}.guide-page h2{letter-spacing:-.6px;margin-bottom:20px;font-size:24px}.guide-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.guide-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px;font-size:14px}.guide-table th{background:var(--surface);color:var(--muted);font-size:12px}.guide-table th,.guide-table td{vertical-align:top;padding:18px 20px}.guide-table tbody tr+tr{border-top:1px solid var(--line)}.guide-table td:first-child{width:30%}.guide-table td:nth-child(2){width:20%;color:var(--accent);font-weight:600}.guide-table a:hover,.guide-sources a:hover{text-decoration:underline}.guide-tool{border-top:1px solid var(--line);padding:28px 0}.guide-tool-heading{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.guide-tool-heading img{object-fit:contain;border-radius:var(--radius)}.guide-tool-heading h3{font-size:21px}.guide-tool-heading h2{letter-spacing:-.6px;font-size:24px}.guide-tool-heading a{color:var(--accent);margin-left:auto;font-size:13px}.guide-tool dl{margin:22px 0}.guide-tool dl>div{grid-template-columns:160px 1fr;gap:24px;padding:12px 0;display:grid}.guide-tool dt{font-size:13px;font-weight:600}.guide-tool dd{color:var(--muted);margin:0;line-height:1.85}.guide-sources{overflow-wrap:anywhere;flex-wrap:wrap;gap:10px 20px;font-size:12px;display:flex}.guide-sources strong{color:var(--muted);font-weight:500}.guide-sources a{color:var(--accent)}.guide-checklist{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:28px;padding:28px}.guide-checklist ol{padding-left:24px}.guide-checklist li{padding:8px 0 8px 8px;line-height:1.9}.guide-checklist>p{color:var(--muted);margin-top:20px;font-size:13px}.tool-faq>p{color:inherit;overflow-wrap:anywhere;margin:6px 0 0;font-size:15px;line-height:1.8}.tool-faq h3{letter-spacing:-.2px;margin:26px 0 0;font-size:16px;font-weight:600}.tool-faq h3:first-of-type{margin-top:18px}.guide-actions,.guide-related>div{flex-wrap:wrap;gap:12px;display:flex}.guide-actions{margin-top:32px}.guide-related{border-top:1px solid var(--line);margin-top:48px;padding-top:28px}.guide-actions a,.guide-related a{white-space:normal}@media (width<=640px){.guide-intro{padding-top:32px}.guide-intro h1,html[lang=en] .guide-intro h1{letter-spacing:-1px;font-size:34px}.guide-answer{padding:20px}.guide-answer>p:last-child{font-size:15px}.guide-tool dl>div{grid-template-columns:1fr;gap:6px}.guide-checklist{padding:20px}.guide-tool-heading a{margin-left:54px}.guide-page h2{font-size:22px}.terminal-body{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.terminal-copy{align-self:flex-start}}.standards-header .button{white-space:nowrap}@media (width<=640px){.standards-header nav{display:none}}.standards-page{padding-bottom:56px}.standards-intro{padding:72px 0 56px}.standards-intro h1{font-size:clamp(36px,4.6vw,60px);line-height:1.2}.standards-intro .button{margin-top:28px}.standards-sources{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:40px;margin-bottom:56px;padding:32px 0;display:grid}.standards-sources h2,.standards-levels h2{letter-spacing:-.6px;font-size:24px;line-height:1.5}.standards-sources p{color:var(--muted);margin-top:12px;font-size:13px}.source-examples{grid-template-columns:1fr 1fr;gap:20px;display:grid}.source-examples>article{border:1px solid var(--line);border-radius:var(--radius);padding:20px}.criteria-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.criteria-grid article{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:24px}.criterion-number{color:var(--accent);font-variant-numeric:tabular-nums;margin-bottom:20px;font-size:24px;display:block}.criteria-grid h3{margin-bottom:12px;font-size:17px}.criteria-grid p{color:var(--muted);font-size:13px;line-height:1.9}.criteria-grid small{color:var(--muted);margin-top:16px;font-size:11px;display:block}.standards-levels{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);margin-top:56px;padding:32px}.standards-levels dl{margin:24px 0}.standards-levels dl>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:20px;padding:16px 0;display:grid}.standards-levels dt{font-size:13px;font-weight:600}.standards-levels dd{color:var(--muted);margin:0;font-size:13px}.standards-note{color:var(--muted);font-size:12px}.standards-bottom{grid-template-columns:1fr auto;align-items:center;gap:32px;padding-top:48px;display:grid}.standards-bottom h2{font-size:22px}.standards-bottom p{color:var(--muted);margin-top:12px;font-size:13px}.standards-bottom>div:last-child{flex-wrap:wrap;gap:8px;display:flex}@media (width<=1000px){.standards-sources{grid-template-columns:1fr}.criteria-grid{grid-template-columns:1fr 1fr}.standards-bottom{grid-template-columns:1fr}}@media (width<=640px){.standards-intro{padding:44px 0}.standards-intro h1{letter-spacing:-1.5px}.criteria-grid,.source-examples{grid-template-columns:1fr}.standards-levels{padding:20px}.standards-levels dl>div{grid-template-columns:1fr;gap:8px}}.brand-page{padding-bottom:40px}.brand-intro{padding-block:72px 48px}.brand-intro h1{font-size:clamp(40px,5vw,64px)}.spec-nav{color:var(--accent);flex-wrap:wrap;gap:24px;margin-top:32px;font-size:13px;display:flex}.spec-section{border-top:1px solid var(--line);padding-block:48px;scroll-margin-top:24px}.spec-heading{max-width:650px;margin-bottom:28px}.spec-heading .eyebrow{margin-bottom:8px}.spec-heading h2{letter-spacing:-1px;margin-bottom:14px;font-size:clamp(24px,3vw,32px)}.spec-heading>p:last-child,.spec-panel p,.motion-demo p{color:var(--muted);font-size:13px;line-height:1.9}.identity-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.logo-board{background:var(--surface);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:320px;display:flex}.logo-board-blue{color:#fff;background:#002fa7}.logo-board strong{letter-spacing:-1px;font-size:32px}.logo-board>span{font-size:12px}.logo-sizes{align-items:center;gap:24px;min-height:40px;display:flex}.asset-actions{flex-wrap:wrap;gap:10px;margin-block:20px;display:flex}.spec-note{color:var(--muted);margin-top:18px;font-size:12px;line-height:1.9}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:36px;display:grid}.swatch{border-radius:var(--radius);flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;display:flex}.swatch strong{font-size:13px;font-weight:500}.swatch span{font-size:12px}.swatch-blue{color:#fff;background:#002fa7}.swatch-ink{color:#fff;background:#19191d}.swatch-surface{color:#19191d;background:#f7f7f8}.swatch-white{color:#19191d;border:1px solid var(--line);background:#fff}.type-spec{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:40px;margin-top:36px;padding-top:28px;display:grid}.type-spec span{color:var(--faint);font-size:11px}.type-spec p{margin-block:14px}.type-display{letter-spacing:-1px;font-size:clamp(24px,3vw,34px);font-weight:650}.type-spec code,.motion-demo code{color:var(--accent);overflow-wrap:anywhere;font-size:12px}.page-map{border:1px solid var(--line);border-radius:var(--radius-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.page-map a{flex-direction:column;align-items:start;gap:14px;padding:24px;display:flex}.page-map a+a{border-left:1px solid var(--line)}.page-map a:hover{background:var(--surface)}.page-map span{color:var(--muted);font-size:11px}.page-map strong{font-size:17px;font-weight:600}.page-map p{color:var(--muted);flex:1;font-size:12px}.page-map small{color:var(--accent)}.component-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.spec-panel{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;padding:24px}.spec-panel h3{margin-bottom:20px;font-size:16px}.spec-panel p{margin-block:18px}.spec-panel>a:not(.button){color:var(--accent);font-size:12px}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.motion-demo{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.motion-tile{background:var(--surface);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:24px;min-height:240px;display:flex}.motion-tile:hover{background:var(--brand-tint)}.motion-tile:active{transform:scale(.98)}.motion-demo h3{margin-bottom:14px;font-size:24px}.motion-demo code{margin-top:20px;display:block}.spec-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding-top:28px;font-size:12px;display:flex}.spec-footer a{color:var(--accent)}@media (width<=1000px){.page-map{grid-template-columns:1fr 1fr}.page-map a:nth-child(3){border-left:0}.page-map a:nth-child(n+3){border-top:1px solid var(--line)}.motion-demo{gap:24px}}@media (width<=640px){.brand-intro{padding-block:40px}.spec-section{padding-block:32px}.identity-grid,.type-spec,.component-grid,.motion-demo,.page-map{grid-template-columns:1fr}.logo-board{min-height:280px}.token-grid{grid-template-columns:1fr 1fr}.swatch{padding:16px}.page-map a+a{border-left:0;border-top:1px solid var(--line)}.spec-footer{flex-direction:column;gap:12px}}@media (prefers-reduced-motion:reduce){.motion-tile:active{transform:none}}
