@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#162238;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f6fa;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f3f6fa;min-width:320px;margin:0}button{font:inherit}#app{min-height:100svh}.app-shell{background:#fff;width:min(100%,430px);min-height:100svh;margin:0 auto;padding:12px 18px 28px;position:relative;overflow:hidden}.app-header{grid-template-columns:40px 1fr 40px;align-items:center;height:54px;display:grid}.app-header h1{text-align:center;letter-spacing:0;margin:0;font-size:24px;font-weight:700}.back-button{color:#162238;cursor:pointer;background:0 0;border:0;padding:0 0 5px;font-size:39px;line-height:1}.header-spacer{width:40px}.level-tabs{background:#f1f4f8;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px;display:grid}.level-tab{color:#7a8aa3;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 4px;font-size:14px;transition:all .2s}.level-tab.active{color:#fff;background:var(--active-color,#ef6da8);font-weight:600;box-shadow:0 3px 8px #14223814}.content{padding-top:14px}.api-state{color:#7a8aa3;text-align:center;place-content:center;justify-items:center;gap:14px;min-height:360px;display:grid}.api-state p{margin:0;font-size:14px}.spinner{border:3px solid #e7ebf0;border-top-color:#ef6da8;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.api-error{padding-inline:28px}.api-error button{color:#fff;cursor:pointer;background:#ef6da8;border:0;border-radius:9px;padding:9px 16px}@keyframes spin{to{transform:rotate(360deg)}}.overview{color:#fff;background:var(--level-gradient);border-radius:22px;grid-template-rows:1fr auto auto;grid-template-columns:1fr 1px 1fr;gap:0 14px;min-height:198px;padding:8px 18px 16px;display:grid;overflow:hidden}.overview-column{flex-direction:column;align-items:center;display:flex}.overview-label{color:#ffffffd6;margin-bottom:8px;font-size:13px}.level-ring{border:3px solid var(--level-color);background:#141c2f57;border-radius:50%;place-items:center;width:110px;height:110px;display:grid;box-shadow:inset 0 0 0 9px #ffffff14}.level-ring strong{font-size:28px;font-weight:700}.overview-divider{background:#ffffff70;align-self:center;width:1px;height:106px}.overview-badge{padding-top:1px}.badge-pill{border:1px solid var(--badge-border,#fff9);color:#fff;background:linear-gradient(110deg, var(--badge-start,var(--level-color)), var(--badge-end,var(--level-color)));border-radius:12px;justify-content:center;align-items:center;gap:9px;min-width:112px;height:51px;margin-top:9px;padding:0 16px;display:flex;box-shadow:0 7px 14px #111c3026}.badge-pill strong{font-size:24px}.badge-icon{object-fit:contain;flex:none;width:22px;height:22px}.badge-empty{border:1px solid #ffffff8c;border-radius:50%;width:62px;height:62px;margin-top:4px}.overview-footer{color:#ffffffeb;grid-column:1/-1;justify-content:space-between;gap:10px;margin-top:3px;font-size:13px;display:flex}.overview-footer b{color:#fff}.progress-track,.metric-track{background:#19263eb8;border-radius:99px;height:8px;overflow:hidden}.progress-track{grid-column:1/-1;margin-top:7px}.progress-track span,.metric-track span{border-radius:inherit;height:100%;display:block}.progress-track span{background:var(--level-color)}.section-block{margin-top:26px}.section-block h2{margin:0 0 11px 2px;font-size:20px;font-weight:700;line-height:1.25}.benefit-card{background:#fff;border:1px solid #dfe6ef;border-radius:18px;align-items:center;gap:13px;min-height:97px;padding:15px;display:flex}.benefit-icon{border-radius:50%;flex:none;place-items:center;width:56px;height:56px;font-size:27px;font-weight:600;display:grid}.benefit-level-icon{object-fit:contain;width:28px;height:28px}.benefit-copy{flex:1;min-width:0}.benefit-copy h3{margin:0 0 5px;font-size:17px;font-weight:700}.benefit-copy p{color:#7a8aa3;white-space:nowrap;margin:0;font-size:13px}.status-chip{border-radius:11px;flex:none;padding:7px 11px;font-size:12px}.growth-card{background:#f4f7fb;border-radius:19px;padding:18px 18px 15px}.growth-total{color:#7a8aa3;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:baseline;padding-bottom:14px;font-size:14px;display:flex}.growth-total strong{font-size:20px;font-weight:600}.metric{padding-top:14px}.metric-head{color:#536680;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.metric-head strong{font-size:13px;font-weight:600}.metric-track{background:#e0e7ef;height:7px}.yesterday-row{color:#7a8aa3;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:13px;display:flex}.yesterday-row strong{font-weight:600}.rules-card{background:#fff;border:1px solid #dfe6ef;border-radius:17px;padding:0 17px}.rule-row{color:#536680;border-bottom:1px solid #edf0f4;justify-content:space-between;gap:12px;padding:15px 0;font-size:13px;display:flex}.rule-row:last-child{border-bottom:0}.rule-row span:last-child{color:#7c8eaa;text-align:right}.home-indicator{background:#d5dde8;border-radius:99px;width:116px;height:5px;margin:30px auto 0}@media (width>=700px){.app-shell{border:1px solid #e0e7ef;border-radius:28px;min-height:calc(100svh - 48px);margin:24px auto;box-shadow:0 12px 40px #23385414}}@media (width<=360px){.app-shell{padding-inline:14px}.overview{gap:0 8px;padding-inline:13px}.level-ring{width:96px;height:96px}.level-ring strong{font-size:25px}.benefit-card{gap:9px;padding-inline:11px}.benefit-copy p{font-size:12px}}