.skills-route{flex:1}.skills-page{padding-bottom:clamp(3rem,6vw,4.5rem);padding-top:calc(3.75rem + clamp(1.25rem,3vw,1.75rem))}@media(min-width:768px){.skills-page{padding-top:calc(4.25rem + clamp(1.5rem,4vw,2rem))}}.skills-page__inner{display:flex;flex-direction:column;gap:clamp(1.5rem,3.5vw,2.25rem);margin-inline:auto;max-width:72rem}.skills-page__eyebrow{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;margin:0 0 .65rem;text-transform:uppercase}.skills-page__title{color:var(--color-heading);font-family:var(--font-brand);font-size:clamp(1.75rem,4vw,2.35rem);font-weight:700;letter-spacing:.01em;line-height:1.2;margin:0}.skills-page__summary{color:var(--color-muted-foreground);font-size:var(--text-base);line-height:1.7;margin:.85rem 0 0;text-wrap:pretty}.skills-catalog{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:768px){.skills-catalog{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-catalog__card{align-items:flex-start;background:#ffffff85;border:1px solid var(--color-border);border-radius:var(--radius-card);cursor:pointer;display:flex;flex-direction:column;gap:.45rem;margin:0;padding:1.1rem 1.15rem;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.skills-catalog__card:hover{border-color:color-mix(in srgb,var(--color-brand-600) 22%,var(--color-border))}.skills-catalog__card--active{background:color-mix(in srgb,var(--color-brand-600) 5%,#fff);border-color:color-mix(in srgb,var(--color-brand-600) 55%,var(--color-border));border-width:2px;box-shadow:0 14px 36px -28px #5728e659;padding:calc(1.1rem - 1px) calc(1.15rem - 1px)}.skills-catalog__tag{color:var(--color-brand-600);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em}.skills-catalog__name{color:var(--color-heading);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9375rem;font-weight:600;line-height:1.35}.skills-catalog__blurb{color:var(--color-muted-foreground);font-size:var(--text-sm);line-height:1.6;text-wrap:pretty}.skills-agents,.skills-install{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff94;border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:0 1px 2px #26251e08;display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.35rem}.skills-install__intro{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;justify-content:space-between}.skills-install__summary{color:var(--color-muted-foreground);font-size:var(--text-sm);line-height:1.65;margin:.45rem 0 0;max-width:42rem}.skills-install__note{background:var(--color-surface-2);border-radius:.5rem;color:var(--color-muted-foreground);font-size:var(--text-xs);line-height:1.55;margin:0;padding:.65rem .75rem}.skills-install__note code{color:var(--color-heading);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem}.skills-agents__title,.skills-install__title{color:var(--color-heading);font-family:var(--font-brand);font-size:1.125rem;font-weight:700;margin:0}.skills-install__doc{align-items:center;color:var(--color-brand-600);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:.25rem;text-decoration:none}.skills-install__doc:hover{text-decoration:underline}.skills-install__doc-icon{height:.875rem;width:.875rem}.skills-agents__desc,.skills-install__hint,.skills-install__repo{color:var(--color-muted-foreground);font-size:var(--text-sm);line-height:1.65;margin:0}.skills-install__hint a,.skills-install__repo a{color:var(--color-brand-600);text-decoration:underline;text-underline-offset:2px}.skills-prompt{display:flex;flex-direction:column;gap:.55rem}.skills-prompt__label{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em}.skills-prompt__window{background:#fff;border:1px solid rgba(26,26,23,.1);border-radius:.8rem;box-shadow:inset 0 1px #fffc,0 20px 48px -32px #1a1a1759;overflow:hidden}.skills-prompt__titlebar{align-items:center;background:color-mix(in srgb,var(--color-surface-2) 38%,#fff);border-bottom:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);display:flex;min-height:2.35rem;padding:0 .95rem;position:relative}.skills-prompt__dots{display:inline-flex;gap:.45rem}.skills-prompt__dots i{background:color-mix(in srgb,var(--color-border-strong) 80%,#fff);border-radius:999px;display:block;height:.62rem;width:.62rem}.skills-prompt__dots i:first-child{background:color-mix(in srgb,#e8b4a8 72%,#fff)}.skills-prompt__dots i:nth-child(2){background:color-mix(in srgb,#e8d9a6 72%,#fff)}.skills-prompt__dots i:nth-child(3){background:color-mix(in srgb,#c5d4bc 72%,#fff)}.skills-prompt__title{color:color-mix(in srgb,var(--color-muted-foreground) 88%,var(--color-heading));font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-size:.6875rem;font-weight:500;left:50%;letter-spacing:.02em;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.skills-prompt__body{align-items:stretch;background:#26251e;display:flex;flex-direction:column;gap:.75rem;padding:.85rem .75rem .85rem .85rem}@media(min-width:640px){.skills-prompt__body{align-items:center;flex-direction:row;gap:.65rem;padding:.75rem .65rem .75rem .85rem}}.skills-prompt__text{align-items:center;color:#eceae4;display:flex;flex:1;flex-wrap:wrap;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-size:.8125rem;font-weight:400;letter-spacing:0;line-height:1.65;margin:0;min-width:0;text-wrap:pretty;word-break:break-word}.skills-prompt__body ::-moz-selection{background:#ffffff38;color:#fff}.skills-prompt__body ::selection{background:#ffffff38;color:#fff}.skills-prompt__caret{align-self:flex-start;color:#8bda7a;flex-shrink:0;font-weight:700;line-height:1.65;margin-right:.35rem}.skills-prompt__plain{color:#d8d6cf}.skills-prompt__link{color:#7ec8ff;text-decoration:underline;text-decoration-color:#7ec8ff59;text-underline-offset:2px;word-break:break-all}.skills-prompt__link:hover{color:#a8dcff;text-decoration-color:#a8dcffa6}.skills-prompt__skill{background:transparent;border:none;border-radius:0;color:#f5d565;font-weight:600;padding:0}.skills-prompt__copy{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.1);border-radius:.45rem;color:#c9c7bf;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:var(--font-mono,"JetBrains Mono",ui-monospace,monospace);font-size:.6875rem;font-weight:600;gap:.35rem;justify-content:center;letter-spacing:.03em;margin:0;min-height:2rem;padding:0 .75rem;text-transform:uppercase;transition:color .15s ease,background .15s ease,border-color .15s ease}.skills-prompt__copy:hover{background:#ffffff1a;border-color:#ffffff29;color:#fff}.skills-prompt__copy-icon{height:.875rem;width:.875rem}.skills-prompt__copy-text{line-height:1}.skills-agents__grid{display:grid;gap:.65rem;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}@media(min-width:640px){.skills-agents__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.skills-agents__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.skills-agents__card{align-items:center;background:#ffffffb8;border:1px solid var(--color-border);border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.45rem;justify-content:center;min-height:5.25rem;padding:.75rem .5rem;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.skills-agents__card:hover{border-color:color-mix(in srgb,var(--color-brand-600) 28%,var(--color-border))}.skills-agents__card--active{background:color-mix(in srgb,var(--color-brand-600) 6%,#fff);border-color:color-mix(in srgb,var(--color-brand-600) 42%,var(--color-border));box-shadow:0 8px 24px -18px #5728e673}.skills-agents__label{color:var(--color-heading);font-size:.6875rem;font-weight:600;letter-spacing:.01em;line-height:1.25;text-align:center}.skill-agent-icon{background:#ffffffd9;border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 1px 2px #26251e0a;display:block;flex-shrink:0;height:2.25rem;overflow:hidden;width:2.25rem}.skill-agent-icon__img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.skills-agents__path{background:var(--color-surface-2);border-radius:.55rem;display:flex;flex-direction:column;gap:.35rem;margin:.25rem 0 0;padding:.75rem .85rem}.skills-agents__path-label{color:var(--color-muted-foreground);font-size:var(--text-xs);font-weight:600}.skills-agents__path-value{color:var(--color-heading);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5;word-break:break-all}.feature-card{--feature-accent:108,60,255;--feature-accent-alt:34,211,238;animation:feature-card-in .65s cubic-bezier(.22,1,.36,1) backwards;animation-delay:var(--feature-delay,0s);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-card-lg);box-shadow:var(--shadow-card);overflow:hidden;position:relative;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease}.feature-card:hover{border-color:rgba(var(--feature-accent),.22);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.feature-card--cyan{--feature-accent:34,211,238;--feature-accent-alt:108,60,255}.feature-card--pink{--feature-accent:244,114,182;--feature-accent-alt:108,60,255}.feature-card--emerald{--feature-accent:52,211,153;--feature-accent-alt:34,211,238}.feature-card__border{background:linear-gradient(145deg,rgba(var(--feature-accent),.2),transparent 45%,transparent 55%,rgba(var(--feature-accent-alt),.12));border-radius:inherit;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .35s ease}.feature-card:hover .feature-card__border{opacity:1}.feature-card__shine{background:linear-gradient(105deg,transparent 40%,rgba(0,0,0,.03) 50%,transparent 60%);inset:0;pointer-events:none;position:absolute;transform:translate(-100%);transition:transform .7s ease}.feature-card:hover .feature-card__shine{transform:translate(100%)}.feature-card__orb{background:radial-gradient(circle at center,rgba(var(--feature-accent),.12) 0,transparent 70%);border-radius:50%;filter:blur(24px);height:7rem;opacity:.35;pointer-events:none;position:absolute;right:-2.5rem;top:-2.5rem;transition:opacity .3s ease;width:7rem}.feature-card:hover .feature-card__orb{opacity:.55}.feature-card__body{padding:1.25rem 1.375rem 1.375rem;position:relative;z-index:1}@media(min-width:768px){.feature-card__body{padding:1.375rem 1.5rem 1.5rem}}.feature-card__header{margin-bottom:.625rem}.feature-card__lead{align-items:center;display:flex;flex:1;gap:.625rem;min-width:0}.feature-card__icon{align-items:center;background:rgba(var(--feature-accent),.08);border:1px solid rgba(var(--feature-accent),.1);border-radius:.625rem;display:flex;flex-shrink:0;height:2.25rem;justify-content:center;width:2.25rem}.feature-card__icon-svg{color:rgba(var(--feature-accent),1);height:1.125rem;transition:color .2s ease;width:1.125rem}.feature-card__icon-svg :deep(svg){height:1.125rem;stroke-width:1.75;width:1.125rem}.feature-card:hover .feature-card__icon-svg{color:rgba(var(--feature-accent),1)}@media(min-width:768px){.feature-card__icon-svg,.feature-card__icon-svg :deep(svg){height:1.125rem;width:1.125rem}}.feature-card__title{color:var(--color-heading);flex:1;font-size:1rem;font-weight:600;letter-spacing:-.02em;line-height:1.45;margin:0;min-width:0}@media(min-width:768px){.feature-card__title{font-size:1.0625rem}}.feature-card__desc{color:var(--color-muted-foreground);font-size:.8125rem;line-height:1.6;margin:.375rem 0 0}@media(min-width:768px){.feature-card__desc{font-size:.875rem}}.feature-card__tags{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;margin:.875rem 0 0;padding:0}.feature-card__tags li{background:var(--color-surface-2);border:1px solid transparent;border-radius:9999px;color:var(--color-muted-foreground);font-size:.6875rem;font-weight:500;padding:.25rem .5625rem;transition:color .25s ease,border-color .25s ease,background .25s ease}.feature-card:hover .feature-card__tags li{background:rgba(var(--feature-accent),.06);border-color:rgba(var(--feature-accent),.12);color:var(--color-foreground)}@keyframes feature-card-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.feature-card{animation:none}.feature-card__shine{display:none}.feature-card:hover{transform:none}}.section-intro--wide{max-width:48rem}.page-sections>section .section-intro--wide{margin-inline:auto;max-width:72rem;text-align:left}.page-sections>section .section-intro--wide .section-eyebrow{margin:0 0 .875rem}.page-sections>section .section-intro--wide .section-title{margin-top:0}.page-sections>section .section-intro--wide .section-desc--wrap{margin-inline:0;max-width:48rem}.section-eyebrow{align-items:center;background:none;border:none;color:var(--color-muted-foreground);display:inline-flex;font-size:.8125rem;font-weight:700;letter-spacing:.05em;line-height:1.4;margin:0 0 .625rem;padding:0;position:relative;text-transform:none}.section-eyebrow:after{display:none}.page-sections .section-intro .section-eyebrow{margin-inline:0}.section-title{color:var(--color-heading);font-family:var(--font-brand);font-size:clamp(1.875rem,3.4vw,2.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.22;margin-top:0;text-wrap:balance}.section-title__accent{color:var(--color-brand-600)}.section-desc{color:color-mix(in srgb,var(--color-foreground) 55%,var(--color-muted-foreground));font-family:var(--font-sans);font-size:clamp(.9375rem,1.7vw,1.0625rem);font-weight:400;letter-spacing:0;line-height:1.75;margin-top:clamp(.75rem,1.6vw,1rem);margin-inline:0;max-width:none;text-align:left;white-space:normal}.section-desc--wrap{max-width:40rem;white-space:normal;text-wrap:pretty}.section-intro+.section-body{margin-top:clamp(1.125rem,2.5vw,1.625rem)}.section-body{margin-top:var(--space-section-gap)}.section-card-grid{gap:.75rem}@media(min-width:768px){.section-card-grid{gap:1rem}}.section-card{padding:1.25rem 1.375rem}@media(min-width:768px){.section-card{padding:1.375rem 1.5rem}}