:root{--anthropic-dark:#141413;--anthropic-light:#faf9f5;--anthropic-mid-gray:#b0aea5;--anthropic-light-gray:#e8e6dc;--accent-orange:#d97757;--accent-blue:#6a9bcc;--accent-green:#788c5d;--accent-orange-hover:#c86343;--shadow-sm:0 1px 2px #1414130d;--shadow-md:0 4px 12px #1414130f;--shadow-lg:0 16px 32px #1414131f;--transition-fast:.2s cubic-bezier(.16, 1, .3, 1);--transition-normal:.3s cubic-bezier(.16, 1, .3, 1);--font-headings:"Poppins", -apple-system, BlinkMacSystemFont, Arial, sans-serif;--font-body:"Lora", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--bg-primary:var(--anthropic-light);--bg-secondary:#fff;--bg-tertiary:var(--anthropic-light-gray);--text-primary:var(--anthropic-dark);--text-secondary:#575754;--text-muted:#8c8a82;--border-color:var(--anthropic-light-gray);--border-hover:var(--anthropic-mid-gray);--header-bg:#faf9f5d9;--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-md);--code-bg:#f5f4ef}body.dark-mode{--bg-primary:var(--anthropic-dark);--bg-secondary:#1d1d1c;--bg-tertiary:#2e2e2c;--text-primary:var(--anthropic-light);--text-secondary:#dcdbd5;--text-muted:#a1a097;--border-color:#2e2e2c;--border-hover:#4a4a47;--header-bg:#141413d9;--card-shadow:0 4px 6px #0003;--card-shadow-hover:0 12px 24px #0006;--code-bg:#282827}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-orange)}.btn{font-family:var(--font-headings);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--accent-orange);color:#fff}.btn-primary:hover{background-color:var(--accent-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px #d977574d}.btn-outline{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0000}.btn-outline:hover{border-color:var(--text-primary);background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.85rem}.site-header{z-index:100;background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);width:100%;transition:background-color var(--transition-normal), border-color var(--transition-normal);position:fixed;top:0;left:0}.header-container{justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto;padding:14px 24px;display:flex}.logo-area{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon{color:var(--accent-orange);transition:transform var(--transition-normal);font-size:1.6rem;position:relative}.status-dot{border:2px solid var(--bg-secondary);background-color:var(--accent-green);width:10px;height:10px;box-shadow:0 0 6px var(--accent-green);transition:all var(--transition-fast);border-radius:50%;position:absolute;bottom:-2px;right:-2px}.status-dot.offline{background-color:var(--accent-orange);box-shadow:0 0 6px var(--accent-orange)}.logo-area:hover .logo-icon{transform:scale(1.1)}.logo-text h1{letter-spacing:-.5px;font-size:1.25rem;font-weight:800}.logo-text span{color:var(--text-muted);font-size:.75rem;font-family:var(--font-headings);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.nav-links{align-items:center;gap:16px;display:flex}.curator-tag{font-family:var(--font-headings);background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;display:inline-flex}.theme-btn{border:1px solid var(--border-color);width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-btn:hover{border-color:var(--text-primary);background-color:var(--bg-tertiary);transform:scale(1.05)}.main-content{max-width:1300px;margin:80px auto 0;padding:40px 24px}.hero-section{text-align:center;max-width:800px;margin:40px auto;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.hero-badge{font-family:var(--font-headings);color:var(--accent-orange);background-color:#d977571a;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.pulse-dot{background-color:var(--accent-orange);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.hero-section h2{letter-spacing:-1.5px;margin-bottom:20px;font-size:3rem;font-weight:800}.hero-section .highlight{background:linear-gradient(120deg, var(--accent-orange) 0%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-desc{color:var(--text-secondary);margin-bottom:35px;font-size:1.15rem}.filter-box{z-index:10;max-width:600px;margin:0 auto;position:relative}.search-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;left:20px}.search-input{width:100%;font-family:var(--font-headings);background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);border-radius:30px;outline:none;padding:16px 330px 16px 52px;font-size:1rem}.search-input:focus{border-color:var(--accent-orange);box-shadow:0 0 0 4px #d9775726, var(--shadow-md)}.search-source-select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-headings);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;outline:none;padding:6px 28px 6px 12px;font-size:.82rem;font-weight:600;position:absolute;right:52px}.search-source-select:hover{border-color:var(--text-primary);background-color:var(--bg-secondary)}.ai-search-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;height:32px;font-family:var(--font-headings);white-space:nowrap;transition:all var(--transition-fast);border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.82rem;font-weight:600;display:flex;position:absolute;right:186px}.ai-search-toggle-btn i{font-size:.85rem}.ai-search-toggle-btn:hover{background:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;position:absolute;right:14px}.clear-btn:hover{color:var(--text-primary)}.stats-row{justify-content:center;gap:16px;margin-top:30px;display:flex}.stat-pill{font-family:var(--font-headings);color:var(--text-secondary);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.85rem;font-weight:500;display:flex}.ai-console-container{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:1.25rem;max-width:680px;margin:0 auto 2rem;padding:2rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:none}.ai-console-header{justify-content:space-between;align-items:center;display:flex}.ai-console-title{font-family:var(--font-headings);color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.ai-console-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.ai-console-close-btn:hover{color:var(--text-primary)}.ai-console-description{color:var(--text-secondary);font-size:.9rem}.ai-label{font-family:var(--font-headings);color:var(--text-primary);margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.ai-input{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);transition:border-color var(--transition-fast);border-radius:8px;outline:none;padding:10px 14px}.ai-input:focus{border-color:var(--accent-orange)}.ai-key-save-btn{background-color:var(--accent-orange);color:#fff;font-family:var(--font-headings);cursor:pointer;transition:background-color var(--transition-fast);border:none;border-radius:8px;padding:10px 20px;font-weight:600}.ai-key-save-btn:hover{background-color:var(--accent-orange-hover)}.ai-help-text{color:var(--text-muted);margin-top:.35rem;font-size:.72rem;display:block}.ai-textarea{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;height:90px;color:var(--text-primary);font-size:.9rem;font-family:var(--font-body);resize:none;transition:border-color var(--transition-fast);border-radius:8px;outline:none;padding:12px}.ai-textarea:focus{border-color:var(--accent-orange)}.ai-search-submit-btn{background-color:var(--text-primary);color:var(--bg-primary);font-family:var(--font-headings);cursor:pointer;transition:opacity var(--transition-fast);border:none;border-radius:8px;padding:12px;font-size:.95rem;font-weight:700}.ai-search-submit-btn:hover{opacity:.9}.ai-search-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ai-active-banner{border:1px dashed var(--accent-orange);color:var(--text-primary);background-color:#d9775714;border-radius:12px;justify-content:space-between;align-items:center;max-width:680px;margin:0 auto 2rem;padding:12px 20px;font-size:.9rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:none}.ai-exit-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.dropzone-container{text-align:center;border:2px dashed var(--border-color);background-color:var(--bg-secondary);box-shadow:var(--card-shadow);max-width:680px;transition:all var(--transition-fast);border-radius:12px;flex-direction:column;align-items:center;gap:1.2rem;margin:0 auto 2rem;padding:2.5rem 2rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:none}.dropzone-container.dragover{border-color:var(--accent-orange);background-color:#d977570d}.dropzone-title{font-family:var(--font-headings);color:var(--text-primary);font-size:1.1rem;font-weight:700}.dropzone-description{color:var(--text-secondary);max-width:520px;font-size:.9rem}.dropzone-btn-row{gap:12px;display:flex}.hidden-input{display:none}.category-pills-container{border-bottom:1px solid var(--border-color);margin-bottom:40px;padding-bottom:16px}.category-pills{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pill-btn{font-family:var(--font-headings);background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex}.pill-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.pill-btn.active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.category-chip-count{font-family:var(--font-mono);color:var(--text-secondary);background-color:#1414130d;border-radius:20px;padding:1px 6px;font-size:.7rem}body.dark-mode .category-chip-count{color:var(--text-secondary);background-color:#ffffff0d}.pill-btn.active .category-chip-count{color:var(--bg-primary);background-color:#ffffff26}body.dark-mode .pill-btn.active .category-chip-count{color:var(--bg-primary);background-color:#00000026}.section-title{font-family:var(--font-headings);letter-spacing:-.5px;align-items:center;gap:10px;margin-bottom:24px;font-size:1.5rem;font-weight:800;display:flex}.section-title span{color:var(--text-muted);font-weight:400}.bundles-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:48px;display:grid}.bundle-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--card-shadow);border-radius:12px;flex-direction:column;gap:10px;padding:24px;display:flex}.bundle-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.bundle-header{align-items:center;gap:12px;display:flex}.bundle-emoji{font-size:1.6rem}.bundle-name{font-family:var(--font-headings);color:var(--text-primary);font-size:1.15rem;font-weight:700}.bundle-tagline{color:var(--text-secondary);font-size:.9rem}.brands-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;min-height:200px;display:grid}.skill-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:all var(--transition-normal);border-radius:12px;flex-direction:column;padding:24px;animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex;position:relative;overflow:hidden}.skill-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.skill-card-glow{background:linear-gradient(90deg, var(--accent-orange) 0%, #d9775733 100%);opacity:0;width:100%;height:3px;transition:opacity var(--transition-fast) ease;position:absolute;top:0;left:0}.skill-card:hover .skill-card-glow{opacity:1}.skill-category{font-family:var(--font-headings);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;font-size:.75rem;font-weight:600}.skill-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.skill-title{color:var(--text-primary);letter-spacing:-.5px;font-size:1.25rem;font-weight:700;line-height:1.3}.skill-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:.9rem;line-height:1.5}.skill-meta{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.meta-tag{font-family:var(--font-mono);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:3px 8px;font-size:.72rem}.card-footer{border-top:1px solid var(--border-color);flex-direction:column;gap:10px;width:100%;margin-top:auto;padding-top:16px;display:flex}.skill-id-badge{font-family:var(--font-mono);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:.78rem;overflow:hidden}.card-action-row{gap:8px;width:100%;display:flex}.btn-card-action{background-color:var(--bg-tertiary);width:100%;color:var(--text-primary);justify-content:space-between}.skill-card:hover .btn-card-action{background-color:var(--accent-orange);color:#fff;border-color:var(--accent-orange)}.btn-card-secondary{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000;border-radius:6px;flex:1;justify-content:center;padding:8px 12px;font-size:.8rem}.btn-card-secondary:hover{border-color:var(--text-primary);background-color:var(--bg-tertiary);color:var(--text-primary)}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#14141366;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);width:90%;max-width:500px;box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:1.25rem;padding:2rem;animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeInUp;display:flex;position:relative}.modal-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:1.35rem;position:absolute;top:1.2rem;right:1.2rem}.modal-close:hover{color:var(--text-primary)}.modal-title{font-family:var(--font-headings);color:var(--text-primary);font-size:1.4rem;font-weight:700}.code-box{background-color:var(--anthropic-dark);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--accent-orange);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.9rem;display:flex;position:relative}.code-box:hover{border-color:var(--accent-orange)}.code-copy-tip{font-family:var(--font-headings);color:var(--anthropic-mid-gray);background-color:#ffffff1a;border-radius:4px;padding:3px 8px;font-size:.72rem}.toast{background-color:var(--anthropic-dark);color:#fff;box-shadow:var(--shadow-lg);font-family:var(--font-headings);z-index:1100;opacity:0;pointer-events:none;transition:transform var(--transition-normal), opacity var(--transition-normal);border-radius:30px;align-items:center;gap:10px;padding:12px 24px;font-size:.9rem;font-weight:600;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)translateY(100px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}body.dark-mode .toast{background-color:var(--anthropic-light);color:var(--anthropic-dark)}.site-footer{border-top:1px solid var(--border-color);background-color:var(--bg-secondary);margin-top:60px;padding:40px 24px}.footer-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1300px;margin:0 auto;display:flex}.footer-logo{font-family:var(--font-headings);color:var(--text-primary);align-items:center;gap:8px;margin-bottom:6px;font-size:1.15rem;font-weight:800;display:flex}.footer-left p{color:var(--text-muted);font-size:.85rem}.footer-right{text-align:right}.copyright{color:var(--text-muted);margin-bottom:10px;font-size:.8rem}.footer-actions-row{justify-content:flex-end;align-items:center;gap:12px;display:flex}.footer-link-btn{font-family:var(--font-headings);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex}.footer-link-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background-color:var(--bg-tertiary)}.social-icons{justify-content:flex-end;gap:14px;margin-top:10px;display:flex}.social-icons a{color:var(--text-muted);font-size:1.1rem}.social-icons a:hover{color:var(--text-primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #d9775766}70%{box-shadow:0 0 0 8px #d9775700}to{box-shadow:0 0 #d9775700}}@media (max-width:900px){.hero-section h2{font-size:2.2rem}}@media (max-width:600px){.nav-links .curator-tag{display:none}.footer-container{text-align:center;flex-direction:column}.footer-right{text-align:center}.footer-actions-row,.social-icons{justify-content:center}}