@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg: #050505;--surface: #0f0f0f;--surface-2: #1a1a1a;--border: #222;--border-light: #333;--text: #f0f0f0;--text-dim: #aaa;--text-muted: #777;--accent: #ff0040;--accent-2: #00ff88;--accent-3: #ffaa00;--accent-4: #00ccff;--warning: #ffcc00;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;opacity:.02;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.3) 2px,rgba(0,0,0,.3) 4px)}.site-header{position:relative;padding:3rem 1.5rem 2rem;max-width:1400px;margin:0 auto;border-bottom:2px solid var(--border)}.stars-button-container{display:flex;justify-content:flex-end;margin-bottom:2rem}.submit-tool-button .star-svg{aspect-ratio:1/1;color:var(--text);width:.7rem}.header-grid{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}@media (max-width: 700px){.header-grid{grid-template-columns:1fr}}.brand-block{position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text);text-transform:uppercase}h1 .fck{color:var(--accent);text-shadow:3px 3px 0px rgba(255,0,64,.3);position:relative}h1 .fck:after{content:"F*CK";position:absolute;top:2px;left:2px;color:transparent;-webkit-text-stroke:1px rgba(255,0,64,.2);z-index:-1}.tagline-block{margin-top:1.25rem;padding-left:1rem;border-left:3px solid var(--accent)}.tagline-main{font-family:var(--font-display);font-size:1.3rem;font-weight:600;color:var(--text);letter-spacing:-.01em}.tagline-sub{font-size:.9rem;color:var(--text-dim);margin-top:.4rem;max-width:500px;line-height:1.6}.header-stats{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.submit-tool-button{font-size:.8rem;color:#fff;background-color:var(--accent);padding:.3rem .8rem;border:none;border-radius:2rem;box-shadow:3px 3px #ff00404d;transition-duration:.3s}.submit-tool-button:hover{background-color:#fff;color:#000;cursor:pointer;box-shadow:3px 3px #838383}.stat-row{display:flex;align-items:center;gap:.5rem}.stat-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-2);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.marquee-strip{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:.4rem 0;overflow:hidden;white-space:nowrap;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.marquee-content{display:inline-block;animation:marquee 30s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.controls{max-width:1400px;margin:0 auto;padding:1.5rem;top:0;background:#050505eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border)}.controls-inner{display:flex;flex-direction:column;gap:1rem}.search-box{position:relative}.search-box:before{content:"▸";position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--accent);font-family:var(--font-mono);font-size:1rem;pointer-events:none}input[type=text]{width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:.85rem 1rem .85rem 2.5rem;border-radius:4px;font-size:1rem;font-family:var(--font-sans);outline:none;transition:all .2s}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff00401a}input[type=text]::placeholder{color:var(--text-muted)}.categories{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center}.cat-btn{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.35rem .9rem;border-radius:2px;cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-mono);transition:all .15s;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cat-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);transition:left .2s;z-index:-1}.cat-btn:hover{color:var(--text);border-color:var(--accent)}.cat-btn:hover:before{left:0;opacity:.1}.cat-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.cat-btn.active:before{display:none}.cat-btn .count{font-size:.7rem;opacity:.6;margin-left:.3rem}.results-count{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.section-divider{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:var(--border)}.grid{max-width:1400px;margin:0 auto;padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:.5rem;background:var(--border)}@media (max-width: 400px){.grid{grid-template-columns:1fr}}.card{background:var(--surface);padding:1.5rem;border-radius:1rem;display:flex;flex-direction:column;gap:.9rem;transition:all .2s ease;position:relative;overflow:hidden;min-height:200px}.card:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:var(--accent);transition:width .3s ease}.card:hover{background:var(--surface-2)}.card:hover:after{width:100%}.card:hover .card-index{color:var(--accent)}.card-index{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em;transition:color .2s}.card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.card-title-wrap{display:flex;flex-direction:column;gap:.2rem}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;letter-spacing:-.02em;transition:color .15s}.card-title:hover{color:var(--accent)}.card-title svg{width:14px;height:14px;opacity:0;transform:translate(-4px);transition:all .2s}.card:hover .card-title svg{opacity:.6;transform:translate(0)}.featured-badge{background:var(--accent);color:#fff;font-family:var(--font-mono);font-size:.6rem;font-weight:700;padding:.15rem .4rem;text-transform:uppercase;letter-spacing:.08em;border-radius:1px;flex-shrink:0}.card-desc{color:var(--text-dim);font-size:.9rem;line-height:1.6;flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);padding:.15rem .4rem;border:1px solid var(--border);border-radius:2px;transition:all .15s}.tag:hover{border-color:var(--accent-2);color:var(--accent-2);cursor:pointer}.card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border);margin-top:auto}.footer-left{display:flex;align-items:center;gap:.75rem}.category-pill{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);display:flex;align-items:center;gap:.3rem}.stars{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--warning);font-weight:600}.stars svg{width:12px;height:12px}.gh-link{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:.75rem;transition:color .2s;padding:.2rem .4rem;border:1px solid transparent;border-radius:2px}.gh-link:hover{color:var(--text);border-color:var(--border-light)}.gh-link svg{width:14px;height:14px}.web-only{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);font-style:italic}.empty,.loading,.error{grid-column:1 / -1;text-align:center;padding:5rem 2rem;background:var(--surface)}.empty h3{font-family:var(--font-display);font-size:1.5rem;color:var(--text);margin-bottom:.5rem}.empty p{color:var(--text-dim);font-size:.9rem}.loading{color:var(--text-muted);font-family:var(--font-mono)}.loading:after{content:"...";animation:dots 1.5s infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.error{color:var(--accent);font-family:var(--font-mono);border:1px solid rgba(255,0,64,.2)}.error h3{font-family:var(--font-display);margin-bottom:.5rem}footer{max-width:1400px;margin:0 auto;padding:3rem 1.5rem;text-align:center;border-top:2px solid var(--border)}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;text-align:left;margin-bottom:2rem}@media (max-width: 700px){.footer-grid{grid-template-columns:1fr}}.footer-col h4{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.footer-col p,.footer-col a{font-size:.85rem;color:var(--text-dim);text-decoration:none;line-height:1.8}.footer-col a:hover{color:var(--accent)}.footer-bottom{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);padding-top:2rem;border-top:1px solid var(--border)}.footer-bottom a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.glitch:hover:before{animation:glitch-1 .3s infinite;color:var(--accent-4);opacity:.8;z-index:-1}.glitch:hover:after{animation:glitch-2 .3s infinite;color:var(--accent);opacity:.8;z-index:-2}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(2px,-2px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(-2px,2px)}60%{transform:translate(1px,-1px)}80%{transform:translate(-1px,1px)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modal-fade-in .15s ease}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-panel{background:var(--surface);border:1px solid var(--border-light);box-shadow:0 0 0 1px var(--accent),8px 8px 0 var(--accent);width:100%;max-width:520px;max-height:90vh;overflow-y:auto;padding:2rem;animation:modal-slide-in .18s ease}@keyframes modal-slide-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.4rem}.modal-title{font-family:var(--font-mono);font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:var(--text);text-transform:uppercase}.modal-title-accent{color:var(--accent)}.modal-close{background:none;border:1px solid var(--border-light);color:var(--text-dim);font-size:.85rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s,border-color .2s;flex-shrink:0}.modal-close:hover{color:var(--accent);border-color:var(--accent)}.modal-subtitle{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.modal-field{display:flex;flex-direction:column;gap:.3rem}.modal-label{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.modal-required{color:var(--accent)}.modal-hint{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.05em}.modal-input{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);font-size:.8rem;padding:.55rem .75rem;width:100%;outline:none;transition:border-color .2s,box-shadow .2s;border-radius:0}.modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.modal-input::placeholder{color:var(--text-muted)}.modal-input:disabled{opacity:.5;cursor:not-allowed}.modal-textarea{resize:vertical;min-height:60px;font-family:var(--font-sans);font-size:.8rem;line-height:1.5}.modal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.modal-select option{background:var(--surface)}.modal-error{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.04em;padding:.5rem .75rem;border:1px solid var(--accent);background:#ff00400f}.modal-submit-btn{font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bg);background:var(--accent);border:none;padding:.7rem 1.25rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;margin-top:.25rem;box-shadow:3px 3px #ff00404d}.modal-submit-btn:hover:not(:disabled){background:var(--text);color:var(--bg);box-shadow:3px 3px #555}.modal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.modal-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:1.5rem 0 .5rem}.modal-success-icon{font-size:2.5rem;color:var(--accent-2);font-family:var(--font-mono);font-weight:700}.modal-success-title{font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.1em;color:var(--accent-2)}.modal-success-sub{font-size:.8rem;color:var(--text-dim);max-width:300px;margin-bottom:.5rem}.footer-link-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:3px}.footer-link-btn:hover{color:var(--accent)}.modal-panel::-webkit-scrollbar{width:4px}.modal-panel::-webkit-scrollbar-track{background:var(--bg)}.modal-panel::-webkit-scrollbar-thumb{background:var(--border-light)}