.health-screen{position:relative;width:100%;min-height:100%;background:white;overflow:hidden}.health-canvas{position:relative;width:430px;transform-origin:top left;font-family:-apple-system,BlinkMacSystemFont,'Arial',sans-serif;color:#000;background:white}.health-canvas *{box-sizing:border-box}.health-canvas> *{position:absolute;margin:0}.health-canvas button,.health-canvas input,.health-canvas textarea,.health-canvas select{font-family:inherit;font-size:18px;color:#000}.hf-text{line-height:24px;color:#707070}.hf-text.hf-title{font-weight:700;line-height:38px;color:#000;letter-spacing:-.6px}.hf-text.hf-section{font-weight:600;color:#000;line-height:24px}.hf-text b{color:#000;font-weight:500}.hf-image{display:block;object-fit:fill;max-width:none}.hf-island{border-radius:30px;background:#000}.hf-time{font-weight:600;color:#000;line-height:20px}.hf-battery{font-weight:700;color:#000;line-height:16px}.hf-homebar{background:#000;border-radius:5px}.hf-button{border:0;background:transparent;padding:0;cursor:pointer;line-height:24px}.hf-button>img{width:100%;height:100%}.hf-button:focus-visible,.hf-field:focus-visible,.hf-search:focus-visible{outline:3px solid #997400;outline-offset:3px}.hf-primary{border-radius:48px;background:#ffcc02;font-weight:600}.hf-secondary{border-radius:48px;background:#f3f3f3;font-weight:600}.hf-petpill{background:#f1f1f1;border-radius:50px}.hf-avatar{border-radius:50%;object-fit:cover}.hf-down{transform:rotate(90deg)}.hf-search{border:0;background:#f2f4f5;border-radius:8px;padding:0 36px!important;font-size:16px!important}.hf-feature{text-align:left;padding-left:20px;border-radius:20px;box-shadow:0 4px 16px 2px #cdcdcd26}.hf-passive{pointer-events:none;opacity:.8}.hf-question-card{border:1px solid #f2f4f5;border-radius:14px;box-shadow:0 4px 6px 2px #cdcdcd33;padding:21px 24px 10px 37px}.hf-question-card h3{font-size:18px;line-height:24px;margin:0 0 4px;font-weight:600;letter-spacing:0}.hf-question-card p{font-size:16px;line-height:16px;color:#707070;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hf-question-card small{position:absolute;right:18px;bottom:7px;color:#707070;font-size:14px}.hf-question-card i{position:absolute;width:10px;height:10px;background:#ff6161;border-radius:50%;right:0;top:-3px}.hf-diagnosis-rail{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none}.hf-diagnosis-rail::-webkit-scrollbar{display:none}.hf-scan-card{flex:0 0 185px;height:167px;border:1px solid #f2f4f5;border-radius:10px;overflow:hidden;background:white;padding:0;text-align:left;position:relative;box-shadow:0 3px 4px #cdcdcd33}.hf-scan-photo{width:185px;height:105px;overflow:hidden;position:relative}.hf-scan-photo img{width:100%;height:100%;object-fit:cover}.hf-scan-photo img.hf-skin{position:absolute;width:143.46%;height:379%;max-width:none;left:-13.09%;top:-112.53%}.hf-scan-card strong{display:block;margin:4px 19px;font-size:18px;font-weight:500}.hf-scan-card small{position:absolute;right:10px;bottom:5px;font-size:14px;color:#707070}.hf-nav-background{background:#fff;box-shadow:0 -4px 4px #cdcdcd26}.hf-tab{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:3px}.hf-tab>img{width:26px;height:26px}.hf-tab span{font-size:14px;line-height:16px;letter-spacing:.56px}.hf-area{border:2px solid #e3e5e5;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:16px}.hf-area>img{width:75px;height:75px}.hf-area.selected{background:#ffee96;border-color:#ffcc02}.hf-area[aria-disabled=true]{cursor:default}.hf-area span{line-height:22px}.hf-result-photo{border-radius:10px}.hf-divider{background:#f2f4f5}.hf-field{border:1px solid #e3e5e5;background:white;border-radius:8px;padding:12px;resize:none;line-height:24px}.hf-pet-option{border:2px solid #e3e5e5;border-radius:8px;display:flex;flex-direction:column;align-items:center;padding-top:12px;gap:7px}.hf-pet-option>img{width:66px;height:66px;object-fit:cover;border-radius:50%}.hf-pet-option.selected{border-color:#ffcc02}.hf-pet-option span{font-weight:600}.hf-upload{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed #c5c5c5;border-radius:8px;cursor:pointer;font-size:16px;overflow:hidden}.hf-upload>img{width:24px;height:24px}.hf-upload>input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.hf-upload span{max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hf-survey{border:1px solid #e3e5e5;border-radius:48px;font-weight:600}.hf-visibility{border:2px solid #e3e5e5;border-radius:32px;font-size:16px!important}.hf-visibility.selected{background:#ffe393;border-color:#ffe393}.hf-overlay{z-index:20;background:#090a0ab3}.hf-popover{position:absolute;left:24px;right:24px;transform:translateY(-50%);border-radius:16px;background:white;padding:24px;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}.hf-popover h2{margin:0;width:279px;font-size:24px;line-height:32px;letter-spacing:0}.hf-popover p{margin:0;width:279px;font-size:16px;line-height:24px;color:#707070}.hf-popover button{margin-top:16px;border:0;background:#ffcc02;border-radius:48px;width:279px;height:48px;font-weight:600;cursor:pointer}.targets .health-canvas button{outline:1px dashed #be9c12}

.hf-homebar{z-index:2;pointer-events:none}.health-canvas .hf-title{line-height:32px;letter-spacing:0}.hf-pet-option span{line-height:22px}
