.checkin-page{padding-top:calc(var(--safe-top) + 1rem);padding-bottom:2rem}.checkin-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--gray-700);flex-shrink:0;transition:var(--transition)}.back-btn:active{transform:scale(.92)}.checkin-header h1{font-size:1.25rem;font-weight:700}.checkin-date{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.already-done{text-align:center;padding:2.5rem 1.5rem;margin-top:2rem}.done-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--success-light);color:var(--success-dark);margin:0 auto 1rem}.already-done h2{font-size:1.25rem;margin-bottom:.5rem}.already-done p{color:var(--gray-500);font-size:.9375rem}.done-scores{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.checkin-form{display:flex;flex-direction:column;gap:1rem}.metrics{display:flex;flex-direction:column;gap:.875rem}.metric-card{padding:1rem 1.25rem;transition:box-shadow var(--transition)}.metric-card.active{box-shadow:0 0 0 2px var(--primary),var(--shadow)}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.metric-icon{width:2.25rem;height:2.25rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-card[data-metric=sleep] .metric-icon{background:#ede9fe;color:#7c3aed}.metric-card[data-metric=exercise] .metric-icon{background:#d1fae5;color:#059669}.metric-card[data-metric=nutrition] .metric-icon{background:#fef3c7;color:#b45309}.metric-card[data-metric=stress] .metric-icon{background:#fee2e2;color:#dc2626}.metric-card[data-metric=relationships] .metric-icon{background:#dbeafe;color:#1d4ed8}.metric-card[data-metric=energy] .metric-icon{background:#fef9c3;color:#a16207}.metric-card[data-metric=digestion] .metric-icon{background:#cffafe;color:#0e7490}.metric-card[data-metric=skin] .metric-icon{background:#fce7f3;color:#be185d}.metric-card[data-metric=pain] .metric-icon{background:#fee2e2;color:#dc2626}.metric-header>div{flex:1;display:flex;flex-direction:column;gap:.125rem}.metric-name{font-weight:700;font-size:1rem;color:var(--gray-900)}.metric-desc{font-size:.8125rem;color:var(--gray-500)}.metric-value{font-size:1.75rem;font-weight:800;font-family:var(--font-heading);color:var(--primary);min-width:2rem;text-align:center;transition:color var(--transition)}.metric-card[data-metric=sleep] .metric-value{color:#7c3aed}.metric-card[data-metric=exercise] .metric-value{color:#059669}.metric-card[data-metric=nutrition] .metric-value{color:#b45309}.metric-card[data-metric=stress] .metric-value{color:#dc2626}.metric-card[data-metric=relationships] .metric-value{color:#1d4ed8}.metric-card[data-metric=energy] .metric-value{color:#a16207}.metric-card[data-metric=digestion] .metric-value{color:#0e7490}.metric-card[data-metric=skin] .metric-value{color:#be185d}.metric-card[data-metric=pain] .metric-value{color:#dc2626}.slider{-webkit-appearance:none;width:100%;height:8px;border-radius:var(--radius-full);background:var(--gray-200);outline:none;cursor:pointer;transition:background var(--transition)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #6366f159;transition:transform .15s ease,box-shadow .15s ease}.slider::-webkit-slider-thumb:active{transform:scale(1.2);box-shadow:0 4px 16px #6366f173}.slider::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 2px 8px #6366f159}.metric-card[data-metric=sleep] .slider{accent-color:#7c3aed}.metric-card[data-metric=exercise] .slider{accent-color:#059669}.metric-card[data-metric=nutrition] .slider{accent-color:#b45309}.metric-card[data-metric=stress] .slider{accent-color:#dc2626}.metric-card[data-metric=relationships] .slider{accent-color:#1d4ed8}.metric-card[data-metric=energy] .slider{accent-color:#a16207}.metric-card[data-metric=digestion] .slider{accent-color:#0e7490}.metric-card[data-metric=skin] .slider{accent-color:#be185d}.metric-card[data-metric=pain] .slider{accent-color:#dc2626}.metric-card[data-metric=sleep].active{box-shadow:0 0 0 2px #7c3aed,var(--shadow)}.metric-card[data-metric=exercise].active{box-shadow:0 0 0 2px #059669,var(--shadow)}.metric-card[data-metric=nutrition].active{box-shadow:0 0 0 2px #b45309,var(--shadow)}.metric-card[data-metric=stress].active{box-shadow:0 0 0 2px #dc2626,var(--shadow)}.metric-card[data-metric=relationships].active{box-shadow:0 0 0 2px #1d4ed8,var(--shadow)}.metric-card[data-metric=energy].active{box-shadow:0 0 0 2px #a16207,var(--shadow)}.metric-card[data-metric=digestion].active{box-shadow:0 0 0 2px #0e7490,var(--shadow)}.metric-card[data-metric=skin].active{box-shadow:0 0 0 2px #be185d,var(--shadow)}.metric-card[data-metric=pain].active{box-shadow:0 0 0 2px #dc2626,var(--shadow)}.slider-labels{display:flex;justify-content:space-between;margin-top:.375rem;font-size:.6875rem;color:var(--gray-400);font-weight:600}.metric-card[data-metric=pain] .metric-value.high{color:var(--danger)}.metric-card[data-metric=pain] .slider.high::-webkit-slider-thumb{background:var(--danger);box-shadow:0 2px 8px #ef444459}.notes-section{padding:1rem 1.25rem}.notes-label{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9375rem;margin-bottom:.75rem;color:var(--gray-700)}.optional-tag{font-size:.75rem;font-weight:400;color:var(--gray-400);margin-left:auto}.notes-input{width:100%;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);padding:.75rem;font-size:.9375rem;color:var(--gray-800);background:var(--gray-50);resize:none;transition:border-color var(--transition);line-height:1.5}.notes-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.notes-input::placeholder{color:var(--gray-400)}.submit-btn{font-size:1rem;min-height:52px;box-shadow:0 4px 16px #6366f140}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.success-overlay{position:fixed;inset:0;background:#fffffff7;display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem;animation:overlayFadeIn .3s ease both}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(4px)}}.success-content{text-align:center;max-width:320px;animation:contentSlideUp .5s cubic-bezier(.34,1.56,.64,1) both .08s}@keyframes contentSlideUp{0%{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.success-checkmark{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--success-light);color:var(--success-dark);margin:0 auto 1rem;animation:bounceIn .55s cubic-bezier(.34,1.56,.64,1) both .2s}@keyframes bounceIn{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.18) rotate(5deg)}80%{transform:scale(.93) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.success-content h2{font-size:1.5rem;margin-bottom:.5rem}.success-content p{color:var(--gray-500);font-size:.9375rem;line-height:1.5}.success-scores{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.score-chip{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:var(--primary-subtle);border-radius:var(--radius-lg);padding:.5rem .75rem;min-width:56px}.score-chip .chip-icon{display:flex;align-items:center;justify-content:center;color:var(--primary-dark)}.score-chip .chip-val{font-size:1rem;font-weight:800;color:var(--primary-dark);font-family:var(--font-heading)}.checkin-date-strip-wrap{margin:0 1rem .75rem;padding:.5rem .75rem;overflow:hidden}.checkin-date-strip{display:flex;gap:.375rem;justify-content:stretch}.checkin-date-chip{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.5rem .25rem;border-radius:var(--radius-lg);border:1.5px solid transparent;background:transparent;cursor:pointer;transition:background .15s,border-color .15s}.checkin-date-chip:hover{background:var(--gray-100)}.checkin-date-chip.active{background:var(--primary-light, #eef2ff);border-color:var(--primary)}.checkin-date-chip-day{font-size:.6875rem;font-weight:600;text-transform:capitalize;color:var(--gray-500)}.checkin-date-chip.active .checkin-date-chip-day{color:var(--primary)}.checkin-date-chip-num{font-size:1.0625rem;font-weight:800;color:var(--gray-800);font-family:var(--font-heading)}.checkin-date-chip.active .checkin-date-chip-num{color:var(--primary-dark)}.checkin-date-chip-today{font-size:.5625rem;font-weight:700;letter-spacing:.04em;color:var(--primary);text-transform:uppercase}.checkin-date-chip.done-dot:after{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--success);margin-top:.15rem}