.hx-skills-gallery-for-claude-code{position:relative;min-height:440px;container-type:inline-size;font-family:var(--font-sans)}.hx-skills-gallery-for-claude-code .st{position:absolute;left:50%;top:50%;width:560px;height:440px;transform:translate(-50%,-50%) scale(var(--s, 1))}@container (max-width: 540px){.hx-skills-gallery-for-claude-code .st{--s: .93}}@container (max-width: 500px){.hx-skills-gallery-for-claude-code .st{--s: .86}}.hx-skills-gallery-for-claude-code mark{color:inherit;border-radius:3px;animation:hx-csg-mark 12s ease-out infinite;box-shadow:inset 0 -2px 0 var(--a);background:color-mix(in srgb,var(--a) 22%,transparent)}.hx-skills-gallery-for-claude-code .ask{position:absolute;left:22px;top:22px;width:508px;height:54px;z-index:4;display:flex;align-items:center;gap:12px;padding:0 10px 0 9px;border-radius:16px;background:linear-gradient(180deg,#17181f,#0e0f14);border:1px solid color-mix(in srgb,var(--a) 45%,rgb(255 255 255 / .12));box-shadow:0 0 0 5px color-mix(in srgb,var(--a) 10%,transparent),0 24px 50px -22px #000000e6,inset 0 1px #ffffff0f}:root[data-theme=light] .hx-skills-gallery-for-claude-code .ask{box-shadow:0 0 0 5px color-mix(in srgb,var(--a) 14%,transparent),0 24px 50px -22px #10121b80}.hx-skills-gallery-for-claude-code .you{flex:none;font:600 11px var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#1a0e08;background:var(--a);padding:6px 9px;border-radius:9px}.hx-skills-gallery-for-claude-code .q{flex:1;min-width:0;display:flex;align-items:center;font:13px var(--font-mono);color:#eceef2}.hx-skills-gallery-for-claude-code .typed{display:inline-block;overflow:hidden;white-space:nowrap;width:45ch;animation:hx-csg-type 12s steps(45,end) infinite}.hx-skills-gallery-for-claude-code .caret{width:2px;height:17px;margin-left:2px;background:var(--a);animation:hx-csg-blink 1.1s steps(1) infinite}.hx-skills-gallery-for-claude-code .ask kbd{flex:none;font:12px var(--font-mono);color:#8a8f9c;padding:3px 8px;border-radius:7px;border:1px solid rgb(255 255 255 / .12);background:#0b0c10}.hx-skills-gallery-for-claude-code .rank{position:absolute;left:0;top:104px;width:322px;z-index:2;padding:14px 14px 12px;border-radius:16px;background:linear-gradient(180deg,#13141b,#0c0d12);border:1px solid rgb(255 255 255 / .11);box-shadow:0 30px 60px -30px #000000e6,inset 0 1px #ffffff0d}:root[data-theme=light] .hx-skills-gallery-for-claude-code .rank{box-shadow:0 30px 60px -28px #10121b80,0 2px 6px #10121b1a}.hx-skills-gallery-for-claude-code .rh{display:flex;justify-content:space-between;align-items:baseline;margin:0 4px 10px;font-size:13px;font-weight:600;color:#eceef2}.hx-skills-gallery-for-claude-code .rh .n{font:11px var(--font-mono);font-weight:400;color:#6b7080}.hx-skills-gallery-for-claude-code ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.hx-skills-gallery-for-claude-code li{position:relative;display:grid;grid-template-columns:16px 152px 1fr;align-items:center;gap:8px;height:32px;padding:0 10px 0 8px;border-radius:9px}.hx-skills-gallery-for-claude-code li .i{font:11px var(--font-mono);color:#5b6070}.hx-skills-gallery-for-claude-code li .nm{font:12px var(--font-mono);color:#aeb3bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hx-skills-gallery-for-claude-code li .mbar{height:6px;border-radius:3px;background:#1f2129;overflow:hidden}.hx-skills-gallery-for-claude-code li .mbar i{display:block;height:100%;width:var(--w);border-radius:3px;background:#4a4f5d;animation:hx-csg-bar 12s cubic-bezier(.3,.7,.2,1) infinite;animation-delay:calc(var(--k) * .12s)}.hx-skills-gallery-for-claude-code li.top{background:color-mix(in srgb,var(--a) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 45%,transparent);padding-right:32px;animation:hx-csg-top 12s ease-out infinite}.hx-skills-gallery-for-claude-code li.top .nm{color:#fff;font-weight:600}.hx-skills-gallery-for-claude-code li.top .i{color:var(--a)}.hx-skills-gallery-for-claude-code li.top .mbar i{background:linear-gradient(90deg,color-mix(in srgb,var(--a) 60%,#fff),var(--a))}.hx-skills-gallery-for-claude-code li .yes{position:absolute;right:9px;top:50%;margin-top:-9px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#1a0e08;background:var(--a);animation:hx-csg-yes 12s ease-out infinite}.hx-skills-gallery-for-claude-code .fine{margin:10px 4px 0;font-size:11px;color:#6b7080}.hx-skills-gallery-for-claude-code .skl{position:absolute;left:314px;top:150px;width:244px;z-index:3;border-radius:16px;overflow:hidden;background:#0b0c10;border:1px solid rgb(255 255 255 / .13);transform:rotate(2.2deg);transform-origin:0 0;box-shadow:0 34px 70px -28px #000000f2,0 20px 70px -40px color-mix(in srgb,var(--a) 65%,transparent),inset 0 1px #ffffff0d}:root[data-theme=light] .hx-skills-gallery-for-claude-code .skl{box-shadow:0 34px 70px -26px #10121b8c,0 2px 6px #10121b1f}.hx-skills-gallery-for-claude-code .ch{height:34px;display:flex;align-items:center;padding:0 14px;background:#121319;border-bottom:1px solid rgb(255 255 255 / .06)}.hx-skills-gallery-for-claude-code .fn{font:500 11.5px var(--font-mono);color:#8a8f9c}.hx-skills-gallery-for-claude-code pre{margin:0;padding:10px 14px 8px;font:11.5px/18px var(--font-mono);white-space:pre;color:#abb2bf}.hx-skills-gallery-for-claude-code pre .d{color:#4f5564}.hx-skills-gallery-for-claude-code pre .k{color:#c678dd}.hx-skills-gallery-for-claude-code pre .s{color:#7fd193}.hx-skills-gallery-for-claude-code pre .hd{color:#61afef;font-weight:600}.hx-skills-gallery-for-claude-code pre mark{color:#fff}.hx-skills-gallery-for-claude-code .cf{display:flex;align-items:center;justify-content:space-between;padding:9px 12px 10px 14px;border-top:1px solid rgb(255 255 255 / .06)}.hx-skills-gallery-for-claude-code .ico{font:11px var(--font-mono);color:#e5c07b}.hx-skills-gallery-for-claude-code .inst{font-size:11.5px;font-weight:600;color:#1a0e08;background:var(--a);padding:4px 10px;border-radius:7px}.hx-skills-gallery-for-claude-code .score{position:absolute;left:494px;top:104px;width:70px;height:70px;z-index:5;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0e0f14;border:1px solid rgb(255 255 255 / .12);box-shadow:0 16px 30px -12px #000000e6}:root[data-theme=light] .hx-skills-gallery-for-claude-code .score{box-shadow:0 16px 30px -12px #10121b80}.hx-skills-gallery-for-claude-code .score svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}.hx-skills-gallery-for-claude-code .score circle{fill:none;stroke-width:3.5}.hx-skills-gallery-for-claude-code .score .tr{stroke:#22242d}.hx-skills-gallery-for-claude-code .score .fg{stroke:#7fd193;stroke-linecap:round;stroke-dasharray:170 170;animation:hx-csg-ring 12s ease-out infinite}.hx-skills-gallery-for-claude-code .score b{font:700 16px var(--font-mono);color:#fff;line-height:1}.hx-skills-gallery-for-claude-code .score small{font-size:10.5px;color:#8a8f9c;margin-top:3px}@keyframes hx-csg-type{0%,3%{width:0;opacity:1}28%,94%{width:45ch;opacity:1}to{width:45ch;opacity:0}}@keyframes hx-csg-blink{50%{opacity:0}}@keyframes hx-csg-bar{0%,30%{width:0}44%,94%{width:var(--w);opacity:1}to{width:var(--w);opacity:0}}@keyframes hx-csg-top{0%,44%{background:transparent;box-shadow:inset 0 0 0 1px transparent}50%,94%{background:color-mix(in srgb,var(--a) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--a) 45%,transparent)}to{background:transparent;box-shadow:inset 0 0 0 1px transparent}}@keyframes hx-csg-yes{0%,46%{scale:0}52%{scale:1.2}56%,94%{scale:1}to{scale:0}}@keyframes hx-csg-mark{0%,28%{background:transparent;box-shadow:inset 0 -2px 0 transparent}34%,94%{background:color-mix(in srgb,var(--a) 22%,transparent);box-shadow:inset 0 -2px 0 var(--a)}to{background:transparent;box-shadow:inset 0 -2px 0 transparent}}@keyframes hx-csg-ring{0%,48%{stroke-dasharray:0 170}62%,to{stroke-dasharray:170 170}}:root[data-theme=light] .hx-skills-gallery-for-claude-code .skl{background:#fff;border-color:#10121b1a}:root[data-theme=light] .hx-skills-gallery-for-claude-code .ch{background:#f6f5f1;border-color:#10121b12}:root[data-theme=light] .hx-skills-gallery-for-claude-code .fn{color:var(--ink-3)}:root[data-theme=light] .hx-skills-gallery-for-claude-code pre{color:#383a42}:root[data-theme=light] .hx-skills-gallery-for-claude-code pre .d{color:#a0a1a7}:root[data-theme=light] .hx-skills-gallery-for-claude-code pre .k{color:#a626a4}:root[data-theme=light] .hx-skills-gallery-for-claude-code pre .s{color:#3f8f3e}:root[data-theme=light] .hx-skills-gallery-for-claude-code pre .hd{color:#3367d6}:root[data-theme=light] .hx-skills-gallery-for-claude-code pre mark{color:var(--ink)}:root[data-theme=light] .hx-skills-gallery-for-claude-code .cf{border-color:#10121b12}:root[data-theme=light] .hx-skills-gallery-for-claude-code .ico{color:#b07800}:root[data-theme=light] .hx-skills-gallery-for-claude-code .ask{background:linear-gradient(180deg,#fff,#f8f7f4);border-color:color-mix(in srgb,var(--a) 45%,rgb(16 18 27 / .12))}:root[data-theme=light] .hx-skills-gallery-for-claude-code .q{color:var(--ink)}:root[data-theme=light] .hx-skills-gallery-for-claude-code .ask kbd{color:var(--ink-3);border-color:#10121b1f;background:#f6f5f1}:root[data-theme=light] .hx-skills-gallery-for-claude-code .rank{background:linear-gradient(180deg,#fff,#f8f7f4);border-color:#10121b1a}:root[data-theme=light] .hx-skills-gallery-for-claude-code .rh{color:var(--ink)}:root[data-theme=light] .hx-skills-gallery-for-claude-code :is(.rh .n,.fine){color:var(--ink-3)}:root[data-theme=light] .hx-skills-gallery-for-claude-code li .i{color:#9a9ca6}:root[data-theme=light] .hx-skills-gallery-for-claude-code li .nm{color:var(--ink-2)}:root[data-theme=light] .hx-skills-gallery-for-claude-code li .mbar{background:#10121b12}:root[data-theme=light] .hx-skills-gallery-for-claude-code li .mbar i{background:#b9bcc6}:root[data-theme=light] .hx-skills-gallery-for-claude-code li.top .nm{color:var(--ink)}:root[data-theme=light] .hx-skills-gallery-for-claude-code li.top .i{color:var(--at)}:root[data-theme=light] .hx-skills-gallery-for-claude-code li.top .mbar i{background:linear-gradient(90deg,color-mix(in srgb,var(--a) 60%,#fff),var(--a))}:root[data-theme=light] .hx-skills-gallery-for-claude-code .score{background:#fff;border-color:#10121b1a}:root[data-theme=light] .hx-skills-gallery-for-claude-code .score .tr{stroke:#10121b14}:root[data-theme=light] .hx-skills-gallery-for-claude-code .score .fg{stroke:#1f9a4a}:root[data-theme=light] .hx-skills-gallery-for-claude-code .score b{color:var(--ink)}:root[data-theme=light] .hx-skills-gallery-for-claude-code .score small{color:var(--ink-3)}@media(max-width:980px){.hx-skills-gallery-for-claude-code{min-height:0;height:320px;overflow:hidden}.hx-skills-gallery-for-claude-code .st{--s: .72}}@media(max-width:600px){.hx-skills-gallery-for-claude-code{height:290px}.hx-skills-gallery-for-claude-code .st{--s: .8;left:calc(50% + 74px);top:calc(50% + 14px)}.hx-skills-gallery-for-claude-code .skl,.hx-skills-gallery-for-claude-code .score{display:none}}@media(prefers-reduced-motion:reduce){.hx-skills-gallery-for-claude-code *,.hx-skills-gallery-for-claude-code *:before,.hx-skills-gallery-for-claude-code *:after{animation:none!important}}