.craft-accent{color:var(--gold)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6}::selection{background:var(--accent-legacy);color:oklch(var(--primary-foreground))}.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent-legacy);color:oklch(var(--primary-foreground));padding:.5rem 1rem;z-index:100}.skip-link:focus{left:.5rem;top:.5rem}.site-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1.25rem,4vw,3rem);background:#06080deb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-legacy)}.nav-brand{font-family:var(--font-display);font-weight:700;font-size:1.05rem;text-decoration:none;letter-spacing:-.01em}.nav-brand .accent{color:var(--accent-2)}.nav-links{display:flex;gap:1.5rem;font-size:.9rem}.nav-links a{color:var(--muted-legacy);text-decoration:none}.nav-links a:hover{color:var(--text)}@media (max-width: 640px){.nav-links{gap:1rem;font-size:.8rem}}.hero,.detail-hero{padding:6rem clamp(1.25rem,4vw,3rem) 4rem;border-bottom:1px solid var(--border-legacy)}.detail-hero{padding-top:4rem}.hero-kicker{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.22em;color:var(--accent-2);margin:0 0 1.5rem}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,7vw,5.5rem);line-height:1.02;letter-spacing:-.03em;margin:0 0 1.5rem;max-width:16ch}.detail-title{max-width:none}.outline{color:transparent;-webkit-text-stroke:1.5px rgba(242,245,249,.85)}.hero-sub{max-width:60ch;color:var(--muted-legacy);font-size:clamp(1rem,1.4vw,1.15rem);margin:0 0 2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-bottom:2.5rem}.btn{font-family:var(--font-display);font-weight:600;--btn-fs: .95rem;--btn-py: .85rem;--btn-px: 1.6rem;--btn-radius: 999px}#btn-auto-search .auto-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--faint, #556);margin-right:7px;vertical-align:middle}#btn-auto-search.is-on{border-color:var(--accent-2, #7fd4a8);color:var(--accent-2, #7fd4a8)}#btn-auto-search.is-on .auto-dot{background:var(--accent-2, #7fd4a8);animation:auto-search-pulse 1.6s ease-in-out infinite}@keyframes auto-search-pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion: reduce){#btn-auto-search.is-on .auto-dot{animation:none}}.hero-meta{display:flex;flex-wrap:wrap;gap:2rem;color:var(--faint);font-size:.9rem}.hero-meta strong{color:var(--text);font-family:var(--font-mono);font-weight:500}.projects,.about{padding:clamp(3rem,7vw,6rem) clamp(1.25rem,4vw,3rem)}.section-head{max-width:720px;margin-bottom:clamp(2rem,4vw,3rem)}.section-head h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.02em;margin:0 0 .75rem}.section-head p{color:var(--muted-legacy);margin:0}.section-foot{margin-top:3rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.raw-link{font-family:var(--font-mono);font-size:.85rem;color:var(--faint);text-decoration:none;border-bottom:1px dashed var(--faint);padding-bottom:2px}.raw-link:hover{color:var(--accent-2);border-color:var(--accent-2)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:1.25rem}.card{position:relative;background:var(--panel);border:1px solid var(--border-legacy);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.card:hover{border-color:var(--border-strong)}.card-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.8rem;color:var(--faint)}.card-rank{color:var(--accent-legacy)}.card-stars{color:var(--gold)}.card-title{font-family:var(--font-display);font-size:1.45rem;font-weight:700;letter-spacing:-.02em;margin:.25rem 0 0}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:var(--accent-2)}.card-user{margin:0;font-size:.85rem;color:var(--muted-legacy)}.card-user:before{content:"@";color:var(--accent-2)}.card-desc{margin:.35rem 0 .75rem;color:var(--muted-legacy);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.9em}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.04em;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border-legacy);color:var(--muted-legacy);background:#ffffff08;white-space:nowrap}.tag-lang{color:var(--accent-2);border-color:#22d3ee59}.tag-craft-gold{color:var(--gold);border-color:#fbbf2473;background:#fbbf240f}.tag-craft-silver{color:#cbd5e1;border-color:#cbd5e166;background:#cbd5e10d}.card-links{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:auto;font-family:var(--font-mono);font-size:.82rem}.card-links a{color:var(--muted-legacy);text-decoration:none;border-bottom:1px solid transparent}.card-links a:hover{color:var(--text);border-color:var(--accent-2)}.about{background:var(--bg-2);border-top:1px solid var(--border-legacy)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1.25rem}.step{border:1px solid var(--border-legacy);border-radius:var(--radius-lg);padding:1.75rem;background:var(--panel)}.step-number{font-family:var(--font-mono);font-size:.8rem;color:var(--accent-legacy)}.step h3{font-family:var(--font-display);font-size:1.25rem;margin:.75rem 0 .5rem}.step p{margin:0;color:var(--muted-legacy);font-size:.92rem}.detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;max-width:860px}.detail-stat{border:1px solid var(--border-legacy);border-radius:var(--radius-md);padding:1rem 1.15rem;background:var(--panel)}.detail-stat-label{display:block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:var(--faint);margin-bottom:.3rem}.detail-stat-value{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.vault-stats{display:flex;gap:20px;flex-wrap:wrap;margin:14px 0 20px;color:var(--text-2);font-size:14px}.vault-stats .vault-audit{cursor:help}.vault-stats .vault-audit:first-letter{color:var(--text-1)}.vault-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.vault-controls input[type=search],.vault-controls select{background:var(--panel);border:1px solid var(--border-legacy);border-radius:8px;color:var(--text);padding:9px 12px;font-size:14px}.vault-controls input[type=search]{min-width:240px;flex:1}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.vault-card{background:var(--panel);border:1px solid var(--border-legacy);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.vault-card header{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.vault-card h3{margin:0;font-size:16px;font-weight:600}.vault-stars{color:var(--text-2);font-size:13px;white-space:nowrap}.vault-desc{margin:0;color:var(--text-2);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.vault-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--text-2)}.vault-badge{background:#6366f126;color:#a5b4fc;border-radius:999px;padding:2px 10px;font-size:11px}.vault-badge.is-in{background:#22c55e26;color:#86efac}.vault-tags{display:flex;gap:6px;flex-wrap:wrap}.vault-tags span{background:#ffffff0f;border-radius:6px;padding:2px 8px;font-size:11px;color:var(--text-2)}.star-row{display:flex;gap:2px}.card .star-row{margin-top:2px}.star-btn{background:none;border:none;cursor:pointer;font-size:18px;line-height:1;color:#ffffff2e;padding:2px}.star-btn.is-on{color:#fbbf24}.vault-actions{display:flex;gap:14px;align-items:center;font-size:13px;margin-top:auto}.vault-actions a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border-legacy)}.btn-collect{margin-left:auto}.vault-empty{color:var(--text-2);padding:40px 0;text-align:center}.btn-ghost{--btn-fs: 13px;--btn-py: 8px;--btn-px: 14px;--btn-radius: 8px}.bestof-group{margin-bottom:3rem}.bestof-group h2{margin:0 0 4px;font-size:1.3rem}.bestof-count{color:var(--text-2);font-weight:400;font-size:.95rem}.bestof-desc{margin:0 0 16px;color:var(--text-2);font-size:14px}.bestof-group .vault-card{min-height:180px}.comp-count{color:var(--text-2);font-size:13px;white-space:nowrap}.tag-cloud{margin:14px 0 18px;padding:12px 14px;background:var(--panel);border:1px solid var(--border-legacy);border-radius:12px}.tag-cloud-head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.tag-cloud-head h2{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.tag-cloud-sub{font-size:12px;color:var(--text-2)}.tag-cloud-clear{margin-left:auto;background:none;border:1px solid var(--border-legacy);border-radius:999px;color:var(--text-1);font-size:12px;padding:3px 10px;cursor:pointer}.tag-cloud-clear:hover{border-color:var(--text-2)}.tag-cloud-tags{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.tag-chip{background:none;border:none;padding:1px 2px;color:var(--text-2);font-family:inherit;line-height:1.5;cursor:pointer}.tag-chip span{font-size:10px;color:var(--text-3, var(--text-2));opacity:.7}.tag-chip:hover{color:var(--text-1);text-decoration:underline}.tag-chip.is-active{color:var(--accent, #7fb4ff);font-weight:700;text-decoration:underline}.comp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.comp-card{background:var(--panel);border:1px solid var(--border-legacy);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.comp-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.comp-lib{font-size:11px;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 9px;background:#6366f124;color:#a5b4fc}.comp-lib-shadcn{background:#38bdf824;color:#7dd3fc}.comp-lib-magicui{background:#a78bfa29;color:#c4b5fd}.comp-lib-aceternity{background:#34d39924;color:#6ee7b7}.comp-lib-animateui{background:#fbbf2424;color:#fcd34d}.comp-lib-motion-primitives{background:#f472b624;color:#f9a8d4}.comp-lib-kibo{background:#2dd4bf24;color:#5eead4}.comp-lib-kibo-patterns{background:#fb923c29;color:#fdba74}.comp-name{margin:0;font-size:15px;font-weight:600;word-break:break-word}.comp-tags{display:flex;gap:6px;flex-wrap:wrap}.comp-dep{font-size:11px;color:var(--text-2);background:#ffffff0d;border-radius:6px;padding:2px 7px}.comp-rated-tag{color:#fbbf24;background:#fbbf241a}.comp-ai-tag{color:#7dd3fc;background:#7dd3fc14}.comp-variants{color:#fdba74;background:#fb923c1a}.comp-card.is-pattern-group{border-style:dashed;background:linear-gradient(180deg,#fb923c0b,#fb923c04)}.comp-card.is-pattern-group .comp-name:after{content:"pattern group";display:inline-block;margin-left:8px;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;vertical-align:middle;color:#fdba74;background:#fb923c1f;border:1px solid rgba(251,146,60,.25)}.comp-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.comp-size{color:var(--text-2);font-size:12px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px}.modal-backdrop{position:absolute;inset:0;background:#03050ab8}.modal-panel{position:relative;background:#0d1119;border:1px solid var(--border-legacy);border-radius:14px;width:min(960px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;overflow:hidden}.comp-modal-panel{height:min(760px,calc(100vh - 48px))}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px 12px}.modal-head h3{margin:0;font-size:18px}.modal-sub{margin:4px 0 0;color:var(--text-2);font-size:13px}.comp-install{align-items:center;background:#ffffff0a;border:1px solid var(--border-legacy);border-radius:8px;display:flex;gap:10px;margin-top:10px;max-width:560px;padding:6px 6px 6px 12px}.comp-install code{color:var(--text-2);flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comp-install-copy{background:var(--text);border:none;border-radius:6px;color:var(--bg);cursor:pointer;font:inherit;font-size:12px;font-weight:600;padding:4px 12px}.comp-install-copy:hover{opacity:.88}.comp-tabs{display:flex;gap:6px;padding:0 20px;border-bottom:1px solid var(--border-legacy)}.comp-tab{font:inherit;font-size:13px;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-2);padding:8px 12px;cursor:pointer}.comp-tab.is-active{color:var(--text);border-bottom-color:#a5b4fc}.modal-body{flex:1;overflow:auto;display:flex;flex-direction:column}.comp-pane{flex:1;display:flex;flex-direction:column;min-height:0}.comp-pane[hidden]{display:none}.comp-frame{width:100%;flex:1;min-height:320px;border:0;background:#fff}.comp-frame-status{margin:0;padding:8px 20px;font-size:12px;color:var(--text-2);border-top:1px solid var(--border-legacy)}.comp-frame-status.is-ok{color:#6ee7a0}.comp-frame-status.is-err{color:#ff8095}.comp-code-files{display:flex;gap:6px;flex-wrap:wrap;padding:12px 20px 0}.comp-file{font:inherit;font-size:12px;font-family:ui-monospace,monospace;background:#ffffff0a;border:1px solid var(--border-legacy);border-radius:7px;color:var(--text-2);padding:4px 10px;cursor:pointer}.comp-file.is-active{color:var(--text);border-color:#6366f1;background:#6366f11f}.comp-code-wrap{flex:1;display:flex;flex-direction:column;padding:12px 20px 16px;gap:10px;min-height:0}.comp-code{margin:0;flex:1;overflow:auto;background:#0a0d14;border:1px solid var(--border-legacy);border-radius:10px;padding:14px;font-size:12px;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#d7dde8;white-space:pre}.comp-modal-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--border-legacy)}.comp-source-link{color:#a5b4fc;font-size:13px;text-decoration:none}.comp-source-link:hover{text-decoration:underline}.site-footer{padding:3rem clamp(1.25rem,4vw,3rem);border-top:1px solid var(--border-legacy);color:var(--faint);font-size:.9rem}