:root{color-scheme:light;--paper:#f6f4ef;--ink:#222a29;--muted:#68716d;--line:#e0e3dc;--accent:#ad4d37;--green:#2e6a56}
    *{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px}
    .top{border-bottom:1px solid var(--line);background:#fffcf7}.top-inner,main,footer{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}
    .top-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--ink);color:white;font-size:13px;letter-spacing:.04em}
    .demo{font-size:12px;letter-spacing:.03em;color:#8d482d;background:#f4e7d6;border:1px solid #e7d5ba;padding:7px 11px;border-radius:20px;white-space:nowrap}
    main{padding-top:48px;padding-bottom:32px}.intro{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--green);margin:0 0 12px}h1{font-size:clamp(30px,4vw,42px);line-height:1.12;letter-spacing:-.04em;font-weight:650;margin:0 0 12px}.subtitle{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
    .period{display:flex;padding:4px;border:1px solid var(--line);border-radius:12px;background:#ebece6;flex-shrink:0;gap:2px}.period button{font:inherit;font-size:13px;font-weight:600;border:0;padding:10px 14px;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.period button[aria-pressed=true]{background:#fffdf8;box-shadow:0 1px 4px #202a2914;color:var(--ink)}button:focus-visible{outline:3px solid var(--green);outline-offset:2px}
    .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.metric{padding:24px;border:1px solid var(--line);background:#fffcf7;border-radius:16px}.label{margin:0;color:var(--muted);font-size:14px}.number{font-size:52px;letter-spacing:-.05em;font-weight:650;margin:15px 0 7px;line-height:1.1;font-variant-numeric:tabular-nums}.unit{font-size:24px;color:var(--muted);font-weight:400}.hint{font-size:12px;color:var(--muted);margin:0}.metric:first-child{border-top:3px solid var(--green);padding-top:22px}.metric:nth-child(2){border-top:3px solid var(--accent);padding-top:22px}.metric:nth-child(3){border-top:3px solid #b39459;padding-top:22px}
    .panels{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.panel{background:#fffcf7;border:1px solid var(--line);border-radius:16px;padding:25px}h2{font-size:17px;letter-spacing:-.02em;margin:0 0 8px}.caption{font-size:12px;color:var(--muted);margin:0 0 26px}.chart{height:180px;display:flex;gap:19px;align-items:flex-end;padding:0 8px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.bar-value{font-size:12px;color:var(--ink);font-weight:600}.bar{width:100%;max-width:55px;background:#cddbd2;border-radius:7px 7px 0 0;min-height:4px}.bar-group:nth-child(3) .bar{background:var(--green)}.day{font-size:12px;color:var(--muted);padding-top:2px}.area{padding:14px 0;border-top:1px solid var(--line)}.area-head{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-bottom:10px}.track{height:5px;border-radius:4px;background:#ecece4;overflow:hidden}.fill{height:100%;background:var(--accent);border-radius:4px}.total{border-top:1px solid var(--line);padding-top:16px;margin-top:12px;font-size:13px;display:flex;justify-content:space-between;font-weight:600}
    footer{padding-top:8px;padding-bottom:28px;font-size:12px;color:var(--muted);line-height:1.6;display:flex;justify-content:space-between;gap:24px}footer p{margin:0}
    @media(max-width:780px){.top-inner,main,footer{padding-left:20px;padding-right:20px}.intro{align-items:flex-start;flex-direction:column;gap:20px}.metrics{gap:10px}.metric{padding:18px}.metric:first-child,.metric:nth-child(2),.metric:nth-child(3){padding-top:16px}.number{font-size:42px}.panels{grid-template-columns:1fr}main{padding-top:32px}}
    @media(max-width:480px){.brand .brand-name{display:none}.metrics{grid-template-columns:1fr}.metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 18px}.number{grid-column:2;grid-row:1/3;margin:0}.hint{grid-column:1}.period{width:100%}.period button{flex:1}.panel{padding:20px}.chart{gap:12px}footer{flex-direction:column;gap:6px}}
  
[hidden]{display:none!important}.auth{max-width:460px;margin:50px auto;padding:30px;background:#fffcf7;border:1px solid var(--line);border-radius:18px}.auth h1{font-size:30px}.stack{display:grid;gap:16px;margin-top:22px}label{display:grid;gap:7px;font-size:13px;font-weight:600}input,select{font:inherit;padding:12px;border:1px solid #a7b1a8;border-radius:8px;background:white;color:var(--ink);width:100%}input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:2px}.btn{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--line);padding:11px 16px;border-radius:9px;background:#fffcf7;color:var(--ink);cursor:pointer}.primary{background:var(--green);color:white;border-color:var(--green)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.account{font-size:13px;color:var(--muted)}.notice{max-width:1096px;margin:20px auto 0;padding:12px 16px;background:#e6eee6;color:#264e3e;border-radius:8px;line-height:1.5}.notice.error{background:#f7e5df;color:#8b3025}.editor{margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.team{margin-top:24px}.user-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.user-meta{font-size:12px;color:var(--muted);line-height:1.6}.user-row strong{font-size:14px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.bar-wrap{display:grid;gap:16px;margin:20px 0}.bar-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}progress{appearance:none;width:100%;height:12px;border:0;border-radius:8px;overflow:hidden;background:#e6ebe4}progress::-webkit-progress-bar{background:#e6ebe4}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.summary-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.auth .subtitle{font-size:14px}.status{font-size:12px;color:var(--green)}@media(max-width:780px){.form-grid{grid-template-columns:1fr 1fr}.top-inner{flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.auth{margin:24px 20px}.account{width:100%}}@media(max-width:480px){.form-grid{grid-template-columns:1fr}.user-row{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.auth{padding:24px}}