:root{--ink:#142927;--teal:#155f5a;--line:#dce5e1;--paper:#f6f8f5;--muted:#667573}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}header,main{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}header{padding-top:50px;padding-bottom:38px;display:flex;justify-content:space-between;gap:18px;align-items:end}h1{font-size:64px;letter-spacing:-.065em;line-height:.9;margin:6px 0 14px}h2{margin:0;font-size:22px;letter-spacing:-.035em}p{color:var(--muted);margin:0}.tag{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--teal)}button,.file{border:0;border-radius:8px;padding:12px 14px;background:var(--ink);color:#fff;font-weight:700;font-size:14px;cursor:pointer}.actions{display:flex;gap:9px;flex-wrap:wrap}.file{background:#fff;color:var(--ink);border:1px solid var(--line);position:relative;overflow:hidden}.file input{position:absolute;inset:0;opacity:0;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px}.metrics article,.panel,.note{background:#fff;border:1px solid var(--line);border-radius:14px}.metrics article{padding:19px}.metrics small{display:block;color:var(--muted);margin-bottom:8px}.metrics strong{font-size:26px;letter-spacing:-.05em}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide{grid-column:span 2}.panel{padding:22px;min-height:310px}.heading{margin-bottom:18px}.panel canvas{max-height:290px}.rank{list-style:none;margin:0;padding:0}.rank li{display:grid;grid-template-columns:1fr auto;gap:3px;padding:11px 0;border-bottom:1px solid #edf0ee;font-size:14px}.rank small{grid-column:2;color:var(--muted);font-size:11px;text-align:right}.note{margin-top:28px;padding:28px;background:#e8f2e9}.note h2{margin:10px 0 8px}@media(max-width:700px){header{display:block;padding-top:30px}.actions{margin-top:18px}h1{font-size:46px}.metrics,.grid{grid-template-columns:1fr}.wide{grid-column:span 1}.panel{min-height:260px}}