*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020617;--surface:#0a0f1e;--surface2:#0f1629;--border:#ffffff12;--border-hover:#ffffff26;--text:#e2e8f0;--text-muted:#64748b;--text-dim:#334155;--accent:#6366f1;--accent2:#8b5cf6;--accent-glow:#6366f159;--green:#10b981;--font-display:"Syne", sans-serif;--font-mono:"Geist Mono", monospace}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-display);min-height:100vh;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#6366f11f 0%,#0000 70%);width:900px;height:400px;position:fixed;top:-200px;left:50%;transform:translate(-50%)}#root{z-index:1;position:relative}.header{z-index:100;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);background:#020617d9;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:60px;margin:0 auto;padding:0 24px;display:flex}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg, var(--accent), var(--accent2));width:28px;height:28px;font-family:var(--font-mono);color:#fff;box-shadow:0 0 16px var(--accent-glow);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.logo-text{color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:700}.logo-text span{color:var(--accent)}.header-right{align-items:center;gap:16px;display:flex}.social-actions{align-items:center;gap:8px;display:flex}.social-btn{font-family:var(--font-display);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.social-btn:hover{border-color:var(--border-hover);color:var(--text);background:var(--surface2)}.social-btn svg{opacity:.7}.badge-count{font-family:var(--font-mono);color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:11px}.github-btn{font-family:var(--font-display);color:var(--text);background:var(--surface2);border:1px solid var(--border-hover);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.github-btn:hover{color:#fff;background:#ffffff0f;border-color:#fff3}.hero{text-align:center;max-width:1280px;margin:0 auto;padding:80px 24px 56px}.hero-pill{font-family:var(--font-mono);color:var(--accent);background:#6366f11a;border:1px solid #6366f140;border-radius:20px;align-items:center;gap:7px;margin-bottom:28px;padding:5px 12px;font-size:11px;font-weight:500;animation:.6s both fadeUp;display:inline-flex}.pill-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{letter-spacing:-.04em;margin-bottom:20px;font-size:clamp(40px,6vw,72px);font-weight:800;line-height:1.05;animation:.6s .1s both fadeUp}.hero-title .grad{background:linear-gradient(135deg,#e2e8f0 0%,#6366f1 50%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--text-muted);max-width:520px;margin:0 auto 40px;font-size:16px;font-weight:400;line-height:1.7;animation:.6s .2s both fadeUp}.filter-bar{flex-direction:column;gap:16px;max-width:1280px;margin:0 auto;padding:0 24px 40px;animation:.6s .3s both fadeUp;display:flex}.search-wrap{max-width:480px;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--surface);border:1px solid var(--border);width:100%;font-family:var(--font-display);color:var(--text);border-radius:10px;outline:none;padding:11px 14px 11px 40px;font-size:14px;transition:border-color .18s,box-shadow .18s}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f11a}.tag-filters{flex-wrap:wrap;gap:8px;display:flex}.tag-btn{font-family:var(--font-display);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;letter-spacing:.01em;background:0 0;border-radius:20px;padding:5px 13px;font-size:12px;font-weight:600;transition:all .15s}.tag-btn:hover{border-color:var(--border-hover);color:var(--text)}.tag-btn.active{color:#a5b4fc;background:#6366f126;border-color:#6366f166}.grid-wrap{max-width:1280px;margin:0 auto;padding:0 24px 80px}.results-label{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;margin-bottom:20px;font-size:11px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);cursor:default;border-radius:14px;flex-direction:column;gap:14px;padding:22px;transition:border-color .2s,transform .2s,box-shadow .2s;animation:.5s both fadeUp;display:flex;position:relative;overflow:hidden}.card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000,#6366f166,#0000);height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0006,0 0 0 1px #6366f11a}.card:hover:before{opacity:1}.card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.card-title{color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:700;line-height:1.3}.vibe-tag{font-family:var(--font-mono);white-space:nowrap;letter-spacing:.03em;border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:10px;font-weight:500}.card-prompt{color:var(--text-muted);font-size:12.5px;line-height:1.65;font-family:var(--font-mono);-webkit-line-clamp:4;background:#0000004d;border:1px solid #ffffff0a;border-radius:8px;-webkit-box-orient:vertical;flex:1;padding:12px;display:-webkit-box;overflow:hidden}.card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.copy-btn{font-family:var(--font-display);letter-spacing:.01em;cursor:pointer;background:linear-gradient(135deg, var(--accent), var(--accent2));color:#fff;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .18s;display:flex;box-shadow:0 2px 12px #6366f14d}.copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6366f180}.copy-btn:active{transform:translateY(0)}.copy-btn.copied{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 2px 12px #10b98159}.chars-count{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}.vibe-minimal{color:#94a3b8;background:#94a3b814;border:1px solid #94a3b833}.vibe-dark{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f140}.vibe-modern{color:#67e8f9;background:#22d3ee14;border:1px solid #22d3ee33}.vibe-futuristic{color:#c4b5fd;background:#8b5cf61a;border:1px solid #8b5cf640}.vibe-bold{color:#fcd34d;background:#fbbf241a;border:1px solid #fbbf2433}.vibe-web3{color:#f9a8d4;background:#f472b61a;border:1px solid #f472b633}.vibe-ux{color:#6ee7b7;background:#34d3991a;border:1px solid #34d39933}.vibe-saas{color:#34d399;background:#10b9811a;border:1px solid #10b98133}.vibe-social{color:#fdba74;background:#fb923c1a;border:1px solid #fb923c33}.vibe-impact{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.vibe-info{color:#7dd3fc;background:#0ea5e91a;border:1px solid #0ea5e933}.vibe-pro{color:#d8b4fe;background:#a855f71a;border:1px solid #a855f733}.vibe-system{color:#9ca3af;background:#4b556333;border:1px solid #4b55634d}.vibe-corporate{color:#a5b4fc;background:#6366f114;border:1px solid #6366f133}.vibe-retro{color:#fde68a;background:#fbbf2414;border:1px solid #fbbf242e}.vibe-creative{color:#f9a8d4;background:#ec48991a;border:1px solid #ec489933}.empty{text-align:center;color:var(--text-dim);grid-column:1/-1;padding:80px 20px}.empty-icon{opacity:.5;margin-bottom:16px;font-size:40px}.empty-title{color:var(--text-muted);margin-bottom:8px;font-size:18px;font-weight:700}.empty-sub{font-size:14px}.footer{border-top:1px solid var(--border);text-align:center;font-family:var(--font-mono);color:var(--text-dim);padding:28px 24px;font-size:12px}.footer a{color:var(--text-muted);text-decoration:none}.footer a:hover{color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.hero{padding:56px 16px 40px}.filter-bar,.grid-wrap{padding-left:16px;padding-right:16px}.badge-count{display:none}.card-grid{grid-template-columns:1fr}}.contribute-section{max-width:1280px;margin:0 auto 80px;padding:0 24px}.contribute-content{background:linear-gradient(135deg, var(--surface2) 0%, var(--surface) 100%);border:1px solid var(--border);text-align:center;border-radius:24px;padding:60px 24px;position:relative;overflow:hidden}.contribute-content:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contribute-icon{margin-bottom:20px;font-size:32px}.contribute-title{letter-spacing:-.03em;margin-bottom:16px;font-size:32px;font-weight:800}.contribute-text{color:var(--text-muted);max-width:500px;margin:0 auto 32px;line-height:1.6}.contribute-btn{color:#000;background:#fff;border-radius:12px;align-items:center;padding:12px 28px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.contribute-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #ffffff1a}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#1e293b}