:root{color-scheme:dark light;--bg: #0c0c0e;--surface: #16161a;--border: #2a2a30;--text: #f4f4f5;--muted: #a1a1aa;--accent: #7dd3fc;--accent-dim: #0369a1;--pill: #27272a;--font: "DM Sans", system-ui, sans-serif}@media (prefers-color-scheme: light){:root{--bg: #fafafa;--surface: #ffffff;--border: #e4e4e7;--text: #18181b;--muted: #71717a;--accent: #0369a1;--accent-dim: #7dd3fc;--pill: #f4f4f5}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;overflow-x:hidden}#root{overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{width:100%;max-width:1540px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(.75rem,4vw,2.25rem) clamp(2.5rem,6vw,4rem);padding-left:max(clamp(.75rem,4vw,2.25rem),env(safe-area-inset-left,0px));padding-right:max(clamp(.75rem,4vw,2.25rem),env(safe-area-inset-right,0px))}.hero{margin-bottom:2rem}.hero-brand{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.35rem}.hero-logo{flex-shrink:0;width:52px;height:52px;border-radius:14px;box-shadow:0 0 0 1px var(--border)}.hero h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;letter-spacing:-.03em;margin:0;line-height:1.15}.hero-sub{font-weight:400;color:var(--muted)}.hero-lead{margin:0;color:var(--muted);max-width:min(85ch,100%);font-size:1.08rem;line-height:1.6}.hero-lead strong{color:color-mix(in srgb,var(--text) 75%,var(--muted));font-weight:600}.hero-lead code,.note code{overflow-wrap:anywhere;word-break:break-word}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:stretch;margin-bottom:1.25rem}.search{flex:1 1 220px;min-width:0}.search input{width:100%;max-width:100%;padding:.65rem .85rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}@media (max-width: 560px){.search input{min-height:44px}}.select-client{padding:.65rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;min-width:min(100%,10rem);max-width:100%}@media (max-width: 560px){.toolbar{flex-direction:column}.search{flex:none;width:100%}.select-client{width:100%;min-height:44px}}.filters-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);width:100%;margin:.25rem 0 0;line-height:1.35;overflow-wrap:anywhere}.filters-label-short{display:none}@media (max-width: 560px){.filters-label-full{display:none}.filters-label-short{display:inline}}@media (max-width: 480px){.filters-label{font-size:.68rem;letter-spacing:.05em}}.pills{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.25rem}.pill-eco{font-weight:600}.pill{border:1px solid var(--border);background:var(--pill);color:var(--text);padding:.35rem .65rem;border-radius:999px;font-size:.8rem;cursor:pointer;font-family:inherit;touch-action:manipulation;text-align:center}@media (max-width: 560px){.pill{padding:.5rem .85rem;min-height:44px;font-size:.85rem}}.pill[data-on=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.stats{font-size:.85rem;color:var(--muted);margin-bottom:1rem;line-height:1.45;overflow-wrap:anywhere}.list{display:flex;flex-direction:column;gap:.75rem}.list-grid{display:grid;grid-template-columns:1fr;gap:.85rem}.list-grid>.card{min-width:0}@media (min-width: 880px){.list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{border:1px solid var(--border);border-radius:12px;padding:1.15rem 1.25rem;background:var(--surface);display:flex;flex-direction:column;min-height:100%}.card-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;align-items:baseline}.skill-name{font-weight:600;font-size:1.05rem;overflow-wrap:anywhere;word-break:break-word}.publisher{font-size:.78rem;color:var(--muted);line-height:1.35;text-align:right;max-width:min(100%,42ch);overflow-wrap:anywhere;word-break:break-word}@media (max-width: 680px){.card-top{flex-direction:column;align-items:flex-start;gap:.35rem}.publisher{text-align:left;max-width:100%}}.desc{margin:.45rem 0 .65rem;font-size:.92rem;color:color-mix(in srgb,var(--text) 88%,var(--muted));overflow-wrap:anywhere}.cmd-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch;margin-top:.5rem}.cmd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.68rem,2.8vw,.76rem);padding:.45rem .55rem;border-radius:6px;background:var(--bg);border:1px solid var(--border);flex:1 1 min(100%,200px);min-width:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}@media (max-width: 680px){.cmd-row{flex-direction:column;align-items:stretch}.cmd{flex:none;width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;overflow-x:visible}}.card-link{margin:.5rem 0 0;font-size:.82rem}.card .cmd-row:last-of-type{margin-bottom:0}.copy{border:1px solid var(--border);background:transparent;color:var(--text);padding:.45rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;font-family:inherit;touch-action:manipulation;flex-shrink:0}.copy:hover{border-color:var(--accent)}@media (max-width: 680px){.copy{width:100%;min-height:44px;padding:.55rem .85rem}}.clients{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.client-tag{font-size:.7rem;padding:.15rem .45rem;border-radius:4px;background:var(--pill);color:var(--muted)}.muted{color:var(--muted)}.note{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:.85rem;color:var(--muted);overflow-wrap:anywhere;line-height:1.55}.note a{overflow-wrap:anywhere}.err{padding:1rem;border:1px solid #f97316;border-radius:8px;background:color-mix(in srgb,#f97316 12%,var(--surface));color:var(--text);overflow-wrap:anywhere}@media (max-width: 420px){.hero-brand{gap:.75rem}.hero-logo{width:44px;height:44px;border-radius:12px}.hero h1{font-size:clamp(1.5rem,8vw,2rem)}.hero-lead{font-size:.98rem}.card{padding:1rem .9rem}}