:root{--bg:#0b0c0e;--panel:#14161a;--panel2:#1a1d22;--text:#f4f5f7;--muted:#969ba5;--line:#292d34;--accent:#b7ff39;--danger:#ff5d68}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 20% -10%,#222a18 0,transparent 26%),var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{width:min(1120px,100% - 32px);min-height:100vh;margin:auto}.hero{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:44px 0 24px;display:flex}.logo-mark{background:var(--accent);color:#090b08;letter-spacing:-2px;border-radius:15px;place-items:center;width:58px;height:58px;font-weight:1000;display:grid;transform:rotate(-3deg)}.hero h1{letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.9}.hero h1 span{color:var(--accent)}.hero p{color:var(--muted);margin:10px 0 0;font-weight:650}.controls{gap:12px;padding:24px 0 14px;display:flex}.controls input{background:var(--panel);border:1px solid var(--line);min-width:0;color:var(--text);border-radius:12px;outline:none;flex:1;padding:14px 16px;font-size:1rem}.controls input:focus{border-color:#717a60}.request-button,.categories button,.empty button{background:var(--panel2);color:var(--text);cursor:pointer;border:0;border-radius:12px;padding:0 16px;font-weight:800}.request-button{background:var(--accent);color:#0a0b08}.categories{scrollbar-width:none;gap:8px;padding:0 0 24px;display:flex;overflow:auto}.categories button{white-space:nowrap;border:1px solid var(--line);padding:9px 13px}.categories button.active{color:#0b0c0e;background:#eceff3;border-color:#eceff3}.notice{color:#dcffab;background:#171b13;border:1px solid #3b4824;border-radius:10px;margin:0 0 18px;padding:11px 14px}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.gear-card{background:linear-gradient(180deg,#17191e,var(--panel));border:1px solid var(--line);border-radius:16px;flex-direction:column;min-height:260px;padding:20px;display:flex}.gear-meta{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);justify-content:space-between;font-size:.72rem;font-weight:800;display:flex}.brand{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:28px 0 5px;font-size:.78rem;font-weight:950}.gear-card h2{letter-spacing:-.035em;margin:0;font-size:1.45rem;line-height:1.05}.score-row{margin-top:auto;padding-top:28px;font-size:.88rem}.meter{background:#272b31;border-radius:999px;height:5px;margin:9px 0 14px;overflow:hidden}.meter span{background:var(--accent);height:100%;transition:width .2s;display:block}.vote-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.vote-row button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0f1114;border-radius:10px;padding:11px;font-size:1.05rem;font-weight:800}.vote-row button:hover:not(:disabled){background:#171b13;border-color:#596051}.vote-row button:disabled{opacity:.55;cursor:wait}.vote-row span{color:var(--muted);margin-left:5px;font-size:.85rem}.empty{text-align:center;color:var(--muted);padding:80px 0}.empty button{color:var(--accent);background:0 0;padding:0}footer{color:#666c75;text-align:center;padding:48px 0;font-size:.82rem}.modal-backdrop{z-index:10;background:#000b;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#15171b;border:1px solid #30343b;border-radius:18px;width:min(520px,100%);padding:28px;position:relative;box-shadow:0 30px 100px #000}.close{color:#9298a2;cursor:pointer;background:0 0;border:0;font-size:2rem;position:absolute;top:12px;right:16px}.eyebrow{color:var(--accent);letter-spacing:.14em;margin:0;font-size:.75rem;font-weight:950}.modal h2{letter-spacing:-.05em;margin:5px 0 22px;font-size:2rem}.modal form{gap:13px;display:grid}.modal label{color:#b8bdc6;gap:6px;font-size:.8rem;font-weight:800;display:grid}.modal label span{color:#717781;font-weight:500}.modal input,.modal select{width:100%;color:var(--text);font:inherit;background:#0e1013;border:1px solid #30343b;border-radius:10px;outline:none;padding:12px 13px}.modal input:focus,.modal select:focus{border-color:#77835f}.submit{background:var(--accent);color:#090b08;cursor:pointer;border:0;border-radius:10px;margin-top:5px;padding:13px;font-weight:950}.form-status{color:#c8cdd5;margin:2px 0;font-size:.85rem}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}@media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.shell{width:min(100% - 22px,1120px)}.hero{padding-top:28px}.logo-mark{width:48px;height:48px}.controls{align-items:stretch}.request-button{padding:0 12px}.grid{grid-template-columns:1fr}.gear-card{min-height:230px}}