*{box-sizing:border-box}body{margin:0;background:#080b13;color:#f7f8fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}
header{height:76px;position:sticky;top:0;z-index:40;background:rgba(8,11,19,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}nav{height:100%;display:flex;align-items:center}.logo{font-weight:950;letter-spacing:.14em;font-size:18px}.logo small{display:block;font-size:8px;letter-spacing:.24em;color:#9ba3b8;margin-top:4px}.right{margin-left:auto;display:flex;gap:22px;align-items:center;color:#aeb6c8;font-size:13px;font-weight:750}
.hero{padding:72px 0 52px;background:radial-gradient(circle at 82% 25%,rgba(82,224,170,.15),transparent 25%),radial-gradient(circle at 66% 58%,rgba(90,79,255,.16),transparent 31%)}.crumb{font-size:11px;color:#818b9e;margin-bottom:20px}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.18em;color:#79ddb5;margin-bottom:13px}h1{font-size:clamp(44px,6vw,72px);letter-spacing:-.055em;line-height:.96;margin:0}.lead{font-size:16px;line-height:1.7;color:#aeb6c8;max-width:720px;margin:20px 0 0}.notice{margin-top:26px;padding:15px 17px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.035);color:#aeb6c8;font-size:12px;line-height:1.6}.notice b{color:#fff}
.tools{position:sticky;top:76px;z-index:30;background:#0d111b;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.07);padding:15px 0}.toolrow{display:flex;gap:10px;align-items:center}.search{flex:1;min-width:220px;background:#151b28;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#fff;padding:13px 15px;outline:none}.filters{display:flex;gap:7px;overflow:auto}.filter{white-space:nowrap;border:1px solid rgba(255,255,255,.09);background:#141a26;color:#9fa8ba;border-radius:12px;padding:11px 13px;font-size:11px;font-weight:850;cursor:pointer}.filter.active{background:#fff;color:#111520}
.main{padding:38px 0 86px}.summary{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.summary h2{margin:0;font-size:28px;letter-spacing:-.035em}.summary span{font-size:11px;color:#7f899d}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cheat{padding:21px;border-radius:19px;background:#111722;border:1px solid rgba(255,255,255,.075);transition:.18s}.cheat:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.15)}.pill{font-size:8px;font-weight:950;letter-spacing:.11em;color:#8f99ab}.cheat h3{font-size:15px;margin:17px 0 10px}.code{font:900 23px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.copy{width:100%;margin-top:18px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#c7cedb;font-size:10px;font-weight:900;cursor:pointer}.copy:hover{background:#fff;color:#111}.copy.ok{background:#75ddb3;color:#07120d}.empty{display:none;padding:50px 0;color:#8e98aa;text-align:center}
.companion{padding:68px 0;background:linear-gradient(110deg,#191230,#31144a 50%,#101522)}.comp{display:flex;justify-content:space-between;align-items:center;gap:35px}.comp h2{font-size:38px;letter-spacing:-.04em;margin:0}.comp p{color:#b5afc4;line-height:1.6}.btn{display:inline-flex;padding:14px 18px;border-radius:13px;background:linear-gradient(135deg,#755bff,#e94faa);font-size:12px;font-weight:900;white-space:nowrap}footer{padding:35px 0;color:#7f899d;font-size:11px}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.toolrow{display:block}.filters{margin-top:10px}.comp{display:block}.comp .btn{margin-top:15px}.right .optional{display:none}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1160px)}header{height:68px}.tools{top:68px}.hero{padding:52px 0 40px}.grid{grid-template-columns:1fr}.summary{align-items:start}.summary span{display:none}}