:root{color-scheme:dark;font-family:"PingFang SC",sans-serif;color:#f4f4f4;background:#101112}*{box-sizing:border-box}body{margin:0}header{height:84px;border-bottom:1px solid #303236;padding:0 max(24px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}header a{font-size:24px;font-weight:700;color:inherit;text-decoration:none}header a span,.tag{color:#f0b90b}header>span,small,.intro,.note,footer{color:#a2a6ac}main{max-width:1040px;margin:auto;padding:48px 24px}.tag{font-size:12px;letter-spacing:1px}h1{font-size:clamp(28px,4vw,42px);margin:18px 0}h2{font-size:23px;margin:14px 0}.intro,p{line-height:1.9}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.stats article,section{border:1px solid #303236;background:#191b1e;border-radius:12px;padding:26px}.stats strong{display:block;font-size:36px;margin-top:16px}section{margin-bottom:20px}section p{color:#b7bbc0;font-size:14px}.fields{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{font-size:12px;line-height:1.8}input{display:block;width:100%;margin-top:9px;padding:12px;background:#101112;border:1px solid #555a60;color:#fff;border-radius:6px;font:inherit;font-size:16px}button{background:#f0b90b;color:#171717;border:0;border-radius:6px;padding:13px 24px;font:inherit;font-weight:600;margin-top:22px;cursor:pointer}a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid #f0b90b;outline-offset:4px}#result{margin-top:24px;border-top:1px solid #363a40;padding-top:20px;line-height:2}#result strong{color:#f0b90b}.note{font-size:12px}footer{font-size:12px;margin-top:32px}@media(max-width:650px){.fields,.stats{grid-template-columns:1fr}main{padding-top:32px}.stats article{padding:18px}.stats strong{font-size:28px;margin-top:8px}section{padding:20px}}