@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#101011;--surface:#1b1b1d;--line:#353536;--muted:#aaa9a7;--orange:#ff9b39;--text:#faf7f2;--mono:'Space Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans)}a{color:inherit}button,input{font:inherit}button,a.wallet{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:6px;padding:10px 18px;font-weight:600}button:hover,a.wallet:hover{border-color:var(--orange)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header,main,footer{max-width:1184px;margin:auto;padding-left:40px;padding-right:40px}header{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font:700 22px var(--mono);letter-spacing:-1px;display:flex;align-items:center;gap:4px}.brand span{color:var(--orange)}.brand b{font-size:26px;line-height:36px;width:36px;text-align:center;border:1px solid var(--orange);border-radius:50%;margin-left:10px}.head-right{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px}.head-right button{padding:5px 12px;font:14px var(--mono)}.intro{padding:76px 0 42px}.eyebrow{font:14px var(--mono);letter-spacing:1px;color:var(--orange)}h1{font-size:clamp(40px,6.2vw,76px);line-height:1.08;letter-spacing:-3px;margin:26px 0;max-width:880px;font-weight:600}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:680px;margin:0}.score{padding:30px 32px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.score-top,.score-bottom{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.score-top{font:14px var(--mono);color:var(--muted)}#sync-state{font-family:var(--sans)}.total{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap;margin:16px 0 2px}.total strong{font:700 clamp(36px,5.5vw,64px) var(--mono);overflow-wrap:anywhere;max-width:100%}.total span{font:24px var(--mono);color:var(--orange)}.score-bottom{font:14px var(--mono);color:var(--muted)}.track{height:12px;margin:24px 0;background:#303033;overflow:hidden;border-radius:3px}.track div{height:100%;width:0%;background:var(--orange);transition:width .3s}.small-metrics{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:24px}.small-metrics div{display:flex;flex-direction:column}.small-metrics span{color:var(--muted);font-size:14px}.small-metrics b{font:14px var(--mono);margin-top:6px}.source-note{color:var(--muted);font-size:13px;margin:18px 0 0}.participate{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:72px 0;border-bottom:1px solid var(--line)}h2{font-size:32px;line-height:1.2;letter-spacing:-.8px;margin:16px 0}p{color:var(--muted)}.fee-note{font-size:14px}.address-card{background:var(--surface);padding:28px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;flex-direction:column;gap:14px;min-width:0}.address-card img{border:12px solid white;background:white;border-radius:4px}.address-card label{font:13px var(--mono);color:var(--muted);letter-spacing:.6px}.address-card input{width:100%;font:13px var(--mono);color:var(--text);text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:12px 3px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.actions #copy{background:var(--orange);border-color:var(--orange);color:#18100a}.wallet{text-decoration:none}.verify{color:var(--muted);font-size:13px}#copy-status{font-size:14px;color:var(--orange);min-height:22px}.principles{display:grid;grid-template-columns:1fr 1fr 1fr;gap:38px;padding:48px 0;border-bottom:1px solid var(--line)}.principles span{font:14px var(--mono);color:var(--orange)}.principles h3{font-size:20px;margin:10px 0}.principles p{font-size:16px;margin:0}.history{padding:40px 0 70px}.section-row{display:flex;justify-content:space-between;gap:24px;align-items:center}.history h2{font-size:26px}.tx-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.tx-row a{font:14px var(--mono);overflow-wrap:anywhere}.tx-row b{font:14px var(--mono);color:var(--orange)}.tx-row span{display:block;color:var(--muted);font-size:14px}.history p{font-size:16px}footer{display:flex;justify-content:space-between;gap:25px;padding-top:24px;padding-bottom:32px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}footer span:first-child{font-family:var(--mono)}@media(max-width:740px){header,main,footer{padding-left:22px;padding-right:22px}header{height:82px}.head-right span{display:none}.intro{padding-top:46px}h1{letter-spacing:-1.5px}.lead{font-size:18px}.score{padding:22px}.small-metrics{grid-template-columns:1fr 1fr;gap:22px}.small-metrics div:last-child{grid-column:1/-1}.participate{grid-template-columns:1fr;gap:28px;padding:48px 0}.principles{grid-template-columns:1fr;gap:28px}.address-card{padding:24px 18px}.score-bottom{font-size:13px}.total{gap:12px}.total span{font-size:20px}footer{flex-direction:column;gap:12px}.tx-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
