.checkin-energy-slider{accent-color:#4a9b78;cursor:pointer;width:100%;margin-top:12px}.checkin-energy-value{color:#326b52;margin-top:8px;font-size:14px;font-weight:600}.checkin-other-activity{margin-top:18px}.checkin-other-activity label{color:#326b52;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.checkin-other-activity input{width:100%;font:inherit;background-color:#fff;border:1px solid #cbded4;border-radius:10px;padding:12px 14px}.checkin-other-activity input:focus{outline-offset:2px;outline:2px solid #4a9b78}.checkin-section{background-color:#dcefe5;width:100%;padding:90px 24px 110px}.checkin-section .container{width:100%;max-width:1200px;margin:0 auto}.checkin-heading{text-align:center;max-width:720px;margin:0 auto 64px}.checkin-label{color:#477b65;letter-spacing:.08em;background:#fff;border-radius:999px;margin-bottom:18px;padding:7px 14px;font-size:11px;font-weight:700;display:inline-block}.checkin-heading h2{color:#203e35;font-family:var(--font-mindglow), sans-serif;letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(28px,4vw,44px);font-weight:600;line-height:1.2}.checkin-heading>p{color:#698078;max-width:560px;margin:0 auto;font-size:14px;line-height:1.8}.checkin-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:64px;display:grid}.checkin-description{max-width:420px}.checkin-number{color:#d58e8e;letter-spacing:.12em;margin-bottom:12px;font-size:13px;font-weight:700;display:block}.checkin-description h3{color:#203e35;font-family:var(--font-mindglow), sans-serif;letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(28px,3vw,38px);font-weight:600;line-height:1.2}.checkin-description>p{color:#668077;margin:0 0 22px;font-size:14px;line-height:1.8}.checkin-description ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.checkin-description li{color:#47665b;padding-left:24px;font-size:13px;line-height:1.6;position:relative}.checkin-description li:before{content:"✓";color:#63977b;font-weight:700;position:absolute;left:0}.checkin-demo-card{background-color:#fff;border:1px solid #a6c7b5;border-radius:24px;min-width:0;padding:28px;box-shadow:6px 9px #2d4f4129}.checkin-moods{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.mood-option{color:#365449;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-width:0;padding:8px 2px;font-family:inherit;display:flex}.mood-option .mood-image{object-fit:contain;background:#f9fcfa;border:2px solid #d5e2d9;border-radius:50%;width:64px;height:64px;padding:10px;transition:all .2s;display:block}.mood-option small{text-align:center;font-size:11px;font-weight:600}.mood-option:hover .mood-image{background:#edf7f0;border-color:#83ac95}.mood-option.selected{box-shadow:none;background:0 0}.mood-option.selected .mood-image{background:#e0f1e6;border-color:#609a79;box-shadow:0 0 0 3px #609a7926}@media (max-width:480px){.mood-option .mood-image{width:48px;height:48px;padding:7px}}.checkin-bottom-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;margin-top:18px;display:grid}.checkin-info-panel{background:#f8faf7;border:2px solid #91b19f;border-radius:36px;min-width:0;padding:14px 16px;box-shadow:0 6px 10px #304e3e2e}.checkin-info-panel>label,.checkin-panel-title{color:#294e3c;margin:0 0 8px;font-size:11px;font-weight:600;display:block}.checkin-sleep-input{flex-flow:row;align-items:center;gap:10px;width:100%;display:flex}.checkin-sleep-input input{color:#203e35;width:0;min-width:0;font:inherit;background:#fff;border:1.5px solid #91b19f;border-radius:999px;flex:1 1 0;padding:7px 12px;font-size:12px}.checkin-sleep-input span{white-space:nowrap;color:#365449;flex:none;font-size:13px}.checkin-info-panel .checkin-activities{flex-wrap:wrap;gap:5px;display:flex}.checkin-info-panel .checkin-activities button{padding:4px 9px;font-size:10px}.checkin-info-panel .checkin-other-activity{margin-top:7px}.checkin-info-panel .checkin-other-activity input{border-radius:999px;padding:5px 9px;font-size:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.checkin-bottom-grid{grid-template-columns:1fr}}.checkin-activities{flex-wrap:wrap;gap:8px;display:flex}.checkin-activities button{color:#365449;cursor:pointer;background:#fff;border:1px solid #b9d1c2;border-radius:999px;padding:9px 13px;font-family:inherit;font-size:12px;transition:all .2s}.checkin-activities button:hover{background:#edf7f0}.checkin-activities button.selected{background:#dcefe5;border-color:#609a79;font-weight:700}.checkin-save{color:#fff;cursor:pointer;background:#86aea7;border:2px solid #789c86;border-radius:999px;width:100%;margin-top:18px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:background-color .2s}.checkin-save:hover{background:#6e9b90}.checkin-message{color:#326b52;text-align:center;margin:14px 0 0;font-size:13px}.mood-option:focus-visible,.checkin-activities button:focus-visible,.checkin-save:focus-visible,.checkin-field input:focus-visible{outline-offset:3px;outline:2px solid #326b52}@media (max-width:900px){.checkin-section{padding:72px 24px}.checkin-layout{grid-template-columns:1fr;gap:36px}.checkin-description{max-width:100%}.checkin-demo-card{width:100%;max-width:650px;margin:0 auto}}@media (max-width:480px){.checkin-section{padding:56px 16px}.checkin-heading{margin-bottom:42px}.checkin-heading h2 br{display:none}.checkin-demo-card{border-radius:18px;padding:18px 14px}.checkin-moods{gap:5px}.mood-option{border-radius:12px;padding:10px 2px}.mood-option span{font-size:22px}.mood-option small{font-size:9px}.checkin-description h3{font-size:28px}}.checkin-energy-panel{background:#eef4ea;border:2px solid #8eac98;border-radius:999px;margin-top:16px;padding:18px 24px 14px;box-shadow:0 6px 10px #2a443433}.checkin-energy-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-bottom:12px;display:flex}.checkin-energy-header label{color:#223c2c;font-size:12px;font-weight:500}.checkin-energy-badge{color:#36764e;font-size:15px;font-style:italic;font-weight:600}.checkin-energy-panel .checkin-energy-slider{accent-color:#7fa997;cursor:pointer;width:100%;margin:0;display:block}@media (max-width:600px){.checkin-energy-panel{border-radius:28px;padding:16px 18px}.checkin-energy-header label{font-size:11px}.checkin-energy-badge{font-size:13px}}
