:root{color-scheme:dark;--yellow:#f5c400;--ink:#141414;--bg:#101114;--card:#181a1f;--line:#2a2d33;--muted:#a39b8c}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,sans-serif;background:radial-gradient(900px 420px at 10% -10%,rgba(245,196,0,.16),transparent 50%),var(--bg);color:#f7f4ee}main{width:min(920px,calc(100% - 32px));margin:0 auto;padding:18px 0 64px}.brand{align-items:center;gap:10px}.brand img.logo{width:108px;height:auto;border-radius:12px}.connect{border:0;background:var(--yellow);color:var(--ink);font-weight:750;border-radius:999px;padding:12px 16px}.hero{display:grid;grid-template-columns:1.4fr .8fr;grid-gap:18px;gap:18px;align-items:center;margin-top:22px}.mascot{width:min(220px,100%);justify-self:end;border-radius:24px}h1{font-size:clamp(32px,6vw,52px);line-height:.98;letter-spacing:-.04em;margin:8px 0}.lede,.muted{color:var(--muted)}.panel{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:20px;background:rgba(24,26,31,.9)}label{display:block;font-size:12px;color:var(--muted);margin:14px 0 6px}input{width:100%;background:#111317;color:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip,.seg{border:1px solid var(--line);border-radius:999px;padding:10px 14px;background:#221f1a;color:#f4f1ea}.chip.on,.seg.on{border-color:var(--yellow)}.chip.on,.primary,.seg.on{background:var(--yellow);color:var(--ink);font-weight:750}.primary{width:100%;margin-top:16px;border:0;border-radius:999px;padding:14px;font-size:16px}.grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.card{padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.best{border-color:var(--yellow)}.row{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.bad{color:#e38b73}.good{color:#8dcaa0}.sheet{position:fixed;inset:0;background:rgba(0,0,0,.62);display:flex;align-items:flex-end;justify-content:center}.sheet article{width:min(480px,100%);background:#17191e;border-radius:20px 20px 0 0;padding:18px}footer{margin-top:28px;color:var(--muted);font-size:12px}a{color:var(--yellow)}@media (max-width:720px){.hero{grid-template-columns:1fr}.mascot{justify-self:start;width:120px}.brand img.logo{width:88px}}@media (min-width:800px){.grid{grid-template-columns:1fr 1fr}}body,html{overflow-x:hidden}body,html,img{max-width:100%}img{height:auto}header,main{width:min(640px,calc(100% - 28px));margin-left:auto;margin-right:auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px}.brand{display:flex;min-width:0}.brand img,.brand img.logo{width:92px;height:auto;border-radius:10px;display:block}.hero{display:block;margin-top:18px}.card,.panel{width:100%}@media (max-width:720px){.brand img,.brand img.logo{width:76px}header,main{width:min(640px,calc(100% - 20px))}}