:root{--bg: oklch(9% .006 58);--surface: oklch(13% .008 60);--surface-raised: oklch(17% .01 60);--border: oklch(22% .009 60);--border-subtle: oklch(15% .007 60);--text-primary: oklch(90% .008 80);--text-muted: oklch(56% .012 65);--accent: oklch(64% .13 56);--accent-hover: oklch(68% .14 56);--accent-subtle: oklch(17% .04 56);--accent-text: oklch(97% .003 80);--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-pill: 9999px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 40px;--sp-2xl: 64px;--font: "General Sans", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", monospace}@media (prefers-color-scheme: light){:root{--bg: oklch(96% .007 78);--surface: oklch(92% .009 76);--surface-raised: oklch(88% .011 74);--border: oklch(80% .01 72);--border-subtle: oklch(88% .007 76);--text-primary: oklch(13% .01 60);--text-muted: oklch(44% .014 65);--accent: oklch(56% .13 56);--accent-hover: oklch(60% .14 56);--accent-subtle: oklch(93% .024 72);--accent-text: oklch(97% .003 80)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);font-size:.9375rem;line-height:1.6;color:var(--text-primary);background:var(--bg);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}button{font:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:var(--sp-xl)}@media (max-width: 640px){.container{padding-inline:var(--sp-md)}}.page-header{padding-block:var(--sp-2xl) var(--sp-xl)}.page-header__eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--sp-sm);display:block}.page-header__title{font-size:clamp(2.25rem,5vw,3.5rem);font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--text-primary);margin-bottom:var(--sp-xl)}.search-wrap{position:relative;max-width:480px}.search-icon{position:absolute;left:14px;top:50%;translate:0 -50%;color:var(--text-muted);pointer-events:none;width:16px;height:16px;flex-shrink:0}.search-input{width:100%;padding:11px 16px 11px 42px;font-family:var(--font);font-size:.9375rem;color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);outline:none;transition:border-color .14s ease-out,box-shadow .14s ease-out}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.category-group{margin-top:var(--sp-xl)}.category-group+.category-group{margin-top:var(--sp-2xl)}.category-label{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-lg)}.category-label__text{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.category-label__line{flex:1;height:1px;background:var(--border-subtle)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-md);align-items:start}.skill-card{background:var(--surface);border-radius:var(--r-lg);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-sm);transition:background .12s ease-out}.skill-card:hover{background:var(--surface-raised)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm)}.card-icon{font-size:1.5rem;line-height:1;display:block;flex-shrink:0}.card-author{font-size:.75rem;font-weight:500;color:var(--text-muted);letter-spacing:.01em}.card-name{font-size:1rem;font-weight:600;letter-spacing:-.01em;line-height:1.25;color:var(--text-primary)}.card-desc{font-size:.875rem;color:var(--text-muted);line-height:1.55;flex-grow:1}.card-footer{display:flex;flex-direction:column;gap:var(--sp-sm);margin-top:var(--sp-xs)}.card-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.75rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--r-pill);padding:2px 8px}.btn-install{width:100%;padding:9px 16px;background:var(--accent);color:var(--accent-text);font-family:var(--font);font-size:.875rem;font-weight:600;border-radius:var(--r-md);transition:background .12s ease-out,opacity .12s ease-out;text-align:center}.btn-install:hover:not(:disabled){background:var(--accent-hover)}.btn-install:disabled{opacity:.65;cursor:not-allowed}#no-results{padding-block:var(--sp-2xl);text-align:center;color:var(--text-muted);font-size:.9375rem}.page-footer{margin-top:var(--sp-2xl);padding-block:var(--sp-xl);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.8125rem}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}