.status-group{display:flex;gap:.75rem;margin-bottom:1rem}.status-btn{flex:1;padding:1.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s var(--ease-spring);display:flex;flex-direction:column;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.status-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.status-btn.active{border-color:var(--primary);background:#ff9f431a;box-shadow:0 0 0 2px var(--primary)}.log-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:.75rem;transition:transform .2s}.log-item:active{transform:scale(.98)}.log-item .date{color:var(--text-muted);font-size:.875rem}.log-item .status{padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:600}.status-normal{background:#2ed57326;color:var(--success)}.status-hard{background:#ffa50226;color:var(--warning)}.status-diarrhea{background:#ff475726;color:var(--danger)}.alert{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;font-size:.9rem;display:flex;align-items:flex-start;gap:.5rem}.alert-warning{background:#ffa5021a;border:1px solid rgba(255,165,2,.2);color:#ffa502;color:var(--warning)}.alert-info{background:#54a0ff1a;border:1px solid rgba(84,160,255,.2);color:var(--secondary)}.result-card{background:linear-gradient(135deg,#ff9f430d,#ff6b6b0d);border:1px solid var(--primary);border-radius:var(--radius-md);padding:1.5rem}.result-card h3{color:var(--primary);margin-bottom:1rem}.result-card ul{list-style:none;padding:0;margin:0}.result-card li{padding:.5rem 0 .5rem 1.5rem;position:relative;line-height:1.6}.result-card li:before{content:"✦";position:absolute;left:0;color:var(--primary)}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.checkbox-item:hover{border-color:var(--primary)}.checkbox-item input{accent-color:var(--primary);width:1.2rem;height:1.2rem}.camera-preview{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-md);background:#000}.camera-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.heatmap-wrapper{overflow-x:auto;padding-bottom:1rem;-webkit-overflow-scrolling:touch}.heatmap-cell{border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s var(--ease-spring)}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary: #FF9F43;--primary-gradient: linear-gradient(135deg, #FF9F43 0%, #FF6B6B 100%);--secondary: #54A0FF;--accent: #5F27CD;--background: #F7F9FC;--surface: #FFFFFF;--surface-blur: rgba(255, 255, 255, .85);--text: #2F3542;--text-muted: #747D8C;--border: rgba(0, 0, 0, .08);--success: #2ED573;--warning: #FFA502;--danger: #FF4757;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-float: 0 12px 32px rgba(0, 0, 0, .12);--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}@media(prefers-color-scheme:dark){:root{--primary: #FF9F43;--background: #000000;--surface: #1C1C1E;--surface-blur: rgba(28, 28, 30, .85);--text: #FFFFFF;--text-muted: #8E8E93;--border: rgba(255, 255, 255, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .3)}}body{margin:0;background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:600px;margin:0 auto;padding:1.5rem 1.25rem 6rem}h1,h2,h3{letter-spacing:-.02em;color:var(--text);margin-top:0}h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem}h3{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.btn{border:none;cursor:pointer;font-weight:600;font-size:1rem;padding:1rem 1.5rem;border-radius:var(--radius-md);transition:transform .15s var(--ease-spring),opacity .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn:active{transform:scale(.96)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}input,select,textarea{font-family:inherit;font-size:1rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ff9f4333}.text-muted{color:var(--text-muted)}.text-center{text-align:center}.text-danger{color:var(--danger)}.nav-bottom{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 2.5rem);max-width:400px;background:var(--surface-blur);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-pill);box-shadow:var(--shadow-float);display:flex;justify-content:space-around;padding:.75rem 0;z-index:1000;border:1px solid rgba(255,255,255,.1)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--text-muted);font-size:.7rem;font-weight:500;transition:color .2s,transform .2s var(--ease-spring);width:60px}.nav-icon{font-size:1.4rem;margin-bottom:2px;transition:transform .2s}.nav-item.active{color:var(--primary);transform:translateY(-2px)}.nav-item.active .nav-icon{transform:scale(1.1)}.loading{display:flex;justify-content:center;align-items:center;height:80vh}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-weight:600;z-index:2000;box-shadow:var(--shadow-float);animation:slideDown .3s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}