:root{--red:#e60000;--red-dark:#bd0000;--teal:#00697c;--teal-dark:#00505f;--ink:#0d0d0d;--ink-2:#4a4a4a;--ink-3:#7d7d7d;--paper:#eceff1;--card:#fff;--line:#d7dcdf;--good:#009c3b;--bad:#d3232a;--amber:#e8a33d;--own:#4a5a60;--dim:#9aabb0}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif}.bar{background:var(--teal);color:#fff;padding:14px 16px}.bar h1{font-size:17px;font-weight:600}.months{background:var(--teal-dark);-webkit-overflow-scrolling:touch;gap:8px;padding:10px 12px;display:flex;overflow-x:auto}.months a{color:#fff;opacity:.7;white-space:nowrap;border-radius:4px;flex:none;padding:4px 8px;font-size:13px;text-decoration:none}.months a[aria-current=true]{opacity:1;background:#ffffff29;font-weight:600}.shell{max-width:900px;margin:0 auto;padding:12px}.head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.head h2{font-size:20px;font-weight:700}.st{color:var(--ink-3);font-size:13px}.ctrls{background:var(--card);border:1px solid var(--line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:13px;display:flex}.ctrls label{flex:auto;align-items:center;gap:6px;display:flex}.ctrls button{background:var(--teal);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:13px;font-weight:600}.ctrls button:hover{background:var(--teal-dark)}.tiles{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:600px){.tiles{grid-template-columns:repeat(auto-fill,minmax(188px,1fr))}}.tile{background:var(--card);border:1px solid var(--line);border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.tile h3{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.tile h3 span{text-transform:uppercase;color:var(--own);background:#4a5a601f;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600}.tile.own{border-left:4px solid var(--own)}.tile.dim{color:var(--dim)}.tile.dim h3{color:var(--ink-2)}.tile .none{color:var(--ink-3);font-size:12px}.tile .cap{color:var(--ink-3);font-size:11px}.tile .pct b{font-size:22px}.split{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding-top:8px;font-size:13px;display:flex}.split>div{flex-direction:column;gap:2px;display:flex}.split span{color:var(--ink-3);font-size:11px}.split strong{font-size:14px}.gauge{background:var(--card);border:1px solid var(--line);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding:14px;display:flex}.gauge h3{font-size:13px;font-weight:600}.gauge .big{font-size:34px;font-weight:700;line-height:1}.gauge .cap{color:var(--ink-3);font-size:11px}.gauge svg{width:100%;max-width:260px}.flag{text-transform:uppercase;background:var(--amber);color:var(--ink);border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.banner{border-left:4px solid var(--teal);background:#fff;margin:12px 0;padding:10px 14px;font-size:13px}.banner.partial{border-left-color:var(--amber);background:#fff6e6}