.skills-page{--sl-bg:#0a0a0f;--sl-card:rgba(255,255,255,0.04);--sl-card-border:rgba(255,255,255,0.08);--sl-fg:#f1f5f9;--sl-fg-dim:rgba(241,245,249,0.72);--sl-fg-faint:rgba(241,245,249,0.5);--sl-accent:#14b8a6;--sl-accent-hover:#0d9488;--sl-warn:#f59e0b;--sl-radius:14px;color:var(--sl-fg)}html:not(.dark) .skills-page{--sl-bg:#f8fafc;--sl-card:#ffffff;--sl-card-border:#e2e8f0;--sl-fg:#0f172a;--sl-fg-dim:#475569;--sl-fg-faint:#94a3b8}.skill-thumb{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;isolation:isolate}.skill-thumb.thumb-v{aspect-ratio:9/16}.skill-thumb.thumb-h{aspect-ratio:16/9}.thumb-pattern{position:absolute;inset:0;z-index:0;pointer-events:none}.thumb-pattern svg{display:block}.thumb-glow{position:absolute;inset:-30%;z-index:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.14),transparent 60%);pointer-events:none;filter:blur(8px)}.thumb-emoji{position:relative;z-index:1;font-size:clamp(3.2rem,10vw,5.6rem);line-height:1;filter:drop-shadow(0 4px 14px rgba(0,0,0,.45)) drop-shadow(0 1px 2px rgba(0,0,0,.35));transition:transform .4s cubic-bezier(.2,1.2,.6,1)}.agent-card:hover .thumb-emoji{transform:translateY(0) scale(1.08) rotate(-3deg)}.thumb-code{position:absolute;left:8px;bottom:6px;z-index:2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.95);background:rgba(0,0,0,.45);backdrop-filter:blur(6px);padding:3px 7px;border-radius:5px;border:1px solid rgba(255,255,255,.1)}.skill-thumb-image{background:#0b0b0e}.thumb-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0;transition:transform .5s cubic-bezier(.2,1.2,.6,1)}.agent-card:hover .thumb-photo{transform:scale(1.04)}.setup{margin:24px 0 32px;border:1px solid var(--sl-card-border);background:var(--sl-card);border-radius:var(--sl-radius);padding:24px}.setup-mini{display:flex;align-items:center;gap:12px}.setup-mini svg{width:20px;height:20px;color:var(--sl-accent);flex:0 0 auto}.setup-mini-text b{display:block;font-weight:600;font-size:14px}.setup-mini-text em{font-style:normal;color:var(--sl-fg-dim);font-size:13px}.setup-mini-btn{margin-left:auto;padding:8px 14px;border-radius:999px;background:var(--sl-accent);color:#fff;font-size:13px;font-weight:600;border:0;cursor:pointer}.setup-mini-btn:hover{background:var(--sl-accent-hover)}.setup-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.setup-head h2{font-size:22px;font-weight:700;margin:0 0 4px}.setup-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn-tutorial{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:transparent;color:var(--sl-fg-dim);border:1px solid var(--sl-card-border);font-size:12px;font-weight:600;text-decoration:none}.btn-tutorial:hover{color:var(--sl-fg);border-color:var(--sl-accent)}.btn-tutorial svg{width:14px;height:14px}.setup-hide{background:transparent;border:0;color:var(--sl-fg-faint);font-size:12px;cursor:pointer;padding:7px 10px}.setup-hide:hover{color:var(--sl-fg)}.setup-explainer{margin:16px 0;padding:14px 16px;border-radius:10px;background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.25);color:var(--sl-fg-dim);font-size:14px;line-height:1.55}.setup-explainer code{background:rgba(0,0,0,.35);padding:1px 6px;border-radius:4px;font-size:12px}.setup-steps{display:grid;gap:20px}.setup-step{display:grid;grid-template-columns:36px 1fr;gap:10px 14px;align-items:start}.step-num{grid-row:span 3;width:32px;height:32px;border-radius:999px;background:var(--sl-accent);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.step-title{font-weight:700;font-size:15px}.step-body{color:var(--sl-fg-dim);font-size:14px;line-height:1.5}.copy-field{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.3);border:1px solid var(--sl-card-border);padding:10px 12px;border-radius:10px;margin-top:8px;overflow:hidden}html:not(.dark) .copy-field{background:#f1f5f9}.copy-field code{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--sl-fg);overflow-x:auto;white-space:nowrap}.copy-btn{display:inline-flex;align-items:center;gap:6px;background:var(--sl-accent);color:#fff;border:0;padding:7px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer}.copy-btn:hover{background:var(--sl-accent-hover)}.copy-btn svg{width:13px;height:13px}.client-switch{display:flex;gap:6px;margin:8px 0 12px;flex-wrap:wrap}.client-switch button{background:transparent;border:1px solid var(--sl-card-border);color:var(--sl-fg-dim);padding:6px 12px;font-size:12px;font-weight:600;border-radius:999px;cursor:pointer}.client-switch button.active{background:var(--sl-fg);color:var(--sl-bg);border-color:var(--sl-fg)}.client-path{display:none}.client-path.active{display:block}.path-crumbs{color:var(--sl-fg-dim);font-size:13px;line-height:1.6;margin-top:10px}.path-crumbs b{color:var(--sl-fg);font-weight:600}.path-note{font-size:12px;color:var(--sl-fg-faint);margin-top:10px;line-height:1.5}.btn-add-claude{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f97316,#d97706);color:#fff;font-weight:700;text-decoration:none;border-radius:999px;font-size:14px}.btn-add-claude:hover{filter:brightness(1.08)}.btn-add-claude svg{width:16px;height:16px}.search-row{display:flex;gap:10px;align-items:center;margin:24px 0 12px;flex-wrap:wrap}.search-input{flex:1;min-width:220px;background:var(--sl-card);border:1px solid var(--sl-card-border);color:var(--sl-fg);border-radius:999px;padding:11px 16px 11px 42px;font-size:14px;outline:none;background-position:14px 50%;background-repeat:no-repeat;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")}.search-input:focus{border-color:var(--sl-accent);box-shadow:0 0 0 4px rgba(20,184,166,.18)}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px}.chip{background:var(--sl-card);border:1px solid var(--sl-card-border);color:var(--sl-fg-dim);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer}.chip:hover{color:var(--sl-fg)}.chip.active{background:var(--sl-fg);color:var(--sl-bg);border-color:var(--sl-fg)}.chip-count{opacity:.65;margin-left:4px}.agent-section{margin-top:42px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0}.section-heading p{color:var(--sl-fg-dim);margin:4px 0 0;font-size:14px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.agent-card{display:grid;grid-template-columns:110px 1fr;gap:14px;background:var(--sl-card);border:1px solid var(--sl-card-border);border-radius:var(--sl-radius);padding:14px;transition:border-color .15s,transform .15s}.agent-card:hover{border-color:var(--sl-accent);transform:translateY(-1px)}.agent-card.hidden{display:none}.agent-card.card-top{grid-template-columns:1fr}.agent-card.card-top .skill-thumb{aspect-ratio:16/9;width:100%}.card-right{display:flex;flex-direction:column;gap:8px;min-width:0}.card-header{display:flex;justify-content:space-between;align-items:start;gap:6px}.agent-name{font-weight:700;font-size:15px;line-height:1.2}.id-chip{display:inline-flex;gap:4px;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;background:rgba(20,184,166,.14);color:var(--sl-accent);border:0;cursor:pointer;padding:3px 7px;border-radius:5px;flex-shrink:0}.id-chip:hover{background:rgba(20,184,166,.22)}.id-chip svg{width:11px;height:11px}.agent-desc{color:var(--sl-fg-dim);font-size:13px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.card-btn,.card-btn-outline{padding:7px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;text-decoration:none;border:1px solid transparent}.card-btn{background:var(--sl-accent);color:#fff;border-color:var(--sl-accent)}.card-btn:hover{background:var(--sl-accent-hover);border-color:var(--sl-accent-hover)}.card-btn-outline{background:transparent;color:var(--sl-fg);border-color:var(--sl-card-border)}.card-btn-outline:hover{border-color:var(--sl-accent);color:var(--sl-accent)}.card-warn{margin-top:4px;background:transparent;border:0;padding:0;color:var(--sl-warn);font-size:11px;font-weight:600;cursor:pointer;text-align:left}.card-warn:hover{text-decoration:underline}.show-more-wrap{text-align:center;margin-top:18px}.show-more-btn{background:transparent;border:1px solid var(--sl-card-border);color:var(--sl-fg);padding:8px 20px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer}.show-more-btn:hover{border-color:var(--sl-accent);color:var(--sl-accent)}.no-results{margin:40px 0;text-align:center;color:var(--sl-fg-dim);padding:40px 20px;background:var(--sl-card);border:1px dashed var(--sl-card-border);border-radius:var(--sl-radius)}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#0f172a;color:#fff;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 10px 32px rgba(0,0,0,.4);z-index:100;pointer-events:none;animation:toastin .3s ease,toastout .3s ease 2s forwards}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastout{to{opacity:0;transform:translate(-50%,10px)}}@media (max-width:640px){.agent-card{grid-template-columns:92px 1fr;padding:12px;gap:10px}.cards-grid{grid-template-columns:1fr}.agent-desc{-webkit-line-clamp:4}}.agent-card{position:relative}.agent-card .card-link{position:absolute;inset:0;z-index:1;border-radius:inherit}.agent-card .card-link:focus-visible{outline:2px solid var(--sl-accent);outline-offset:2px}.agent-card .card-right,.agent-card .skill-thumb{position:relative;z-index:2}.agent-card .card-btns,.agent-card .card-warn,.agent-card .id-chip{position:relative;z-index:3}.skill-detail-hero{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:24px}.skill-detail-hero .skill-thumb{width:100%;aspect-ratio:9/16;max-height:320px}.skill-detail-hero-right{min-width:0}.skill-detail-hero-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.skill-detail-hero h1{font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.1;overflow-wrap:anywhere}.skill-detail-hero p.lede{color:var(--sl-fg-dim);font-size:16px;line-height:1.55;margin:12px 0 0;overflow-wrap:anywhere}.skill-detail-compat{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}.skill-detail-compat .pill{font-size:11px;color:var(--sl-fg-dim);border:1px solid var(--sl-card-border);background:var(--sl-card);padding:2px 8px;border-radius:4px}.prose-skill{max-width:100%;overflow-wrap:anywhere;word-break:break-word}.prose-skill h1,.prose-skill h2,.prose-skill h3{font-weight:700;letter-spacing:-.01em;margin:20px 0 10px}.prose-skill h1{font-size:20px}.prose-skill h2{font-size:17px}.prose-skill h3{font-size:15px;color:var(--sl-fg-dim)}.prose-skill p{margin:10px 0}.prose-skill ol,.prose-skill ul{margin:10px 0 10px 22px;padding:0}.prose-skill li{margin:4px 0}.prose-skill a{color:var(--sl-accent);text-decoration:underline}.prose-skill pre,.skill-pre{max-width:100%;overflow-x:auto;padding:10px 12px;background:rgba(0,0,0,.3);border-radius:8px;margin:10px 0;font-size:12px;line-height:1.5}.prose-skill pre code,.skill-pre code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;color:inherit;background:transparent;padding:0}.prose-skill code,.skill-inline-code{background:rgba(0,0,0,.3);padding:1px 6px;border-radius:4px;font-size:.92em;word-break:break-word;overflow-wrap:anywhere}.install-details pre{max-width:100%;overflow-x:auto}.install-details pre code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.related-grid a{display:block;padding:12px;background:var(--sl-card);border:1px solid var(--sl-card-border);border-radius:10px;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.related-grid a:hover{border-color:var(--sl-accent);transform:translateY(-1px)}@media (max-width:640px){.skill-detail-hero{grid-template-columns:1fr;gap:16px}.skill-detail-hero .skill-thumb{max-width:220px;margin:0 auto}}