:root{--ink:#18231f;--muted:#6e7d76;--paper:#f4f1e9;--card:#fffdf8;--green:#1f6b4f;--lime:#cbe85e;--line:#dce1d9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}main{max-width:1080px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center}.logo{font:bold 32px Georgia;color:var(--green)}button,input{font:inherit}button{cursor:pointer}.hero{min-height:80vh;display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--green)}h1{font:700 clamp(52px,8vw,94px)/.92 Georgia;margin:14px 0 28px}h1 em{color:var(--green);font-weight:400}.hero>div>p:last-child{max-width:510px;font-size:19px;color:var(--muted);line-height:1.6}.card{background:var(--card);padding:28px;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 45px #283b3010}label{display:grid;gap:7px;margin:18px 0;font-size:13px;font-weight:700}input{width:100%;padding:13px;border:1px solid var(--line);border-radius:10px;background:white}.primary{width:100%;border:0;border-radius:10px;padding:14px;background:var(--green);color:white;font-weight:800}.tabs,.periods{display:flex;gap:6px}.tabs button,.periods button,.ghost{border:0;border-radius:9px;padding:9px 14px;background:transparent;color:var(--muted)}.tabs .active,.periods .active{background:var(--lime);color:var(--ink);font-weight:800}.hidden{display:none!important}.error{color:#a53636;font-size:13px}.welcome{display:flex;justify-content:space-between;align-items:end;margin:72px 0 24px}.welcome h2{font:700 46px Georgia;margin:6px 0}.grid{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.card h3{margin-top:0}.muted{color:var(--muted)}#ranking{padding-left:0;list-style:none}#ranking li{display:flex;align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid var(--line)}#ranking b:first-child{width:28px;color:var(--green)}#ranking span{margin-left:auto}.me{font-weight:800}.history{margin-top:20px}.bar-row{display:grid;grid-template-columns:100px 1fr 70px;align-items:center;gap:12px;margin:12px 0}.bar{height:10px;background:#e8eadf;border-radius:8px;overflow:hidden}.bar i{display:block;height:100%;background:var(--lime)}@media(max-width:720px){.hero,.grid{grid-template-columns:1fr}.hero{gap:30px;padding:55px 0}.welcome{align-items:start;gap:20px;flex-direction:column}.periods{flex-wrap:wrap}}