.health-info-page{min-height:100dvh;background:radial-gradient(circle at 0% 0%,rgba(202,231,255,.66),transparent 34%),radial-gradient(circle at 100% 6%,rgba(236,225,255,.74),transparent 28%),#f5f7fb;color:#1f2940;font-family:Manrope,sans-serif;overflow-x:hidden}.health-info-page *{box-sizing:border-box}.health-info-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f5f7fbf5;border-bottom:1px solid #dfe5f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.health-info-header h1{margin:0;font-size:1.2rem;font-family:Satoshi,sans-serif}.health-info-header p{margin:2px 0 0;font-size:.82rem;color:#657089;line-height:1.35}.health-info-back{width:38px;height:38px;border-radius:12px;border:0;background:#e9edf5;color:#2f3750}.health-info-shell{width:min(100%,430px);margin:0 auto;padding:18px 14px 40px;display:grid;gap:14px}.health-loading,.health-error{padding:12px;border-radius:14px;font-weight:700}.health-loading{background:#eef4ff;border:1px solid #dbe5ff;color:#3257b5}.health-error{background:#ffe8eb;border:1px solid #f5b2bb;color:#b4232f}.health-card{border-radius:24px;background:#fffffff0;border:1px solid #e2e8f5;padding:16px;box-shadow:0 16px 34px #161f3212}.health-summary-card{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:radial-gradient(circle at top left,rgba(112,119,255,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(255,186,112,.14),transparent 28%),linear-gradient(135deg,#f7f2ff,#eef6ff 54%,#fff9f2)}.health-summary-copy{min-width:0;flex:1}.health-summary-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.health-kicker{color:#4f63a1;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.health-save-pill{border-radius:999px;padding:5px 10px;font-size:.7rem;font-weight:800;background:#ffffffbd;color:#37507e}.health-save-pill.saving{color:#6c4dcf}.health-save-pill.saved{color:#157347}.health-save-pill.error{color:#b42338}.health-summary-card h2{margin:0;font-size:1.9rem;line-height:1}.health-summary-card small{font-size:.78rem;color:#61708c}.health-summary-card p{margin:8px 0 0;color:#4f5971;font-size:.9rem;font-weight:700}.health-progress{margin-top:12px;height:8px;border-radius:999px;background:#746eb329;overflow:hidden}.health-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6572ff,#8c61ff 60%,#b16df1);transition:width .76s cubic-bezier(.22,1,.36,1)}.health-summary-card .health-summary-copy small{display:block;margin-top:10px;color:#68758d;line-height:1.4}.health-icons{display:grid;gap:8px}.health-icons span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px;background:#ffffffc7;color:#5e52d2;box-shadow:inset 0 0 0 1px #dde3f5f5}.health-section-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;gap:10px}.health-section-title h3{margin:0;font-size:1.05rem;font-family:Satoshi,sans-serif}.health-section-title span{font-size:.75rem;color:#6b7386;font-weight:700}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.health-text-grid{display:grid;gap:10px}.health-grid label,.health-text-grid label{display:grid;gap:6px;font-size:.78rem;color:#667085;font-weight:700}.health-text-grid label span{display:inline-flex;align-items:center;gap:6px}.health-grid input,.health-grid select,.health-text-grid textarea{border:1px solid #d6dbe8;border-radius:14px;min-height:44px;padding:0 12px;background:#fff;font-size:.95rem;color:#1f2940;width:100%;box-shadow:inset 0 1px #f5f7fbcc}.health-text-grid textarea{min-height:88px;padding:10px 12px;resize:vertical}
