.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{font-size:3rem;margin-bottom: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-emoji{font-size:1.75rem;line-height:1;flex-shrink:0}.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)}.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}.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}.success-content{text-align:center;max-width:320px}.success-checkmark{font-size:4rem;margin-bottom:1rem;animation:bounceIn .5s cubic-bezier(.36,.07,.19,.97)}@keyframes bounceIn{0%{transform:scale(0)}60%{transform:scale(1.15)}80%{transform:scale(.95)}to{transform:scale(1)}}.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-emoji{font-size:1.25rem}.score-chip .chip-val{font-size:1rem;font-weight:800;color:var(--primary-dark);font-family:var(--font-heading)}