@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;600;700&family=Playfair+Display:wght@500;600&display=swap";:host{--ink:#161616;--paper:#f6f4ef;--panel:#fff;--muted:#6a6863;--line:#dedbd4;--accent:#087c63;--global:#087c63;--gcp:#2563d9;--china:#a76400;--online:#733aa2;display:block;width:min(1360px,calc(100% - 48px));min-height:100vh;margin:auto;padding:0 0 50px;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}hapi-metrics-app{--ink:#161616;--paper:#f6f4ef;--panel:#fff;--muted:#6a6863;--line:#dedbd4;--accent:#087c63;--global:#087c63;--gcp:#2563d9;--china:#a76400;--online:#733aa2;display:block;width:min(1360px,calc(100% - 48px));min-height:100vh;margin:auto;padding:0 0 50px;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}#root{--ink:#161616;--paper:#f6f4ef;--panel:#fff;--muted:#6a6863;--line:#dedbd4;--accent:#087c63;--global:#087c63;--gcp:#2563d9;--china:#a76400;--online:#733aa2;display:block;width:min(1360px,calc(100% - 48px));min-height:100vh;margin:auto;padding:0 0 50px;background:var(--paper);color:var(--ink);font-family:DM Sans,sans-serif}*{box-sizing:border-box}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.loading-value{display:inline-block;width:96px;height:.72em;border-radius:2px;background:linear-gradient(90deg,#dedbd4 25%,#f1efe9,#dedbd4 75%);background-size:200% 100%;animation:metric-loading 1.2s ease-in-out infinite;vertical-align:middle}@keyframes metric-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.request-error{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:12px 14px;border:1px solid #d8b7b2;background:#fff8f6;color:#7d2d24;font:12px DM Mono,monospace}.request-error button{padding:7px 10px;border:1px solid #7d2d24;background:#7d2d24;color:#fff;cursor:pointer;font:11px DM Mono,monospace}.metric-refresh{margin-top:6px;padding:5px 8px;border:1px solid #7d2d24;background:#7d2d24;color:#fff;font:11px DM Mono,monospace}.metric-unavailable{color:#7d2d24;font:500 12px DM Mono,monospace}.auth-gate{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--muted);font:12px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.topbar,.scope,.periods{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.mark{position:relative;display:grid;grid-template-columns:repeat(3,7px);align-items:end;gap:3px;width:31px;height:31px;padding:4px;border:1px solid #c9c6bd;background:#fff}.mark:before{position:absolute;top:4px;left:4px;width:21px;height:1px;content:"";background:#c9c6bd}.mark i{display:block}.mark i:nth-child(1){height:10px;background:var(--global)}.mark i:nth-child(2){height:17px;background:var(--gcp)}.mark i:nth-child(3){height:22px;background:var(--accent)}.brand h1 b{font:600 1.08em Playfair Display,serif}.topbar h1{margin:0;font:inherit}.eyebrow,.updated,.periods>span,.section-label{color:var(--muted);font:11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{margin:0}.updated{margin:0;text-align:right;line-height:1.6}.scope{flex-wrap:wrap;padding:29px 0 0}.scope h2{margin:8px 0 0;font:500 32px/1 Playfair Display,serif}.environment-mode,.platform-tabs,.environment-tabs,.periods>div{display:flex;gap:3px}.environment-mode{padding:4px;background:var(--ink)}.environment-mode button,.platform-tabs button,.environment-tabs button,.periods button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:8px 12px}.environment-mode button{border-color:transparent;color:#b7b4ad}.environment-mode .active{border-color:#fff;background:#fff;color:var(--ink)}.periods .active{border-color:var(--ink);background:var(--ink);color:#fff}.platform-tabs,.environment-tabs{flex:0 0 100%;padding:14px 0 0;border-top:1px solid var(--line);background:var(--ink)}.platform-tabs button{position:relative;min-width:112px;padding:12px 15px 13px;border:0;border-bottom:3px solid transparent;color:#b7b4ad;font-size:14px;font-weight:600;text-align:left}.platform-tabs button.active{border-bottom-color:#fff;color:#fff}.platform-tabs button:hover,.environment-tabs button:hover{background:#2c2c2c;color:#fff}.environment-tabs button{border-color:transparent;color:#b7b4ad;font:11px DM Mono,monospace}.environment-tabs button.active{border-color:#fff;color:#fff}.periods{align-items:center;padding:18px 0}.periods>div{padding:4px;background:#161616!important}.periods button{border-color:transparent;color:#b7b4ad}.periods button.active{border-color:#fff;background:#fff;color:var(--ink)}.periods button:hover{background:#2c2c2c;color:#fff}.overview{display:grid;grid-template-columns:1.22fr .78fr;gap:18px}.feature{padding:27px 29px;background:var(--ink);color:#fff}.feature small,.metric span,.mini span{color:var(--muted);font:11px DM Mono,monospace;letter-spacing:.05em;text-transform:uppercase}.feature small{color:#b7b4ad}.feature strong{display:block;margin-top:17px;font:500 clamp(45px,5vw,76px)/.87 "Playfair Display",serif}.feature p{color:#dedbd5}.feature p span{color:#73c9af}.summary,.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}.mini{padding:22px;background:#ebe8e1;border-top:3px solid var(--accent)}.mini b,.metric b{display:block;margin-top:11px;font:500 36px/1 Playfair Display,serif}.mini small,.metric small{color:var(--muted)}.section-label{margin:25px 0 9px}.metric-grid{gap:12px}.metric{min-height:150px;padding:21px;background:var(--panel);border:1px solid var(--line)}.metric b{font-size:42px;margin:24px 0 8px}@media(max-width:700px){:host{width:calc(100% - 24px)}.topbar,.scope,.periods{align-items:flex-start;flex-direction:column}.updated{text-align:left}.overview{grid-template-columns:1fr}.platform-tabs,.environment-tabs{overflow:auto;width:100%}.metric-grid,.summary{grid-template-columns:1fr}}body{min-height:100vh;margin:0;background:#f6f4ef;color:#161616}hapi-metrics-app{--ink:#161616;--paper:#f6f4ef;--panel:#fff;--muted:#6a6863;--line:#dedbd4;--global:#087c63;--gcp:#2563d9;--china:#a76400;--online:#733aa2;width:min(1360px,calc(100% - 48px));margin:0 auto;padding-bottom:50px;background:var(--paper)}.topbar{align-items:center;padding:28px 0 21px}.brand h1{margin:0;font-size:23px}.brand h1 b{font-family:Playfair Display,Georgia,serif;font-size:1.08em;font-weight:600}.brand p{margin:3px 0 0;color:var(--muted);font-size:13px}.updated{font:12px DM Mono,monospace;line-height:1.6}.updated b{display:block;margin-bottom:4px;color:var(--ink);font-weight:500}.scope{gap:25px;padding-top:29px}.scope>div:first-child p{margin:0;color:var(--muted);font:12px DM Mono,monospace;letter-spacing:.07em;text-transform:uppercase}.scope h2{margin:8px 0 0;font:500 32px/1 Playfair Display,Georgia,serif}.platform-tabs{gap:2px;border-bottom:1px solid var(--line);border-top:0;background:transparent!important}.platform-tabs button{position:relative;min-width:112px;padding:12px 15px 13px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-size:14px;font-weight:600;text-align:left}.platform-tabs button.active{border-bottom-color:var(--accent);background:var(--ink);color:#fff}.platform-tabs button:hover{background:#eeece7;color:var(--ink)}.platform-tabs button.active:hover{background:var(--ink);color:#fff}.environment-mode{gap:2px;padding:0;background:transparent!important}.environment-mode button{padding:8px 12px;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:13px}.environment-mode button.active{border-color:var(--ink);background:var(--ink);color:#fff}.environment-tabs{gap:4px;padding:15px 0;border-top:0;border-bottom:1px solid var(--line);background:transparent!important}.environment-tab{padding:7px 10px;border:1px solid var(--line);background:#fff;color:var(--muted);font:11px DM Mono,monospace}.environment-tab.active{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:500}.environment-tabs .environment-tab.active:hover{background:var(--ink);color:#fff}.periods{gap:22px;padding:19px 0}.periods>span{color:var(--muted);font:11px DM Mono,monospace;letter-spacing:.06em;text-transform:uppercase}.periods>div{gap:4px;padding:0;background:transparent!important}.periods button{padding:7px 10px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:13px}.periods button.active{border-color:var(--ink);background:var(--ink);color:#fff}.content{padding:35px 0 50px}.feature{padding:27px 29px}.feature strong{margin-top:17px}.summary{gap:2px}.mini{padding:22px}.metric-grid{gap:12px;margin-top:18px}.metric{min-height:165px;padding:21px}@media(max-width:880px){hapi-metrics-app{width:min(100% - 32px,700px)}}@media(max-width:500px){hapi-metrics-app{width:calc(100% - 24px)}}