.explore-page{padding:48px 24px 80px}.explore-header{margin-bottom:40px}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.category-chips .chip{display:inline-block;padding:.35rem .85rem;font-size:.82rem;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:999px;text-decoration:none;transition:border-color var(--transition),color var(--transition),background var(--transition)}.category-chips .chip:hover{color:var(--accent);border-color:var(--border-accent);background:var(--bg-surface-hover)}.explore-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.explore-subtitle{font-size:.95rem;color:var(--text-tertiary);margin-top:4px;font-weight:400}.explore-title-row h1{font-size:2rem;font-weight:800;letter-spacing:-.035em;background:linear-gradient(135deg,var(--text) 0%,var(--text) 60%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.active-tag-chip{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--accent);background:var(--accent-muted);border:1px solid var(--accent);border-radius:20px;padding:3px 10px;margin-top:8px}.active-tag-chip button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:1rem;line-height:1;padding:0 0 0 2px}.view-toggle{display:flex;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.view-btn{padding:8px 12px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);display:flex;align-items:center}.view-btn:hover{color:var(--text-secondary);background:var(--bg-surface-hover)}.view-btn.active{background:var(--accent-muted);color:var(--accent-fg);box-shadow:inset 0 0 0 1px var(--border-accent)}.filter-bar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:16px 20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.search-inline{flex:1;min-width:200px;position:relative;display:flex;align-items:center}.search-inline svg{position:absolute;left:12px;color:var(--text-tertiary);pointer-events:none}.search-inline .input{padding-left:36px;padding-right:36px;background:var(--bg-elevated)}.search-kbd{position:absolute;right:10px;font-family:var(--font-mono);font-size:.72rem;padding:2px 7px;border:1px solid var(--border);border-radius:4px;color:var(--text-tertiary);background:var(--bg-surface);pointer-events:none;line-height:1.3}.search-inline .input:focus~.search-kbd{display:none}.filter-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.scan-safe-toggle{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:500;color:var(--text-secondary);cursor:pointer;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);transition:var(--transition);white-space:nowrap;user-select:none}.scan-safe-toggle:has(input:checked){color:var(--green);border-color:var(--green);background:#22c55e14}.scan-safe-toggle input{position:absolute;opacity:0;width:0;height:0}.scan-safe-toggle svg{flex-shrink:0;transition:var(--transition)}.scan-safe-toggle:has(input:checked) svg{stroke:var(--green)}.select-input{padding:10px 32px 10px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:.875rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%239ba1b7' fill='none' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--transition),box-shadow var(--transition)}.select-input:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.trust-banner{display:flex;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(135deg,#2b7fff14,#22c55e0f);border:1px solid var(--border-accent);border-radius:var(--radius);font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin-bottom:20px;position:relative;overflow:hidden}@keyframes trust-shine{0%{transform:translate(-120%)}to{transform:translate(600%)}}.trust-banner:after{content:"";position:absolute;top:0;left:0;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:trust-shine 4s ease-in-out 1.2s infinite;pointer-events:none}.trust-banner svg{color:var(--green);flex-shrink:0;position:relative;z-index:1}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.skills-list{display:flex;flex-direction:column;gap:12px}.account-card{padding:0;overflow:hidden}.account-card-header{display:flex;align-items:center;gap:14px;padding:16px 20px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border-subtle);transition:background var(--transition);position:relative;z-index:1}.account-card-header:hover{background:var(--bg-elevated)}.account-avatar{width:38px;height:38px;border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:800;flex-shrink:0;font-family:var(--font-mono)}.account-header-info{min-width:0}.account-name{font-size:.92rem;font-weight:700;color:var(--text);font-family:var(--font-mono);letter-spacing:-.01em}.account-meta{font-size:.78rem;color:var(--text-tertiary);margin-top:2px}.account-skills-list{padding:6px 0}.account-skill-row{display:grid;grid-template-columns:minmax(120px,180px) 1fr auto;gap:0 20px;padding:9px 20px;align-items:center;text-decoration:none;color:var(--text);transition:background var(--transition);position:relative;z-index:1}.account-skill-row:hover{background:var(--bg-elevated);text-decoration:none}.account-skill-name{font-size:.85rem;font-weight:600;color:var(--text);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-skill-desc{font-size:.82rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-skill-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}.skill-card{position:relative;display:flex;flex-direction:column;padding:20px;text-decoration:none;color:var(--text);overflow:hidden;transition:border-color var(--transition-slow),box-shadow var(--transition-slow),transform var(--transition-slow)}.skill-card-link{position:absolute;inset:0;z-index:0}.skill-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.skill-card :is(.gh-link,.badge,a):not(.skill-card-link){position:relative;z-index:1}.skill-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius);background:linear-gradient(135deg,rgba(43,127,255,.05) 0%,transparent 55%);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:0}.skill-card:hover{text-decoration:none;color:var(--text);transform:translateY(-2px);box-shadow:var(--shadow-card-active);border-color:var(--accent)}.skill-card:hover:before{opacity:1}.skill-card:hover .badge-green{box-shadow:0 0 8px #4ade8059}.skill-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;min-width:0}.skill-card-name-group{min-width:0;max-width:100%}.skill-card-name{font-size:1.02rem;font-weight:600;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;line-height:1.4}.skill-card-owner{display:flex;align-items:center;gap:3px;margin-top:1px}.skill-ns-link{color:var(--text-tertiary);font-weight:400;font-size:.82rem;text-decoration:none;transition:color var(--transition)}.skill-ns-link:hover{color:var(--accent);text-decoration:underline}.badge-validated{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:500;color:var(--green);background:#4ade801a;border:1px solid rgba(74,222,128,.2);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.badge-validated svg{flex-shrink:0}.badge-new-publisher{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:500;color:var(--amber);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.badge-new-publisher svg{flex-shrink:0}.skill-card-desc{font-size:.86rem;color:var(--text-secondary);line-height:1.6;flex:1;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--border-subtle);margin-top:auto;min-width:0;flex-wrap:wrap}.skill-card-stats{display:flex;gap:16px}.stat{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.stat svg{color:var(--text-tertiary)}.stat-installs--prominent{color:var(--accent);font-weight:600}.stat-installs--prominent svg{color:var(--accent)}.stat-updated{color:var(--text-tertiary);font-size:.78rem;margin-left:auto}.skill-card-tags{display:flex;gap:6px;align-items:center;flex-shrink:1;flex-wrap:wrap;min-width:0}.skill-card-tags :global(.badge){font-size:.72rem;padding:3px 10px}.version-tag{font-size:.73rem;padding:3px 8px;background:var(--code-bg);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-family:var(--font-mono);font-weight:500;letter-spacing:.01em}.skill-card-badges{display:flex;gap:4px;flex-shrink:0;align-items:center}:global(.scan-grade-badge){display:inline-flex;align-items:center;gap:4px}:global(.scan-grade-letter){font-weight:800;font-size:.78rem;font-family:var(--font-mono);letter-spacing:0;min-width:10px;text-align:center}:global(.badge-grade-f){background:var(--red-dim);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 30%,transparent)}.gh-link{color:var(--text-tertiary);display:inline-flex;align-items:center;transition:color .15s}.gh-link:hover{color:var(--text)}.skill-card-skeleton{padding:20px}.skills-empty[hidden]{display:none!important}.skills-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;text-align:center}.skills-empty h2{font-size:1.1rem;font-weight:600}.skills-empty p{color:var(--text-tertiary);font-size:.9rem}.empty-error[hidden],.empty-filtered[hidden],.empty-cold-start[hidden]{display:none!important}.empty-error{display:flex;flex-direction:column;align-items:center;gap:8px}.empty-error h2{font-size:1.1rem;font-weight:600;color:var(--red)}.empty-error p{color:var(--text-secondary);font-size:.9rem}.empty-cold-start{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-cold-start h2{font-size:1.1rem;font-weight:600}.empty-cold-start p{color:var(--text-secondary);font-size:.9rem;max-width:400px;line-height:1.6}.empty-cold-start .btn{margin-top:8px}.pagination-wrap[hidden]{display:none!important}.pagination-wrap{display:flex;align-items:center;justify-content:center;gap:4px;padding:40px 0 16px}.pagination-btn{min-width:36px;height:36px;padding:0 10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;line-height:1;border-radius:var(--radius-sm)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:2px}.pagination-page{min-width:36px;height:36px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-family:var(--font-sans);font-size:.88rem;font-weight:500;cursor:pointer;transition:all var(--transition)}.pagination-page:hover{background:var(--bg-surface-hover);border-color:var(--border);color:var(--text)}.pagination-page-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;pointer-events:none}.pagination-ellipsis{min-width:28px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.88rem;user-select:none}.github-import-card[hidden]{display:none!important}.github-import-card{margin-bottom:20px;padding:16px 20px;border-left:3px solid var(--accent)}.github-import-inner{display:flex;align-items:center;gap:14px}.github-import-icon{color:var(--text-tertiary);flex-shrink:0;display:flex;align-items:center}.github-import-content{flex:1;min-width:0}.github-import-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.github-import-subtitle{font-size:.84rem;color:var(--text-secondary);margin-top:2px}.github-import-action{flex-shrink:0;display:flex;align-items:center}.github-import-action .btn{padding:6px 14px;font-size:.82rem;border-radius:var(--radius-sm);white-space:nowrap}.spinner-sm{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.github-discovery-list[hidden]{display:none!important}.github-discovery-list{display:flex;flex-direction:column;gap:2px;padding:12px 20px 4px;border-top:1px solid var(--border-subtle);margin-top:12px;max-height:280px;overflow-y:auto}.discovery-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);font-size:.88rem}.discovery-item:hover{background:var(--bg-surface-hover)}.discovery-item-existing{opacity:.55}.discovery-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.discovery-item-name{display:flex;align-items:center;min-width:0;flex-wrap:wrap;gap:2px}.github-discovery-actions[hidden]{display:none!important}.github-discovery-actions{display:flex;align-items:center;gap:8px;padding:10px 20px 4px;flex-wrap:wrap}@media(max-width:768px){.explore-page{padding:32px 16px 60px;overflow-x:hidden}.explore-title-row{flex-wrap:wrap;gap:12px}.explore-title-row>div:first-child{min-width:0;flex:1}.view-toggle{flex-shrink:0}.skills-grid{grid-template-columns:1fr;gap:12px}.filter-bar{flex-direction:column;padding:14px 16px}.search-inline{width:100%}.filter-group{width:100%;flex-wrap:wrap}.select-input{flex:1 1 140px;min-width:0}.skill-card{min-width:0;padding:16px}.skill-card-top{flex-wrap:nowrap;gap:8px}.skill-card-name-group{min-width:0;flex:1}.skill-card-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.skill-card-owner{font-size:.78rem}.skill-card-badges{flex-wrap:nowrap;flex-shrink:0;gap:3px}.skill-card-badges .gh-link{display:none}.skill-card-desc{overflow:hidden;text-overflow:ellipsis;font-size:.82rem;margin-bottom:14px;-webkit-line-clamp:2}.skill-card-bottom{padding-top:12px;gap:8px}.skill-card-stats{gap:12px}.stat{font-size:.78rem}.stat-updated{font-size:.72rem}.skill-card-tags{flex-wrap:wrap;gap:4px}.skill-card-tags :global(.badge){font-size:.68rem;padding:2px 7px}.version-tag{font-size:.68rem;padding:2px 6px}.badge-validated{font-size:.64rem;padding:1px 5px}.github-import-inner{flex-wrap:wrap;gap:10px}.github-import-action{width:100%}.github-import-action .btn{width:100%;text-align:center}.search-kbd{display:none}}@media(max-width:375px){.explore-page{padding:24px 12px 60px}.skill-card{padding:14px}.skill-card-name{font-size:.9rem}.skill-card-desc{font-size:.78rem;-webkit-line-clamp:2}.skill-card-badges .badge{font-size:.65rem;padding:2px 6px}.stat{font-size:.72rem;gap:3px}.skill-card-tags :global(.badge){font-size:.64rem;padding:2px 6px}}.topic-badge{font-size:.68rem!important;padding:1px 6px!important;opacity:.75}.kbd-help-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#00000080;backdrop-filter:blur(4px)}.kbd-help-overlay[hidden]{display:none}.kbd-help-modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;min-width:280px;max-width:360px;box-shadow:var(--shadow-lg)}.kbd-help-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.kbd-help-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.kbd-help-close{background:none;border:none;font-size:1.3rem;color:var(--text-tertiary);cursor:pointer;padding:4px;line-height:1}.kbd-help-close:hover{color:var(--text)}.kbd-help-list{display:flex;flex-direction:column;gap:8px;margin:0}.kbd-help-list>div{display:flex;align-items:center;gap:12px}.kbd-help-list dt{flex-shrink:0;width:48px;text-align:center}.kbd-help-list kbd{display:inline-block;padding:2px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary)}.kbd-help-list dd{margin:0;color:var(--text-secondary);font-size:.875rem}
