*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}#root{width:100%}.checkin-container{width:100%;max-width:500px;margin:0 auto}.checkin-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}.checkin-card h1{font-size:28px;margin-bottom:30px;color:#333;text-align:center}.form-group{margin-bottom:30px}.form-group label{display:block;font-weight:600;margin-bottom:12px;color:#333;font-size:14px}.slider{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;cursor:pointer}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;box-shadow:0 2px 8px #667eea66}.slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#667eea;cursor:pointer;border:none;box-shadow:0 2px 8px #667eea66}.slider-labels{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:8px}.button-group,.trigger-grid{display:flex;gap:12px;flex-wrap:wrap}.btn-energy,.btn-trigger{flex:1;min-width:80px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-energy:hover,.btn-trigger:hover{border-color:#667eea;background:#f5f7ff}.btn-energy.active,.btn-trigger.active{background:#667eea;color:#fff;border-color:#667eea}.select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .3s ease}.select:hover{border-color:#667eea}.select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.btn-submit{width:100%;padding:14px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.error{padding:12px;background:#fee;color:#c33;border-radius:8px;font-size:14px;margin-bottom:16px}.success{padding:12px;background:#efe;color:#3c3;border-radius:8px;font-size:14px;margin-bottom:16px}.reset-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.reset-header h2{font-size:24px;color:#333;margin-bottom:10px}.reset-duration{font-size:16px;color:#667eea;font-weight:600}.reset-reasoning{background:#f8f9ff;padding:15px;border-left:4px solid #667eea;border-radius:4px;font-style:italic;color:#555;font-size:14px;line-height:1.6}.reset-steps{background:#f8f9ff;padding:20px 20px 20px 40px;border-radius:8px;line-height:1.8}.reset-step{margin-bottom:12px;color:#333;font-size:14px}.reset-step::marker{color:#667eea;font-weight:600}.reset-followup{background:#fffef0;border-left:4px solid #ffc107;padding:15px;border-radius:4px;color:#555;font-size:14px;line-height:1.6}.reset-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:30px}.btn-action{padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-done{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-done:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #10b9814d}.btn-regenerate{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-regenerate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #3b82f64d}.btn-skip{background:#e5e7eb;color:#333}.btn-skip:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.btn-action:disabled{opacity:.7;cursor:not-allowed}@media(max-width:600px){.reset-actions{grid-template-columns:1fr}}.complete-subtitle{color:#999;font-size:14px;margin-top:8px;font-style:italic}.feedback-buttons{display:grid;grid-template-columns:1fr;gap:15px;margin-top:30px}.btn-feedback{padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#333;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-feedback:hover:not(:disabled){border-color:#667eea;background:#f5f7ff;transform:translateY(-2px)}.btn-feedback.selected{border-color:#667eea;background:#667eea;color:#fff}.btn-yes{border-color:#10b981}.btn-yes.selected{background:#10b981;border-color:#10b981}.btn-no{border-color:#ef4444}.btn-no.selected{background:#ef4444;border-color:#ef4444}.btn-neutral{border-color:#f59e0b}.btn-neutral.selected{background:#f59e0b;border-color:#f59e0b}.btn-feedback:disabled{opacity:.7;cursor:not-allowed}.complete-success{text-align:center;font-size:18px;padding:30px}.complete-message{margin-top:15px;font-size:14px;color:#666}.cohort-subtitle{color:#999;font-size:14px;margin:20px 0 30px;text-align:center;font-weight:500}.cohort-loading{text-align:center;padding:40px 20px}.spinner{font-size:48px;margin-bottom:15px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cohort-loading p{color:#666;font-size:14px}.cohort-members{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.cohort-member{display:flex;flex-direction:column;gap:8px}.member-header{display:flex;justify-content:space-between;align-items:center}.member-name{font-weight:600;color:#333;font-size:14px}.member-percent{color:#667eea;font-weight:700;font-size:14px}.progress-bar-container{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}.team-message-box{background:#e0f2fe;border:2px solid #0284c7;border-radius:12px;padding:20px;margin:30px 0;text-align:center;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.team-message-emoji{font-size:36px}.team-message-text{color:#0c4a6e;font-size:15px;font-weight:500;line-height:1.5}.btn-back{width:100%;padding:12px;background:#f3f4f6;border:2px solid #d1d5db;border-radius:8px;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-back:hover{background:#e5e7eb;border-color:#9ca3af}.btn-back:active{transform:scale(.98)}@media(max-width:600px){.cohort-members{gap:15px}.team-message-box{flex-direction:column}.team-message-emoji{font-size:28px}}.summary-loading{text-align:center;padding:40px 20px}.summary-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:30px}.stat-box{background:#f3f4f6;padding:15px;border-radius:8px;text-align:center}.stat-label{font-size:12px;color:#999;text-transform:uppercase;font-weight:600;margin-bottom:8px}.stat-value{font-size:20px;color:#333;font-weight:700}.insight-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:4px solid #22c55e;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;gap:15px;align-items:flex-start}.insight-emoji{font-size:32px;flex-shrink:0}.insight-title{font-weight:700;color:#16a34a;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.insight-text{color:#166534;font-size:14px;line-height:1.6;margin-top:5px}.suggestion-box{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;padding:20px;border-radius:8px;margin-bottom:20px;display:flex;gap:15px;align-items:flex-start}.suggestion-emoji{font-size:32px;flex-shrink:0}.suggestion-title{font-weight:700;color:#b45309;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.suggestion-text{color:#78350f;font-size:14px;line-height:1.6;margin-top:5px}.pattern-box{background:#f8fafc;border:1px solid #e2e8f0;padding:15px;border-radius:8px;margin-bottom:20px}.pattern-title{font-size:12px;font-weight:700;color:#999;text-transform:uppercase;margin-bottom:8px}.pattern-text{color:#555;font-size:13px;line-height:1.6}.patterns-breakdown{margin-bottom:20px}.patterns-breakdown h3{font-size:14px;font-weight:700;color:#333;margin-bottom:15px}.pattern-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-radius:6px;margin-bottom:10px;border-left:3px solid #e5e7eb}.pattern-left{display:flex;gap:10px;align-items:center}.pattern-emoji{font-size:18px}.pattern-name{font-size:13px;font-weight:600;color:#333}.pattern-right{text-align:right}.pattern-stats{font-size:12px;color:#667eea;font-weight:700}@media(max-width:600px){.summary-stats{grid-template-columns:1fr}.insight-box,.suggestion-box{flex-direction:column}.insight-emoji,.suggestion-emoji{font-size:24px}}.login-card{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:400px;text-align:center}.login-card h1{color:#667eea;font-size:32px;margin-bottom:8px}.login-subtitle{color:#999;font-size:14px;margin-bottom:30px;font-style:italic}.login-input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .3s ease}.login-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.login-footer{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb;color:#999;font-size:12px}@media(max-width:600px){.login-card{padding:30px 20px}.login-card h1{font-size:24px}}.summary-buttons{display:flex;gap:10px;margin-top:20px}.summary-buttons button{flex:1}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.btn-secondary:hover{background:#e5e7eb}.complete-success{text-align:center;padding:30px;background:#f0fdf4;border:2px solid #86efac;border-radius:12px;margin:20px 0}.success-emoji{font-size:48px;display:block;margin-bottom:12px}.success-title{font-size:20px;font-weight:600;color:#16a34a;margin-bottom:8px}.success-message{font-size:14px;color:#4b5563;line-height:1.5}