:root{--cal-primary:#0ea5e9;--cal-secondary:#6366f1;--cal-dark:#0f172a;--cal-success:#22c55e;--cal-card-bg:#ffffff;--cal-border:#e2e8f0;--cal-gradient:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%)}body{background-color:#f8fafc;font-family:Inter,sans-serif}.glass-panel{background:var(--cal-card-bg);border:1px solid var(--cal-border);border-radius:24px;transition:all .3s ease}.main-display{background:var(--cal-gradient);color:#fff;border-radius:24px;padding:40px;text-align:center;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.calorie-number{font-size:4.5rem;font-weight:900;line-height:1;letter-spacing:-2px;margin:15px 0}.goal-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:5px;background:#e2e8f0;outline:0}.goal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--cal-primary);cursor:pointer;border:4px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.1)}.macro-card{padding:20px;border-radius:18px;text-align:center;border:1px solid var(--cal-border)}.macro-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#64748b}.macro-gram{font-size:1.5rem;font-weight:800;color:var(--cal-dark)}.input-pill{border-radius:12px;border:1px solid var(--cal-border);padding:12px;font-weight:600}.nav-pills .nav-link{border-radius:10px;font-weight:600;color:#64748b}.nav-pills .nav-link.active{background-color:var(--cal-primary)}.chart-container{height:250px;width:100%}