*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-input: #242424;--border: #2e2e2e;--text: #e8e8e8;--text-muted: #888;--accent: #ff6b35;--accent-light: rgba(255,107,53,.15);--success: #4caf50;--info: #2196f3;--protein: #ef5350;--fat: #ffd54f;--carb: #42a5f5;--radius: 12px;--radius-sm: 8px}:root[data-theme=light]{--bg: #f4f4f4;--bg-card: #ffffff;--bg-input: #edeef0;--border: #dcdcdc;--text: #1a1a1a;--text-muted: #707070;--accent: #ff6b35;--accent-light: rgba(255,107,53,.12);--success: #2e7d32;--info: #1565c0;--protein: #c62828;--fat: #b8860b;--carb: #1565c0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5;min-height:100dvh;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}img{max-width:100%}.app{width:402px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.nav{position:sticky;bottom:0;background:var(--bg-card);border-top:1px solid var(--border);display:flex;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:100;transform:translateY(0);transition:transform .25s ease}.nav.nav-hidden{transform:translateY(100%)}.nav-btn{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;background:none;color:var(--text-muted);font-size:10px;white-space:nowrap;transition:color .15s}.nav-btn.active{color:var(--accent)}.nav-btn svg{width:22px;height:22px}.main{flex:1;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) 16px 8px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title{font-size:16px;font-weight:600;color:var(--text)}.page-title{font-size:22px;font-weight:700;margin-top:var(--top-gap, 56px);margin-bottom:20px;color:var(--text);transition:margin-top .2s ease}.btn-primary{background:var(--accent);color:#fff;padding:12px 20px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;width:100%;transition:opacity .15s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-input);color:var(--text);padding:10px 16px;border-radius:var(--radius-sm);font-size:14px;border:1px solid var(--border);transition:background .15s;min-width:0}.btn-secondary:hover{background:#2e2e2e}.btn-icon{background:var(--bg-input);color:var(--text-muted);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);flex-shrink:0}.btn-icon:hover{color:var(--text)}.input{width:100%;min-width:0;box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--text);font-size:16px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-muted)}.input-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.input-row>*{min-width:0}.input-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.pfc-bar{height:10px;border-radius:5px;display:flex;overflow:hidden;margin:10px 0}.pfc-segment-p{background:var(--protein)}.pfc-segment-f{background:var(--fat)}.pfc-segment-c{background:var(--carb)}.pfc-legend{display:flex;gap:16px;flex-wrap:wrap}.pfc-legend-item{display:flex;align-items:center;gap:6px;font-size:13px}.pfc-dot{width:8px;height:8px;border-radius:50%}.pfc-value{font-weight:600;color:var(--text)}.pfc-label{color:var(--text-muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat-box{background:var(--bg-input);border-radius:var(--radius-sm);padding:12px;text-align:center}.stat-box-value{font-size:20px;font-weight:700;color:var(--text)}.stat-box-label{font-size:11px;color:var(--text-muted);margin-top:2px}.exercise-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.exercise-row:last-child{border-bottom:none}.exercise-name{flex:1;font-weight:500}.exercise-detail{font-size:13px;color:var(--text-muted)}.badge{background:var(--accent-light);color:var(--accent);font-size:11px;font-weight:600;padding:3px 8px;border-radius:20px}.meal-photo{width:100%;border-radius:var(--radius-sm);object-fit:cover;max-height:200px;margin-bottom:12px}.camera-area{border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s}.camera-area:hover{border-color:var(--accent);background:var(--accent-light)}.camera-icon{font-size:48px;margin-bottom:10px}.camera-text{color:var(--text-muted);font-size:14px}.loading{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:14px;padding:12px 0}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.date-header{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px}.calories-ring{display:flex;align-items:center;gap:20px;margin-bottom:12px}.ring-wrap{position:relative;width:80px;height:80px;flex-shrink:0}.ring-svg{transform:rotate(-90deg)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-kcal{font-size:16px;font-weight:700}.ring-unit{font-size:10px;color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);padding:40px 0;font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;z-index:200}.modal{background:var(--bg-card);border-top:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;padding:20px 16px max(20px,env(safe-area-inset-bottom));width:100%;max-height:90dvh;overflow-y:auto}.modal-title{font-size:18px;font-weight:700;margin-bottom:16px}.form-group{margin-bottom:14px}.calorie-total{font-size:32px;font-weight:800;color:var(--accent)}.tag{display:inline-block;background:var(--bg-input);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--text-muted);margin:2px}.api-key-banner{background:var(--accent-light);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:12px;margin-bottom:16px;font-size:13px}.api-key-banner a{color:var(--accent)}.volume-tag{font-size:12px;color:var(--text-muted)}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s}.markdown-body{font-size:14px;line-height:1.7;color:var(--text)}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:16px 0 8px;color:var(--text)}.markdown-body h1{font-size:18px}.markdown-body h2{font-size:16px}.markdown-body h3{font-size:15px}.markdown-body p{margin:0 0 10px}.markdown-body ul,.markdown-body ol{margin:0 0 10px;padding-left:20px}.markdown-body li{margin-bottom:4px}.markdown-body strong{color:var(--accent)}.markdown-body code{background:var(--bg-input);border-radius:4px;padding:1px 5px;font-size:13px}.markdown-body blockquote{margin:0 0 10px;padding-left:10px;border-left:2px solid var(--border);color:var(--text-muted)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:14px 0}.markdown-body a{color:var(--accent)}.stopwatch{position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:500;width:250px;padding:16px 18px;border-radius:22px;background:linear-gradient(160deg,var(--bg-card),var(--bg-input));border:1px solid var(--border);box-shadow:0 10px 28px #00000047;transition:box-shadow .2s,border-color .2s}.stopwatch.running{border-color:var(--accent);box-shadow:0 10px 28px #00000047,0 0 0 1px var(--accent-light)}.stopwatch-time{font-size:40px;font-weight:700;font-family:SF Mono,ui-monospace,Menlo,monospace;letter-spacing:.5px;font-variant-numeric:tabular-nums;color:var(--text)}.stopwatch-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.stopwatch-dot.running{background:var(--accent);animation:stopwatch-pulse 1.2s ease-in-out infinite}@keyframes stopwatch-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.65)}}.stopwatch-controls{display:flex;gap:8px;margin-top:14px}.stopwatch-play{flex:1;height:42px;border-radius:14px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.stopwatch-play:hover{opacity:.9}.stopwatch-play.is-running{background:var(--bg-input);color:var(--text);border:1px solid var(--border)}.stopwatch-reset{width:42px;height:42px;border-radius:14px;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.stopwatch-reset:hover{color:var(--text)}.stopwatch-collapse{width:26px;height:26px;border-radius:50%;background:var(--bg-input);color:var(--text-muted);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.stopwatch-collapse:hover{color:var(--text)}.stopwatch-collapsed{position:fixed;top:max(6px,env(safe-area-inset-top));right:12px;z-index:500;padding:7px 14px;border-radius:999px;background:linear-gradient(160deg,var(--bg-card),var(--bg-input));border:1px solid var(--border);box-shadow:0 6px 18px #0000003d;display:flex;align-items:center;gap:7px;transition:box-shadow .2s,border-color .2s}.stopwatch-collapsed.running{border-color:var(--accent)}.stopwatch-collapsed-time{font-size:17px;font-weight:700;font-family:SF Mono,ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums;color:var(--text)}