:root{font-family:Inter,system-ui,sans-serif;color:#0b302d;background:#f4f7f2;line-height:1.55}*{box-sizing:border-box}body{margin:0}main,footer{max-width:1080px;margin:auto;padding:18px 22px}a{color:#126c59}[hidden]{display:none!important}section{background:#fff;border:1px solid #dce6dc;border-radius:22px;margin:18px 0;padding:clamp(22px,5vw,54px)}.hero{padding-top:18px;background:linear-gradient(135deg,#edf8ec,#fff8e3)}.hero-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:-4px 0 30px;padding:0 0 17px;border-bottom:1px solid #cadbcf}.brand{display:flex;width:150px;height:64px;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.brand:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0b302d1c}.brand img{display:block;width:150px;height:auto;transform:scale(1.35);object-fit:contain}.hero-header nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;flex-wrap:wrap}.hero-header nav a{font-weight:700;text-underline-offset:4px}h1{font-size:clamp(2.1rem,7vw,4.5rem);line-height:1.03;max-width:900px;margin:.25em 0}h2{font-size:clamp(1.45rem,4vw,2.25rem);line-height:1.15}.eyebrow{margin-top:0;font-weight:800;letter-spacing:.08em;color:#126c59}.button{display:inline-block;border:0;background:#126c59!important;color:#fff!important;padding:14px 20px;border-radius:12px;text-decoration:none;font-weight:800;cursor:pointer}.period-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;max-width:720px;margin-top:24px}.period-form label,.account-form label{display:grid;gap:6px;font-weight:750}.period-form input,.account-form input{width:100%;min-height:48px;border:1px solid #b9cbc5;border-radius:11px;padding:10px 12px;font:inherit;background:#fff}.average-result{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(360px,1.5fr);align-items:center;gap:32px;min-height:260px}.average-result strong{font-size:clamp(3.2rem,10vw,6.5rem);line-height:1;text-align:center}.average-chart{display:block;width:100%;max-width:620px;fill:none}.average-chart .grid{stroke:#dce6dc;stroke-width:1}.average-chart .axis{stroke:#526b65;stroke-width:1.5}.average-chart .data-line{stroke:#17846e;stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.average-chart .data-point{fill:#d3a62c;stroke:#0f6b58;stroke-width:2}.average-chart .tick{stroke:#526b65;stroke-width:1}.average-chart text{fill:#294a44;stroke:none;font-family:Inter,system-ui,sans-serif}.axis-label{font-size:12px;text-anchor:middle}.y-tick{text-anchor:end}.axis-title{font-size:13px;font-weight:800}.point-label{font-size:11px;font-weight:750;text-anchor:middle}.rule,.notice{padding:15px;border-left:5px solid #d3a62c;background:#fff8df;border-radius:8px}.modal{width:min(92vw,560px);max-height:min(88vh,760px);overflow:auto;border:0;border-radius:20px;padding:26px;box-shadow:0 22px 70px #092c2855;color:#0b302d}.modal::backdrop{background:#0a282777}.modal p{white-space:pre-line}.actions,.tabs{display:flex;justify-content:flex-end;gap:10px}.actions button,.tabs button,.anonymous-button{border:1px solid #b9cbc5;border-radius:11px;padding:11px 15px;background:#fff;font-weight:750;cursor:pointer}.tabs{justify-content:center;margin-bottom:16px}.social-auth{display:grid;gap:9px;margin:0 0 18px}.social-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid #9fb3ad;border-radius:11px;text-decoration:none;font-weight:800}.social-button.google{background:#fff;color:#17211f}.social-button.apple{background:#080808;color:#fff;border-color:#080808}.social-icon{display:grid;place-items:center;width:22px;height:22px;font-weight:900}.google .social-icon{color:#4285f4}.apple .social-icon{font-size:13px;color:#fff}.account-form{display:grid;gap:14px}.anonymous-button{color:#126c59}.modal-close{float:right;border:0;background:none;font-size:1.8rem;cursor:pointer}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}dd{font-weight:800;word-break:break-all}footer{text-align:center;color:#50645f}@media(max-width:720px){.hero-header{margin-bottom:22px}.brand{width:112px;height:52px}.brand img{width:112px}.hero-header nav{display:none}section{border-radius:16px}.period-form{grid-template-columns:1fr 1fr}.period-form .button{grid-column:1/-1}.average-result{grid-template-columns:1fr}.average-chart{max-width:none}}@media(max-width:420px){.period-form{grid-template-columns:1fr}}