*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #22c55e;--green-dark: #16a34a;--green-light: #bbf7d0;--red: #ef4444;--yellow: #eab308;--bg: #0f172a;--surface: #1e293b;--surface2: #334155;--border: #475569;--text: #f1f5f9;--text-muted: #94a3b8;--radius: 12px;--radius-sm: 8px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{display:flex;flex-direction:column;min-height:100dvh}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1rem;font-weight:600}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.page-content{flex:1;overflow-y:auto;padding:calc(16px + var(--safe-top)) 16px calc(80px + var(--safe-bottom))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-around;z-index:100}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:10px;gap:3px;background:none;border:none;color:var(--text-muted);font-size:.65rem;font-weight:500;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent;transition:color .15s}.nav-btn.active{color:var(--green)}.nav-btn svg{width:22px;height:22px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:var(--radius-sm);border:none;font-size:.95rem;font-weight:600;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent;transition:opacity .15s,transform .1s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark)}.btn-secondary{background:var(--surface2);color:var(--text)}.btn-danger{background:var(--red);color:#fff}.btn-ghost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:.85rem;min-height:36px}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{font-size:.85rem;color:var(--text-muted);font-weight:500}input,textarea,select{width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:1rem;padding:12px 14px;outline:none;-webkit-appearance:none;min-height:44px}input:focus,textarea:focus,select:focus{border-color:var(--green)}textarea{resize:vertical;min-height:80px}.form-stack{display:flex;flex-direction:column;gap:16px}.form-error{color:var(--red);font-size:.85rem;text-align:center}.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.pill-green{background:#14532d;color:var(--green)}.pill-yellow{background:#422006;color:var(--yellow)}.pill-red{background:#450a0a;color:var(--red)}.pill-gray{background:var(--surface2);color:var(--text-muted)}.calorie-bar-wrap{height:8px;background:var(--surface2);border-radius:999px;overflow:hidden}.calorie-bar-fill{height:100%;border-radius:999px;background:var(--green);transition:width .4s ease}.calorie-bar-fill.warn{background:var(--yellow)}.calorie-bar-fill.over{background:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.slot-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}@keyframes pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 12px #ef444400}}.recording-pulse{animation:pulse 1.2s infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.text-muted{color:var(--text-muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.w-full{width:100%}