:root{--bg:#f8f2ed;--bg-soft:#fdf7f2;--bg-glow-1:#ffe1d4;--bg-glow-2:#ffe8d8;--surface:#fff;--surface-muted:#f7efe9;--nav-bg:#f8f2ede0;--ink:#2a1f19;--ink-soft:#6b5549;--accent:#e65c46;--accent-deep:#bf3f30;--seafoam:#209e92;--gold:#e7bb67;--line:#2a1f1924;--border-ui:#bf3f3047;--border-ui-hover:#bf3f306b;--border-ui-active:#bf3f309e;--shadow:0 22px 52px #2c1c141c;--radius-lg:20px;--radius-md:14px;--radius-sm:9px;--radius-pill:14px;--font-display:"Bricolage Grotesque", "Manrope", sans-serif;--font-body:"Manrope", "Bricolage Grotesque", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--danger:#ab3a27}[data-theme=dark]{--bg:#14110f;--bg-soft:#1f1a18;--bg-glow-1:#4a251a;--bg-glow-2:#4a3020;--surface:#241e1b;--surface-muted:#2d2622;--nav-bg:#14110fe0;--ink:#f2ece9;--ink-soft:#a89991;--accent:#ff8566;--accent-deep:#ff6b4a;--seafoam:#3bc7b9;--gold:#f0c97d;--line:#ffffff1a;--border-ui:#ffffff26;--border-ui-hover:#ffffff40;--border-ui-active:#ffffff59;--shadow:0 22px 52px #0000004d}[data-theme=dark] .lang-select{background-color:var(--surface-muted);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23a89991'/%3E%3C/svg%3E")}[data-theme=dark] .brand-mark{box-shadow:inset 0 0 0 4px #ffffff20}[data-theme=dark] .btn:hover{box-shadow:0 10px 20px #00000080}[data-theme=dark] .hero-install-code{background:linear-gradient(var(--surface-muted), var(--bg-soft));box-shadow:inset 0 1px var(--border-ui)}[data-theme=dark] .skill-card:hover{box-shadow:0 14px 32px #00000080}[data-theme=dark] .hero-badge{background:#ff6b4a33}[data-theme=dark] .skills-search,[data-theme=dark] .skills-sort,[data-theme=dark] .skills-dir,[data-theme=dark] .skills-view,[data-theme=dark] .search-filter-button{background:var(--surface-muted)}[data-theme=dark] .skills-view.is-active,[data-theme=dark] .search-filter-button[aria-pressed=true]{background:linear-gradient(#ff8e6f3d,#ff6b4a29);box-shadow:inset 0 1px #ffffff1a}[data-theme=dark] .tag{color:#3bc7b9;background:#2bc6a429}[data-theme=dark] .skill-license-banner{background:linear-gradient(180deg, var(--surface-muted) 0%, var(--bg-soft) 100%);border-color:var(--border-ui)}[data-theme=dark] .skill-license-banner strong{color:var(--ink)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 800px at 20% -10%, var(--bg-glow-1) 0%, transparent 60%), radial-gradient(900px 600px at 90% 10%, var(--bg-glow-2) 0%, transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono)}ol,ul,menu{list-style:none}img,svg,video{vertical-align:middle;max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell main{flex:1}.navbar{z-index:10;background:var(--nav-bg);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0}.navbar-inner{align-items:center;gap:20px;max-width:1200px;margin:0 auto;padding:16px 28px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.4rem;display:flex}.brand-mark{background:radial-gradient(circle at 30% 30%,#ffd3c2 0%,#ff6b4a 60%,#d1492f 100%);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #ffffff80}.brand-mark img{object-fit:cover;border-radius:50%;width:70%;height:70%}.brand-mark span{font-size:1rem}.nav-links{color:var(--ink-soft);gap:16px;font-size:.95rem;display:flex}.nav-links a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.lang-select{appearance:none;border:1px solid var(--border-ui);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;font-size:.85rem;font-weight:650;font-family:var(--font-body);background:#ffffff73 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b5549'/%3E%3C/svg%3E") right 8px center no-repeat;padding:6px 22px 6px 10px}.lang-select:hover{border-color:var(--border-ui-hover)}.lang-select:focus-visible{outline:none}.theme-toggle-pill{background:var(--surface);border:1px solid var(--border-ui);border-radius:var(--radius-pill);gap:2px;padding:2px;display:inline-flex;position:relative}.theme-toggle-option{z-index:2;width:28px;height:28px;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s;display:inline-flex;position:relative}.theme-toggle-option:hover{color:var(--ink)}.theme-toggle-option.is-active{color:#fff}.theme-toggle-indicator{background:var(--accent-deep);z-index:1;border-radius:50%;width:28px;height:28px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}[data-theme=dark] .theme-toggle-pill{background:var(--surface-muted)}[data-theme=dark] .theme-toggle-option.is-active{color:var(--bg)}[data-theme=dark] .theme-toggle-indicator{background:var(--ink)}.btn{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);cursor:pointer;align-items:center;gap:8px;padding:10px 15px;font-weight:600;transition:transform .2s,box-shadow .2s,border .2s;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1d1a171f}.btn:disabled{cursor:not-allowed;opacity:.6;box-shadow:none;transform:none}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-deep));color:#fff;border:none}.btn-ghost{border-color:var(--border-ui);color:var(--ink);background:0 0}.hero{padding:72px 28px 56px;position:relative;overflow:hidden}.hero-inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:grid}.hero-copy{min-width:0}.hero-badge{color:var(--accent-deep);border-radius:var(--radius-pill);background:#ff6b4a1f;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.6rem,4vw,4rem)}.hero-subtitle{color:var(--ink-soft);font-size:1.1rem;line-height:1.6}.hero-card{background:var(--bg-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--line);padding:24px}.hero-install,.install-switcher{gap:10px;display:grid}.install-switcher-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.install-switcher-toggle{border-radius:var(--radius-pill);border:1px solid var(--border-ui);background:color-mix(in srgb, var(--accent) 9%, transparent);padding:4px;display:inline-flex}.install-switcher-pill{appearance:none;cursor:pointer;color:var(--ink-soft);border-radius:var(--radius-pill);background:0 0;border:none;padding:6px 10px;font-size:.85rem;font-weight:650;transition:background .18s,color .18s,transform .18s}.install-switcher-pill:hover{color:var(--ink);transform:translateY(-1px)}.install-switcher-pill.is-active{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent-deep)}.hero-install-code{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));color:var(--ink);font-size:.9rem;line-height:1.55;font-family:var(--font-mono);white-space:pre;tab-size:2;background:linear-gradient(#ffffffeb,#fffaf7e6);border-radius:12px;margin:0;padding:12px 14px;overflow-x:auto;box-shadow:inset 0 1px #ffffffb3}.section{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:36px 28px 76px}.section-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:1.8rem}.section-title-number{margin-left:8px}.section-subtitle{color:var(--ink-soft);margin-bottom:24px}.section-cta{justify-content:flex-end;margin-top:18px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:100%;display:grid}.card{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--line);box-sizing:border-box;flex-direction:column;gap:12px;width:100%;padding:22px;transition:transform .2s,box-shadow .2s;display:flex}.skill-card{min-height:176px;color:inherit;text-decoration:none}.skill-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px #1d1a1724}.skill-card-title{font-family:var(--font-display);letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.2rem;display:-webkit-box;overflow:hidden}.skill-card-summary{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.skill-card-footer{margin-top:auto}.skill-card-footer-rows{grid-template-columns:1fr;align-items:start;gap:6px;display:grid}.skill-card-footer-rows .stat{justify-self:end}.skill-card-footer-inline{justify-content:space-between;align-items:center;gap:12px;display:flex}.user-badge{align-items:center;gap:8px;min-width:0;display:inline-flex}.user-badge-prefix{color:var(--ink-soft)}.user-avatar{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);border-radius:999px;flex:none;place-items:center;width:22px;height:22px;display:grid;overflow:hidden}.user-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.user-avatar-fallback{font-family:var(--font-display);color:color-mix(in srgb, var(--ink) 86%, transparent);font-size:.82rem;font-weight:680}.user-handle{font-family:var(--font-mono);color:inherit;text-overflow:ellipsis;white-space:nowrap;max-width:18ch;font-size:.82rem;text-decoration:none;overflow:hidden}.user-badge-md .user-avatar{width:26px;height:26px}.user-badge-md .user-handle{font-size:.9rem}.stat{color:var(--ink-soft);align-items:center;gap:10px;font-size:.9rem;display:flex}.tag{border-radius:var(--radius-pill);color:#1a6b5b;background:#2bc6a429;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.tag-accent{color:var(--accent-deep);background:#ff6b4a29}.search-bar{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;padding:14px 18px;display:flex}.search-input{background:0 0;border:none;outline:none;flex:1;font-size:1rem}.skills-container{max-width:900px;margin:0 auto}.skills-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:22px;display:flex}.skills-toolbar{border-radius:var(--radius-md);border:1px solid var(--border-ui);background:linear-gradient(135deg, var(--surface), var(--surface-muted));gap:10px;margin-bottom:22px;padding:15px 16px;display:grid}.skills-search{border-radius:var(--radius-pill);border:1px solid var(--border-ui);background:#ffffff73;align-items:center;padding:10px 14px;display:flex}.skills-search-input{background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.skills-toolbar-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.skills-sort{appearance:none;border:1px solid var(--border-ui);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:#ffffff73;padding:10px 14px;font-size:.9rem;font-weight:650}.search-filter-button:disabled,.skills-sort:disabled,.skills-dir:disabled{opacity:.5;cursor:not-allowed;filter:grayscale()}.skills-dir,.skills-view{border:1px solid var(--border-ui);border-radius:var(--radius-pill);color:var(--ink);cursor:pointer;background:#ffffff73;padding:10px 12px;font-weight:700}.skills-view.is-active{border-color:var(--border-ui-active);color:var(--ink);background:linear-gradient(#ff8e6f3d,#ff6b4a29);box-shadow:inset 0 1px #fff4f0b3}.skills-list{border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);gap:0;display:grid;overflow:hidden}.skills-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 18px;text-decoration:none;transition:background .15s;display:grid}.skills-row:last-child{border-bottom:none}.skills-row:hover{background:#ff6b4a12}.skills-row-main{gap:6px;min-width:0;display:grid}.skills-row-title{font-family:var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:1.1rem;display:flex}.skills-row-slug{font-family:var(--font-mono);color:var(--ink-soft);font-size:.85rem}.skills-row-summary{color:var(--ink-soft);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.skills-row-owner{color:var(--ink-soft);align-items:center;gap:10px;font-size:.82rem;display:flex}.skills-row-metrics{white-space:nowrap;font-family:var(--font-mono);color:var(--ink-soft);justify-content:flex-end;align-items:center;gap:14px;font-size:.85rem;display:flex}.skills-row-metrics span{align-items:center;gap:6px;display:inline-flex}.skill-detail-stack{gap:16px;max-width:100%;display:grid;overflow-x:auto}.skill-hero{gap:14px}.skill-hero-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.skill-hero-title{flex:360px;gap:10px;min-width:min(100%,320px);display:grid}.skill-hero-title-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.skill-hero-cta{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.skill-hero-cta .btn{justify-content:center;width:100%}.skill-license-banner{border-radius:var(--radius-md);color:var(--ink);background:linear-gradient(#fff9f7 0%,#fff0eb 100%);border:1px solid #ffeae2;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;padding:12px 16px;font-size:.92rem;line-height:1.4;display:flex}.skill-license-banner strong{color:var(--ink-heading);letter-spacing:-.01em;font-weight:750}.skill-version-pill{text-align:right;border:1px solid var(--line);background:var(--surface-muted);border-radius:16px;gap:4px;min-width:150px;padding:10px 14px;display:grid}.skill-version-label{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-soft);font-size:.68rem}.skill-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.star-toggle{width:36px;height:36px;color:var(--accent-deep);cursor:pointer;background:#ff6b4a1f;border:1px solid #ff6b4a59;border-radius:50%;place-items:center;transition:transform .2s,box-shadow .2s,background .2s;display:grid}.star-toggle span{font-size:1.1rem}.star-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 18px #ff6b4a33}.star-toggle.is-active{background:var(--accent);color:#fff;border-color:var(--accent-deep)}.tab-card{gap:14px;max-width:100%;overflow-x:auto}.tab-header{border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface-muted);align-self:flex-start;align-items:center;gap:6px;padding:4px;display:inline-flex}.tab-button{border-radius:var(--radius-pill);color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:8px 16px;font-weight:650}.tab-button.is-active{background:var(--surface);color:var(--ink);box-shadow:0 8px 18px #1d1a171f}.tab-body{gap:20px;max-width:100%;display:grid;overflow-x:auto}.version-scroll{max-height:320px;padding-right:4px;overflow:auto}.version-list{gap:14px;display:grid}.version-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:6px 0;display:grid}.version-info{color:var(--ink-soft);gap:6px;font-size:.9rem;display:grid}.version-actions{align-items:center;display:grid}.version-zip{justify-self:end}.scan-results-panel{border:1px solid var(--line);background:#00000005;border-radius:12px;width:fit-content;margin-top:16px;padding:12px}.scan-results-title{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:600}.scan-results-list{gap:8px;display:grid}.scan-result-row{align-items:center;gap:12px;display:flex}.scan-result-scanner{align-items:center;gap:6px;font-weight:500;display:flex}.scan-result-status{border-radius:var(--radius-pill);text-transform:capitalize;padding:2px 8px;font-size:.85rem;font-weight:600}.scan-status-clean{color:#16a34a;background:#22c55e1a}.scan-result-link{color:var(--accent);font-size:.85rem;text-decoration:none}.scan-result-link:hover{text-decoration:underline}.scan-result-confidence{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;opacity:.7;font-size:.72rem;font-weight:600}.scan-disclaimer{color:var(--ink-soft);opacity:.8;margin:8px 0 0;font-size:.8rem;font-style:italic}.markdown{color:#334a58;max-width:100%;line-height:1.7}.markdown h1,.markdown h2,.markdown h3{font-family:var(--font-display);margin-top:1.4rem}.markdown h1{font-size:1.8rem}.markdown h2{font-size:1.4rem}.markdown h3{font-size:1.2rem}.markdown p{margin:.8rem 0}.markdown a{color:var(--accent-deep)}.markdown :not(pre)>code{background:#ff6b4a1f;border-radius:8px;padding:2px 6px}.markdown pre{white-space:pre;max-width:100%;font-family:var(--font-mono);tab-size:2;color:var(--ink);background:radial-gradient(1200px 220px at 12% 0,#ff6b4a14,#0000 55%),linear-gradient(#ffffffeb,#fffaf7e6);border:1px solid #ff6b4a33;border-radius:12px;padding:14px 16px;font-size:.9rem;line-height:1.55;overflow-x:auto;box-shadow:inset 4px 0 #ff6b4a8c,inset 0 1px #ffffffbf}.markdown pre code{white-space:inherit;color:inherit;background:0 0;border-radius:0;padding:0;font-family:inherit}.markdown ul,.markdown ol{margin:.5rem 0;padding-left:1.5rem}.markdown li{margin:.3rem 0}.markdown ul{list-style:outside}.markdown ol{list-style:decimal}.markdown strong{font-weight:700}.site-footer{padding:0 28px 40px}.site-footer-inner{max-width:1200px;margin:0 auto}.site-footer-divider{background:var(--line);opacity:.6;height:1px;margin:18px 0 16px}.site-footer-row{justify-content:center;align-items:center;gap:16px;display:flex}.site-footer-copy{color:var(--ink-soft);opacity:.72;text-align:center;max-width:720px;font-size:.85rem}.site-footer-copy a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #ff6b4a52;text-decoration:underline #ff6b4a52;transition:color .2s,text-decoration-color .2s}.site-footer-copy a:hover{color:var(--ink);text-decoration-color:#ff6b4a99}.loading-indicator{color:var(--ink-soft);align-items:center;gap:10px;font-weight:650;display:inline-flex}.loading-indicator:before{content:"";border-radius:var(--radius-pill);border:2px solid #ff6b4a40;border-top-color:var(--accent);width:14px;height:14px;animation:.9s linear infinite spin}.mono{font-family:var(--font-mono)}.fade-up{opacity:0;animation:.6s forwards fadeUp;transform:translateY(12px)}.fade-up[data-delay="1"]{animation-delay:.1s}.fade-up[data-delay="2"]{animation-delay:.2s}.fade-up[data-delay="3"]{animation-delay:.3s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.search-filter-button{border-radius:var(--radius-pill);border:1px solid var(--border-ui);color:var(--ink);cursor:pointer;background:linear-gradient(#ffffffb8,#fff6f1eb);padding:10px 14px;font-weight:650;transition:border .2s,box-shadow .2s,background .2s,color .2s,transform .2s;position:relative}.search-filter-button:hover{border-color:var(--border-ui-hover);transform:translateY(-1px)}.search-filter-button[aria-pressed=true]{border-color:var(--border-ui-active);color:var(--ink);background:linear-gradient(#ff8e6f47,#ff6b4a33);box-shadow:inset 0 1px #fff4f0bf}.skill-hero-panels{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.skill-panel{border:1px solid var(--line);background:var(--surface-muted);border-radius:16px;gap:10px;padding:14px;display:grid}.skill-panel-body{gap:8px;display:grid}.file-browser{gap:16px;display:grid}@media (width>=900px){.file-browser{grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);align-items:start}}.file-list{border-top:1px solid var(--line);gap:12px;padding-top:8px;display:grid}.file-row{border:1px solid var(--line);background:var(--surface-muted);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;max-width:100%;padding:10px 12px;display:flex}.file-row:hover{background:#ff6b4a08}.file-row.is-active{border-color:var(--ink);box-shadow:0 8px 18px #1d1a171f}.file-path{font-family:var(--font-mono);color:var(--ink);word-break:break-all;font-size:.9rem}.file-meta{color:var(--ink-soft);white-space:nowrap;font-size:.8rem}@media (width<=860px){.hero-inner{grid-template-columns:1fr}}@media (width<=760px){.navbar-inner{gap:14px;padding:14px 18px}.nav-links{display:none}.hero{padding:58px 18px 44px}.section{padding:30px 18px 62px}.section-cta{justify-content:flex-start}.skill-hero-header{flex-direction:column;align-items:stretch}.skill-hero-cta{align-items:flex-start}.skills-row{grid-template-columns:1fr;gap:10px}.skills-row-metrics{white-space:normal;flex-wrap:wrap;justify-content:flex-start;row-gap:8px}}@media (width<=520px){.brand{font-size:1.25rem}.nav-actions{gap:10px}.install-switcher-row{flex-direction:column;align-items:flex-start;gap:10px}.site-footer{padding:0 18px 36px}}
