:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;color:#e7f1eb;background:#0c1512}*{box-sizing:border-box}body{margin:0;padding:32px 18px}main{max-width:860px;margin:auto}header{margin-bottom:24px}h1{font-size:28px;margin:14px 0}h2{font-size:18px;margin:0 0 14px}.tag{color:#86e1ae;border:1px solid #315a43;padding:5px 10px;border-radius:99px;font-size:12px}p,li{line-height:1.9}#stamp,small,footer{color:#a9bdb1;font-size:13px}.metrics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.metrics article,.panel{background:#15251d;border:1px solid #2c4435;border-radius:16px;padding:22px}.metrics span{display:block;font-size:13px;color:#b3c7ba}.metrics strong{display:block;font-size:34px;margin:12px 0}progress{width:100%;height:8px;accent-color:#64d99b}.panel{margin:18px 0}button{background:#81dda7;color:#092113;border:0;padding:12px 20px;border-radius:9px;font:inherit;cursor:pointer}.subtle{background:#233b2d;color:#c6ddcf}input{background:#172a20;color:white;border:1px solid #487056;border-radius:9px;padding:12px;font:inherit;width:100%;margin:12px 0}form{max-width:420px;padding:22px;border:1px solid #2c4435;border-radius:16px}footer{margin-top:28px}#message{color:#f1cc85}[hidden]{display:none!important}@media(max-width:600px){body{padding:24px 12px}.metrics{grid-template-columns:1fr 1fr}.metrics article:first-child{grid-column:1/-1}.metrics strong{font-size:28px}}