:root{--bg:#F2F5F4;--surface:#FFFFFF;--ink:#10201C;--muted:#52655F;--line:#D5DEDB;--accent:#0B7A5E;--accent-ink:#FFFFFF;--you:#10201C;--peer:#9DB5AE;--font-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--font-body:"Source Sans 3","Segoe UI",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0C1513;--surface:#142320;--ink:#EAF2EF;--muted:#9DB2AB;--line:#25403A;--accent:#3CCBA2;--accent-ink:#06201A;--you:#EAF2EF;--peer:#3E5F57;color-scheme:dark}}:root[data-theme=dark]{--bg:#0C1513;--surface:#142320;--ink:#EAF2EF;--muted:#9DB2AB;--line:#25403A;--accent:#3CCBA2;--accent-ink:#06201A;--you:#EAF2EF;--peer:#3E5F57;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.55;padding-block:48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}main{max-width:640px;margin:0 auto;gap:36px}.intro,main{display:flex;flex-direction:column}.intro{gap:20px}.brand{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.01em}.brand span{color:var(--accent)}h1{font-family:var(--font-display);font-weight:800;font-size:clamp(36px,8vw,56px);line-height:1.04;letter-spacing:-.025em;margin:0;text-wrap:balance}.lead{margin:0;color:var(--muted);max-width:52ch}.cta{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.gbtn{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px;border-radius:10px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);font:600 17px var(--font-body);cursor:pointer}.gbtn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.gbtn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.gbtn svg{flex:none;background:#fff;border-radius:50%;padding:3px;width:26px;height:26px}.note{font-size:15px;color:var(--muted);min-height:24px;margin:0}.example{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.example h2{margin:0;font:600 13px var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.row{display:grid;grid-template-columns:96px 1fr 48px;grid-gap:12px;gap:12px;align-items:center;font-size:16px}.track{position:relative;height:10px;border-radius:5px;background:var(--line)}.peer,.you{position:absolute;top:0;bottom:0;left:0;border-radius:5px}.peer{background:var(--peer)}.you{background:var(--you);height:4px;top:3px}.pct{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;font-weight:600}.legend{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--muted)}.legend i{display:inline-block;width:14px;height:6px;border-radius:3px;margin-right:6px;vertical-align:middle}footer{font-size:14px;color:var(--muted)}