:root{--navy:#101c34;--sage:#647966;--light-sage:#c5d1c8;--white:#fff;--gray:#6b7280;--light-gray:#f3f4f6;--green:#22c55e;--red:#ef4444;--gold:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--light-gray);color:var(--navy);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:400px;margin:0 auto;padding:16px 16px 32px}.compact-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.compact-header h1{color:var(--navy);font-size:20px;font-weight:700}.scan-badge{background:var(--sage);color:#fff;border-radius:12px;padding:4px 8px;font-size:10px;font-weight:500}.stats-row{gap:8px;margin-bottom:16px;display:flex}.stat{text-align:center;background:#fff;border-radius:8px;flex:1;padding:10px 8px;box-shadow:0 1px 3px #00000014}.stat-value{color:var(--navy);font-size:16px;font-weight:700;display:block}.stat-label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.protein-lock{background:var(--navy);color:#fff;text-align:center;border-radius:12px;margin-bottom:16px;padding:16px}.protein-main{justify-content:center;align-items:baseline;gap:8px;display:flex}.protein-num{font-size:36px;font-weight:700}.protein-text{color:var(--light-sage);font-size:14px}.protein-formula{color:var(--light-sage);opacity:.8;margin-top:6px;font-size:11px}.controls{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 1px 3px #00000014}.control-row{margin-bottom:16px}.control-row:last-child{margin-bottom:0}.control-row label{color:var(--gray);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.activity-pills,.goal-pills{gap:6px;display:flex}.pill{border:2px solid var(--light-gray);color:var(--gray);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:8px 4px;font-size:11px;font-weight:600;transition:all .15s}.pill:hover{border-color:var(--sage)}.pill.active{border-color:var(--sage);background:var(--light-sage);color:var(--navy)}.pill.lose.active{border-color:var(--red);color:var(--red);background:#fef2f2}.pill.gain.active{border-color:var(--green);color:var(--green);background:#f0fdf4}input[type=range]{background:linear-gradient(to right,#fce7f3,var(--light-gray),#fef3c7);appearance:none;cursor:pointer;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sage);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 6px #0003}.slider-hints{color:var(--gray);justify-content:space-between;margin-top:4px;font-size:9px;display:flex}.results{text-align:center;background:#fff;border-radius:12px;margin-bottom:12px;padding:20px;box-shadow:0 1px 3px #00000014}.calorie-total{margin-bottom:16px}.cal-num{color:var(--navy);font-size:40px;font-weight:700}.cal-label{color:var(--gray);margin-top:-4px;font-size:12px;display:block}.macro-row{gap:12px;margin-bottom:16px;display:flex}.macro{border-radius:8px;flex:1;padding:12px 8px}.macro.protein{background:var(--navy);color:#fff}.macro.carbs{background:#fef3c7}.macro.fat{background:#fce7f3}.macro-num{font-size:20px;font-weight:700;display:block}.macro-label{opacity:.8;font-size:10px}.macro.protein .macro-label{color:var(--light-sage)}.calorie-bar{border-radius:4px;height:8px;display:flex;overflow:hidden}.bar-protein{background:var(--navy)}.bar-carbs{background:var(--gold)}.bar-fat{background:#ec4899}.tip{border-left:3px solid var(--green);color:var(--navy);background:#f0fdf4;border-radius:4px;margin-bottom:12px;padding:10px 12px;font-size:12px}.actions{gap:12px;margin-bottom:16px;display:flex}.action-btn{border:2px solid var(--light-sage);color:var(--navy);cursor:pointer;background:#fff;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .15s}.action-btn:hover{background:var(--light-sage)}.action-btn:active{transform:scale(.98)}.footer{text-align:center;color:var(--gray);padding-top:8px;font-size:12px}.footer-note{opacity:.7;font-size:10px}@media print{body{background:#fff}.container{max-width:100%;padding:0}.actions,.controls input[type=range]{display:none}}@media (max-width:380px){.container{padding:12px}.protein-num{font-size:32px}.cal-num{font-size:36px}.pill{padding:6px 2px;font-size:10px}}
