*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0d12;color:#e8eaf0}
a{color:inherit}.hero{padding:24px 6vw 48px;background:radial-gradient(circle at 20% 0,#2b3cff55,transparent 60%),radial-gradient(circle at 90% 20%,#ff5ca855,transparent 50%)}
nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:48px}.logo{font-weight:800;font-size:20px}nav a{text-decoration:none;opacity:.8}
h1{font-size:clamp(32px,5vw,56px);margin:0 0 12px;max-width:800px}.hero p{max-width:640px;opacity:.85;font-size:18px}
#q{margin-top:20px;width:100%;max-width:560px;padding:14px 16px;border-radius:12px;border:1px solid #333a4d;background:#141824;color:#fff;font-size:16px}
main{padding:0 6vw 48px}.sponsor{margin:-24px 0 24px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:18px 22px;border-radius:16px;background:linear-gradient(90deg,#1d2333,#2a1d33);border:1px dashed #ffcc4d}
.sponsor h3{margin:0}.sponsor p{margin:4px 0 0;opacity:.7}.badge{background:#ffcc4d;color:#000;font-weight:700;font-size:12px;padding:4px 8px;border-radius:6px}
.btn{background:#5b6cff;color:#fff;border:0;padding:10px 18px;border-radius:10px;font-weight:600;text-decoration:none;cursor:pointer}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{padding:7px 12px;border-radius:999px;border:1px solid #333a4d;background:#141824;color:#cfd3e0;cursor:pointer;font-size:14px}.chip.on{background:#5b6cff;border-color:#5b6cff;color:#fff}.small .chip{font-size:12px;padding:5px 10px}
.muted{opacity:.6}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.card{background:#141824;border:1px solid #232a3b;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;transition:.15s}.card:hover{border-color:#5b6cff;transform:translateY(-2px)}
.card h4{margin:0;font-size:17px}.card .cat{font-size:12px;color:#8f9bff;text-transform:uppercase;letter-spacing:.04em}.card p{margin:0;opacity:.8;font-size:14px;line-height:1.45}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.tag{font-size:11px;padding:3px 8px;border-radius:6px;background:#1f2536}.tag.good{background:#123d2a;color:#7ff0b0}.tag.bad{background:#3d1212;color:#ff9a9a}
.news{margin-top:48px;padding:28px;border-radius:16px;background:#141824;border:1px solid #232a3b;text-align:center}.news form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.news input{padding:10px 14px;border-radius:10px;border:1px solid #333a4d;background:#0b0d12;color:#fff;min-width:260px}
footer{padding:24px 6vw;opacity:.5;font-size:13px}
.check{display:flex;gap:8px;align-items:center;font-size:12px}.status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.status.works{background:#123d2a;color:#7ff0b0}.status.flaky{background:#3d3212;color:#ffd77a}.status.broken{background:#3d1212;color:#ff9a9a}.tested{opacity:.6}.card .note{font-size:12px;opacity:.65}.legend{font-size:13px;line-height:2}
.btn.ghost{background:transparent;border:1px solid #5b6cff;margin-right:8px}.page section{margin:24px 0}.page h2{margin:0 0 8px}.page ul{opacity:.85;line-height:1.7}.page>section>p{opacity:.85;max-width:720px}footer a{color:inherit}
.can{display:flex;flex-wrap:wrap;gap:6px}.canchip{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid #333a4d;color:#cfd3e0}.canchip.browse{border-color:#5b6cff;color:#aab4ff}.canchip.cart{border-color:#ffcc4d;color:#ffd77a}.canchip.checkout{border-color:#3fbf7f;color:#7ff0b0}.canchip.reorder{border-color:#ff5ca8;color:#ff9ccc}.canchip.tool{color:#8a90a3}