.skills-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:56px;background:#0a0c10eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-lockup{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-open{font-family:var(--font-mono);font-size:.5rem;letter-spacing:4px;color:var(--ghost);text-transform:uppercase}.nav-motoko{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--fg);letter-spacing:-.5px}.nav-links{display:flex;gap:24px}.nav-link{font-family:var(--font-mono);font-size:.75rem;color:var(--ghost);text-decoration:none;letter-spacing:.5px;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--fg)}.skills-hero{padding:120px 32px 48px;text-align:center;max-width:720px;margin:0 auto}.skills-hero .section-label{display:block;font-family:var(--font-mono);font-size:.625rem;letter-spacing:4px;color:var(--pulse);margin-bottom:16px}.skills-hero h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--fg);margin:0 0 12px}.skills-hero p{color:var(--ghost);font-size:.9rem;line-height:1.6;margin:0 0 32px}.skills-search-wrap{max-width:480px;margin:0 auto 20px}#skill-search{width:100%;padding:12px 20px;background:var(--surface);border:1px solid var(--line);border-radius:0;color:var(--fg);font-family:var(--font-mono);font-size:.85rem;outline:none;transition:border-color .2s}#skill-search::placeholder{color:var(--ghost);opacity:.5}#skill-search:focus{border-color:var(--pulse)}.skills-stats{display:flex;justify-content:center;align-items:center;gap:16px;font-family:var(--font-mono);font-size:.7rem;color:var(--ghost);letter-spacing:1px;text-transform:uppercase}.stat-sep{width:4px;height:4px;background:var(--pulse);border-radius:50%}.skills-list{padding:0 32px 80px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;max-width:1100px;margin:0 auto}.skills-loading,.skills-empty{grid-column:1 / -1;text-align:center;color:var(--ghost);font-family:var(--font-mono);font-size:.8rem;padding:60px 0}.skill-card{background:var(--surface);border:1px solid var(--line);padding:20px;transition:border-color .2s}.skill-card:hover{border-color:var(--pulse)}.skill-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.skill-name-row{display:flex;align-items:center;gap:10px}.skill-name-row h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--fg);margin:0}.skill-grade{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1.5px solid;font-family:var(--font-mono);font-size:.7rem;font-weight:700;flex-shrink:0}.skill-version{font-family:var(--font-mono);font-size:.65rem;color:var(--ghost);opacity:.6;white-space:nowrap}.skill-desc{color:var(--ghost);font-size:.8rem;line-height:1.5;margin:0 0 14px}.skill-meta{display:flex;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:.65rem;color:var(--ghost);opacity:.7;margin-bottom:14px}.skill-install{background:#0000004d;padding:8px 12px;border:1px solid var(--line)}.skill-install code{font-family:var(--font-mono);font-size:.72rem;color:var(--pulse);-webkit-user-select:all;user-select:all}@media(max-width:640px){.skills-nav{padding:0 16px}.skills-hero{padding:100px 16px 32px}.skills-list{padding:0 16px 60px}.skills-grid{grid-template-columns:1fr}.nav-links{gap:16px}}