.header{background:#ffffffc7;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);color:#1d1d1f;padding:0;border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 6px 18px #0f172a0a;position:sticky;top:0;z-index:1000}.header-container{max-width:1200px;margin:0 auto;padding:0 14px 0 10px;display:flex;justify-content:space-between;align-items:center;height:62px;gap:10px}.logo{display:flex;align-items:center;text-decoration:none;line-height:1;min-width:0;flex:0 0 auto}.logo-image{width:clamp(188px,17vw,268px);height:auto;max-height:52px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:4px;flex-shrink:0}.nav-link{color:#1d1d1f;text-decoration:none;padding:7px 11px;border-radius:10px;font-size:.83rem;font-weight:560;transition:all .2s}.nav-link:hover{background:#0000000d;color:#007aff}.nav-link.is-active{background:#edf4ff;color:#1d4ed8}.user-info{font-size:.85rem;color:#8e8e93;padding-right:12px;margin-right:6px;border-right:1px solid #d2d2d7}.btn-logout{background:none;color:#64748b;border:1px solid #d5deea;padding:6px 10px;border-radius:10px;font-size:.76rem;font-weight:560;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#f8fafc;color:#334155;border-color:#c5d1e1}@media (max-width: 640px){.header-container{padding:0 10px;height:56px;gap:8px}.logo-image{width:clamp(150px,40vw,206px);max-height:40px}.nav{gap:2px}.nav-link{padding:4px 7px;font-size:.78rem}.btn-logout{padding:4px 7px;font-size:.72rem;border-width:1px}.user-info{display:none}}@media (max-width: 420px){.header-container{padding:0 8px;height:54px}.logo-image{width:clamp(128px,37vw,160px);max-height:34px}.nav-link{padding:3px 6px;font-size:.74rem}.btn-logout{padding:3px 7px;font-size:.72rem}}.home-container{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.hero{text-align:center;padding:72px 32px;background:linear-gradient(135deg,#007aff,#5856d6);color:#fff;border-radius:24px;margin-bottom:56px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none}.hero h1{font-size:3rem;margin:0 0 12px;font-weight:800;letter-spacing:-1px}.hero p{font-size:1.25rem;margin:8px 0;opacity:.95;font-weight:400}.hero .subtitle{margin-bottom:32px;font-size:1.05rem;opacity:.85}.cta-buttons{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}.cta-buttons .btn-primary{background:#fff;color:#007aff;padding:14px 32px;border-radius:14px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px #0000001a}.cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000026}.btn-secondary{background:#ffffff26;color:#fff;border:1.5px solid rgba(255,255,255,.5);text-decoration:none;padding:14px 32px;border-radius:14px;font-size:1rem;font-weight:600;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:#ffffff40;border-color:#fff}.landing-preview{margin-bottom:56px}.landing-preview-header{text-align:center;margin-bottom:24px}.landing-preview-header h2{margin:0;font-size:1.8rem;color:#1d1d1f;letter-spacing:-.4px}.landing-preview-header p{margin:8px 0 0;font-size:.98rem;color:#6b7280}.landing-preview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}.preview-card{background:#fff;border:1px solid #e6ebf5;border-radius:18px;padding:16px;box-shadow:0 6px 22px #0f172a0f}.preview-chart-card .graph-wrapper{margin-top:6px}.preview-card-head{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.preview-card-head h3{margin:0;font-size:1.02rem;color:#111827}.preview-card-head span{color:#64748b;font-size:.78rem}.preview-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview-stat{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px;text-align:center}.preview-stat-value{font-size:1.1rem;color:#0f172a;font-weight:750}.preview-stat-label{font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.preview-stat-unit{font-size:.7rem;color:#94a3b8}.preview-meals{margin-top:12px}.preview-meals h4{margin:0 0 8px;font-size:.88rem;color:#1f2937}.preview-meal-row{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;color:#334155;padding:9px 8px;border-radius:10px;border:1px solid #edf1f7;margin-bottom:7px;background:#fbfdff}.preview-meal-row strong{color:#0f172a;font-size:.82rem}.features{margin-bottom:56px}.features h2{text-align:center;font-size:1.75rem;font-weight:700;margin-bottom:36px;color:#1d1d1f;letter-spacing:-.3px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.feature-card{background:#fff;padding:28px 24px;border-radius:16px;box-shadow:0 1px 3px #0000000f;text-align:center;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.feature-icon{font-size:2.5rem;margin-bottom:12px}.feature-card h3{margin:12px 0 8px;color:#1d1d1f;font-weight:700;font-size:1.05rem}.feature-card p{color:#8e8e93;line-height:1.5;font-size:.9rem;margin:0}.coming-soon{background:#fff;padding:36px 32px;border-radius:16px;box-shadow:0 1px 3px #0000000f;margin-bottom:40px}.coming-soon h2{text-align:center;font-size:1.5rem;font-weight:700;margin:0 0 28px;color:#1d1d1f}.coming-soon ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.coming-soon li{background:#f5f5f7;padding:14px 18px;border-left:3px solid #007aff;border-radius:10px;color:#1d1d1f;font-size:.9rem;font-weight:500}@media (max-width: 768px){.home-container{padding:16px 14px 44px}.hero{padding:48px 20px;border-radius:20px;margin-bottom:32px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.cta-buttons{flex-direction:column;gap:12px;align-items:center}.feature-grid,.landing-preview-grid{grid-template-columns:1fr}.landing-preview-header h2{font-size:1.35rem}.features,.landing-preview{margin-bottom:36px}.coming-soon ul{grid-template-columns:1fr}}@media (max-width: 480px){.hero{padding:36px 14px;border-radius:16px}.hero h1{font-size:1.7rem}.hero p{font-size:.94rem}.cta-buttons .btn-primary,.btn-secondary{width:100%;max-width:260px;padding:11px 16px;font-size:.9rem}.preview-card,.coming-soon,.feature-card{padding:12px}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:24px 16px;background:#f5f5f7}.auth-card{background:#fff;padding:40px 36px;border-radius:20px;box-shadow:0 2px 12px #00000014;width:100%;max-width:520px}.auth-card h2{text-align:center;margin:0 0 32px;font-size:1.75rem;font-weight:700;color:#1d1d1f;letter-spacing:-.3px}.auth-card .form-group{margin-bottom:20px}.auth-card .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-card .form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.85rem;color:#1d1d1f;letter-spacing:.1px}.auth-card .form-group input,.auth-card .form-group select{width:100%;padding:12px 14px;border:1.5px solid #d2d2d7;border-radius:10px;font-size:1rem;font-family:inherit;color:#1d1d1f;background:#fafafa;box-sizing:border-box;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.auth-card .form-group input::placeholder{color:#c7c7cc}.auth-card .form-group input:focus,.auth-card .form-group select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1f;background:#fff}.auth-card .btn{width:100%;padding:14px;font-size:1rem;font-weight:600;margin-top:12px;border-radius:12px;border:none;cursor:pointer;transition:all .2s;letter-spacing:.2px}.auth-card .btn-primary{background:#007aff;color:#fff}.auth-card .btn-primary:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007aff40}.auth-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth-link{text-align:center;margin-top:24px;color:#8e8e93;font-size:.9rem}.auth-link a{color:#007aff;text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.demo-credentials{margin-top:24px;padding:14px 16px;background:#f0f7ff;border-radius:12px;font-size:.85rem;color:#1d1d1f;border:1px solid #d6e8ff}.demo-credentials p{margin:2px 0}.demo-credentials p:first-child{margin-bottom:6px}.auth-card .alert{border-radius:10px;padding:12px 16px;font-size:.9rem;font-weight:500}@media (max-width: 540px){.auth-card{padding:28px 20px;max-width:100%}.auth-card .form-row{grid-template-columns:1fr;gap:0}.auth-card h2{font-size:1.5rem}}.dash-root{min-height:calc(100vh - 64px);background:#f7f8fb;padding:12px 12px 144px}.dash-layout{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 352px;gap:12px;align-items:start}:root{--dash-max-width: 1180px;--dash-sidebar-width: 352px;--dash-col-gap: 10px}.dash-main{min-width:0}.dash-card{background:#fff;border:1px solid #e9ecf4;border-radius:.9rem;box-shadow:0 6px 20px #14285a0f;padding:12px;margin-bottom:12px}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;position:sticky;top:62px;z-index:245;background:#f7f8fbeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 0}.dash-header h1{margin:0;font-size:1.58rem;line-height:1.1;font-weight:750;color:#0f172a}.dash-date{margin:4px 0 0;color:#8a96ab;font-size:.8rem;font-weight:400}.dash-header-actions,.weight-quick{display:flex;align-items:center;gap:8px}.weight-input{width:122px!important;margin:0!important;background:#fff!important}.dash-control{height:42px;min-width:92px;padding:0 20px;border-radius:14px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center}.dash-control--active{background:#2563eb;color:#fff;border:1px solid #2563eb}.dash-control--inactive{background:#fff;color:#1e293b;border:1px solid #d8e1ef}.dash-control--inactive:hover{border-color:#c7d3e5;background:#f8fafc}.weight-btn,.btn-history-link,.chat-send-btn,.btn-log-all,.review-sheet-toggle{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.weight-btn{border-width:1px}.weight-btn:hover:not(:disabled){transform:translateY(-1px);background:#1d4ed8}.btn-history-link{text-decoration:none}.btn-history-link:hover{transform:translateY(-1px)}.weight-input.dash-control{justify-content:flex-start}.weight-input.dash-control::placeholder{color:#64748b}.card-header{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.card-header h2{margin:0;color:#0f172a;font-size:1rem}.card-subtitle{font-size:.78rem;color:#64748b}.composer-card h2{margin:0;color:#0f172a;font-size:.98rem}.composer-card p{margin:4px 0 9px;color:#64748b;font-size:.8rem}.composer-card--bottom{width:min(800px,100%);margin:0;border-radius:1rem;border:1px solid rgba(215,223,237,.95);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 46px #0f172a33;padding:10px 12px 9px}.bottom-composer-wrap{position:fixed;left:50%;transform:translate(-50%);width:min(var(--dash-max-width),calc(100vw - 28px));bottom:20px;z-index:120;pointer-events:none}.bottom-composer-wrap .composer-card--bottom{pointer-events:auto;width:calc(100% - var(--dash-sidebar-width) - var(--dash-col-gap))}.composer-helper{margin:6px 4px 0;font-size:.72rem;color:#7b8698}.dash-main-bottom-spacer{height:24px}.chat-composer{display:flex;align-items:flex-end;gap:8px}.chat-textarea{flex:1;width:100%;border:1px solid #d7dcea;border-radius:.85rem;padding:9px 12px;min-height:40px;max-height:144px;resize:none;line-height:1.45;font-size:.9rem;font-family:inherit;background:#fff;color:#0f172a}.chat-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb21}.chat-send-btn{border-radius:.8rem;padding:8px 12px;background:#2563eb;color:#fff;font-weight:700;min-width:46px;min-height:40px}.chat-send-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:0 8px 16px #2563eb3d}.chat-send-btn:disabled{background:#94a3b8}.graph-card{padding:16px}.graph-wrapper{width:100%}.graph-svg{width:100%;height:auto;display:block}.graph-empty{text-align:center;padding:20px;color:#64748b}.graph-legend{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.legend-item{font-size:.76rem;color:#64748b;display:inline-flex;gap:5px;align-items:center}.legend-dot{width:8px;height:8px;border-radius:999px}.macro-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.macro-stat{border-radius:.9rem;border:1px solid #e5eaf5;padding:9px 6px;text-align:center}.macro-stat:nth-child(1){background:#eff6ff}.macro-stat:nth-child(2){background:#ecfdf3}.macro-stat:nth-child(3){background:#fffbeb}.macro-stat:nth-child(4){background:#fff7ed}.macro-stat-value{font-size:1.08rem;font-weight:760;line-height:1.1;color:#0f172a}.macro-stat-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.macro-stat-unit{font-size:.62rem;color:#94a3b8}.logs-card h2{margin:0 0 10px;font-size:1rem}.logs-list{border:1px solid #e7ebf5;border-radius:.9rem;overflow:hidden}.log-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-bottom:1px solid #eef1f7;background:#fff;padding:11px 13px}.log-row:last-child{border-bottom:0}.log-name{flex:1;min-width:140px;color:#0f172a;font-weight:600}.log-cal{font-weight:700;color:#0f172a}.log-macro{color:#64748b;font-size:.84rem}.review-sidebar{position:sticky;top:116px;align-self:start;max-height:calc(100vh - 128px);overflow:auto;background:#fff;border:1px solid #e8ecf6;border-radius:.9rem;box-shadow:0 8px 26px #14285a14;opacity:.88;transition:box-shadow .22s ease,opacity .22s ease}.review-sidebar.is-active{opacity:1;box-shadow:0 10px 28px #14285a1a}.review-panel-content{padding:12px}.review-panel-header h3{margin:0;font-size:1rem;color:#0f172a}.review-panel-header p{margin:3px 0 0;color:#64748b;font-size:.8rem}.review-totals{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px}.total-pill{border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:650}.total-pill--calories{background:#eaf1ff;color:#1d4ed8}.total-pill--protein{background:#eafaf0;color:#166534}.total-pill--carbs{background:#fff7df;color:#a16207}.total-pill--fats{background:#ffede7;color:#c2410c}.total-pill--count{background:#f1f5f9;color:#334155}.review-food-list{margin-top:9px;display:flex;flex-direction:column;gap:10px}.review-empty{margin:8px 0;color:#64748b;font-size:.9rem}.review-food-card{border:1px solid #e6eaf4;border-radius:1rem;padding:13px;background:#fff;animation:fadeUp .22s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.review-food-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.review-food-head h4{margin:0;font-size:1.02rem;color:#0f172a;font-weight:650}.review-remove-btn{background:#fff5f5;color:#dc2626;border-radius:.55rem;padding:2px 8px;min-height:auto}.review-quantity{margin:6px 0 10px;color:#475569;font-size:.9rem}.review-main-macros{display:flex;flex-wrap:wrap;gap:10px;color:#1e293b;font-size:.88rem;font-weight:600}.review-meta-row{margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.review-qty-edit{display:flex;align-items:center;gap:5px}.review-qty-edit label{color:#64748b;font-size:.74rem}.review-qty-edit input{width:84px;margin:0!important;padding:6px 8px!important;font-size:.82rem!important;border-radius:.55rem!important}.source-badge-wrap{position:relative;display:inline-flex;align-items:center}.source-trigger-btn{border:0;background:transparent;color:#7a8598;font-size:.73rem;font-weight:600;padding:0;min-height:0;display:inline-flex;align-items:center;gap:6px}.source-trigger-btn:hover{color:#5f6c81}.source-trigger-label{line-height:1}.source-trigger-icon{width:16px;height:16px;border-radius:999px;border:1px solid #cbd5e1;color:#64748b;font-size:.64rem;display:inline-flex;align-items:center;justify-content:center;font-weight:700;transition:color .2s ease,border-color .2s ease}.source-trigger-btn:hover .source-trigger-icon{color:#475569;border-color:#94a3b8}.source-popover{position:absolute;top:30px;left:0;z-index:4;width:238px;background:#fff;border:1px solid #dce3ef;box-shadow:0 10px 24px #0f172a1f;border-radius:.72rem;padding:10px}.source-popover-badge{margin:0 0 4px;display:inline-block;font-size:.68rem;font-weight:700;color:#2563eb}.source-popover-title{margin:0;font-size:.78rem;color:#0f172a;font-weight:700}.source-popover-text{margin:4px 0 0;font-size:.72rem;color:#64748b;line-height:1.4}.source-popover-link{display:inline-block;margin-top:7px;font-size:.72rem;color:#1d4ed8;text-decoration:none}.source-popover-link:hover{text-decoration:underline}.micros-toggle{margin-top:10px;background:transparent;color:#334155;border:1px solid #d8e0ed;border-radius:.65rem;padding:6px 10px;font-size:.76rem}.micros-panel{max-height:0;opacity:0;overflow:hidden;transition:max-height .22s ease,opacity .22s ease}.micros-panel.is-open{max-height:560px;opacity:1;margin-top:8px}.micros-group-title{margin:7px 0 6px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.micros-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.micros-item{border:1px solid #edf1f8;background:#fbfcff;border-radius:.65rem;padding:6px 8px}.micros-label{display:block;color:#64748b;font-size:.7rem}.micros-value{display:block;color:#0f172a;font-size:.84rem;font-weight:650}.show-more-micros{margin-top:7px;border:0;background:transparent;color:#2563eb;font-size:.74rem;padding:0}.btn-log-all{margin-top:14px;width:100%;border-radius:.8rem;padding:10px;background:#16a34a;color:#fff;font-weight:700}.btn-log-all:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #16a34a3d}.review-loading-state{margin-top:12px}.loading-icon{width:38px;height:38px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#e8efff;color:#1d4ed8;font-size:1rem;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.loading-title{margin:8px 0 0;color:#0f172a;font-weight:650}.loading-input{margin:4px 0 10px;color:#64748b;font-size:.82rem}.skeleton-card{border:1px solid #edf1f8;border-radius:.9rem;padding:10px;margin-bottom:8px;background:#fff}.skeleton{border-radius:.5rem;background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0,#eef2f7 75%);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:14px;width:68%}.skeleton-sub{height:10px;width:42%;margin-top:8px}.skeleton-row{margin-top:10px;display:flex;gap:6px}.skeleton-chip{height:22px;width:72px;border-radius:999px}.review-sheet-toggle{position:fixed;right:14px;bottom:86px;z-index:265;border-radius:999px;background:#2563eb;color:#fff;font-weight:700;padding:10px 16px;box-shadow:0 12px 22px #2563eb47}.review-sheet-toggle.is-open{background:#1e40af}.review-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a52;z-index:38;border:0;padding:0}.review-sheet{position:fixed;left:0;right:0;bottom:0;z-index:270;max-height:84vh;overflow:auto;background:#fff;border-top-left-radius:1.1rem;border-top-right-radius:1.1rem;border:1px solid #e8ecf6;transform:translateY(105%);transition:transform .24s ease;box-shadow:0 -10px 34px #0f172a29}.review-sheet.is-open{transform:translateY(0)}@media (max-width: 1200px){.dash-layout{grid-template-columns:minmax(0,1fr)}.review-sidebar{display:none}.bottom-composer-wrap{left:12px;right:12px;transform:none;width:auto;bottom:16px}.bottom-composer-wrap .composer-card--bottom{width:100%}.dash-header{top:60px}}@media (max-width: 768px){.dash-root{padding:10px 10px 156px}.dash-card{padding:12px;margin-bottom:12px}.dash-header{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.source-popover{width:220px}.review-sheet-toggle{bottom:90px;padding:8px 14px;font-size:.82rem}.composer-card--bottom{width:100%;border-radius:.85rem;padding:8px 9px 7px}.chat-textarea{min-height:36px;max-height:128px;font-size:.86rem;padding:8px 10px}.chat-send-btn{min-width:42px;min-height:36px;padding:7px 10px}.composer-helper{font-size:.68rem}.dash-header{flex-direction:column;gap:10px}.dash-header-actions{width:100%;justify-content:space-between}.dash-control{height:40px;min-width:90px;padding:0 16px;border-radius:12px;font-size:13px}.weight-input{width:112px!important}.macro-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.micros-grid{grid-template-columns:1fr}}@media (max-width: 420px){.dash-root{padding:8px 8px 154px}.dash-header h1{font-size:1.35rem}.dash-date{font-size:.74rem}.weight-input{width:102px!important}.weight-btn,.btn-history-link{min-width:84px;padding:0 12px;font-size:12px;height:38px;border-radius:11px}.review-sheet-toggle{right:10px;bottom:84px;padding:7px 12px;font-size:.78rem}}.history-container{max-width:900px;margin:0 auto;padding:24px 20px 60px}.history-header-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px}.history-header-bar h1{font-size:1.75rem;font-weight:700;color:#1d1d1f;margin:0}.back-btn{color:#007aff;text-decoration:none;font-size:.95rem;font-weight:500;padding:6px 12px;border-radius:8px;transition:background .2s}.back-btn:hover{background:#007aff14}.date-nav{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:16px;padding:16px 24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f}.date-display{text-align:center}.date-display h2{font-size:1.15rem;font-weight:600;color:#1d1d1f;margin:0}.nav-btn{background:none;border:none;color:#007aff;font-size:1rem;font-weight:600;padding:8px 16px;border-radius:10px;cursor:pointer;transition:all .2s}.nav-btn:hover:not(:disabled){background:#007aff14}.nav-btn:disabled{color:#c7c7cc;cursor:default}.today-btn{background:none;border:none;color:#007aff;font-size:.8rem;font-weight:500;cursor:pointer;margin-top:4px;padding:2px 8px}.today-btn:hover{text-decoration:underline}.today-badge{display:inline-block;background:#34c759;color:#fff;font-size:.7rem;font-weight:600;padding:2px 10px;border-radius:10px;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.week-overview{margin-bottom:24px}.week-overview h3{font-size:1rem;font-weight:600;color:#1d1d1f;margin:0 0 16px}.week-bars{display:flex;justify-content:space-between;align-items:flex-end;height:140px;gap:8px}.week-bar-group{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.week-bar-value{font-size:.7rem;color:#8e8e93;margin-bottom:4px;font-weight:500}.week-bar-container{flex:1;width:100%;max-width:40px;display:flex;align-items:flex-end;justify-content:center}.week-bar{width:100%;background:linear-gradient(180deg,#007aff,#5ac8fa);border-radius:6px 6px 2px 2px;min-height:4px;transition:height .4s ease}.week-bar-label{font-size:.75rem;color:#8e8e93;margin-top:6px;font-weight:500}.day-stats{margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hist-stat{text-align:center;padding:16px 8px;background:#f5f5f7;border-radius:12px}.calories-stat{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff}.calories-stat .hist-stat-label{color:#ffffffd9}.hist-stat-value{font-size:1.5rem;font-weight:700;margin-bottom:4px}.hist-stat-label{font-size:.8rem;color:#8e8e93;font-weight:500}.day-meals h3{font-size:1rem;font-weight:600;color:#1d1d1f;margin:0 0 16px}.meals-list{display:flex;flex-direction:column;gap:1px;background:#e5e5ea;border-radius:12px;overflow:hidden}.hist-meal-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#fff}.meal-left{display:flex;align-items:center;gap:10px}.meal-name{font-weight:600;color:#1d1d1f;font-size:.95rem}.meal-badge{background:#e3f2fd;color:#007aff;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:6px;text-transform:capitalize}.meal-right{display:flex;gap:12px;align-items:center}.meal-cal{font-weight:700;color:#1d1d1f;font-size:.9rem}.meal-macro{font-size:.8rem;color:#8e8e93}.empty-day{text-align:center;padding:48px 24px}.empty-day-icon{font-size:3rem;display:block;margin-bottom:16px}.empty-day h3{font-size:1.25rem;font-weight:600;color:#1d1d1f;margin:0 0 8px}.empty-day p{color:#8e8e93;margin:0 0 20px}.btn-go-log{display:inline-block;background:#007aff;color:#fff;text-decoration:none;padding:10px 24px;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .2s}.btn-go-log:hover{background:#0056b3;transform:translateY(-1px)}.loading-state{text-align:center;padding:48px 24px;color:#8e8e93}.spinner{width:32px;height:32px;border:3px solid #e5e5ea;border-top-color:#007aff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.history-container .card{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}@media (max-width: 640px){.history-container{padding:16px 12px 48px}.date-nav{flex-direction:column;gap:12px;padding:16px}.history-header-bar{gap:10px;margin-bottom:16px}.history-header-bar h1{font-size:1.35rem}.back-btn{font-size:.85rem;padding:4px 8px}.stat-grid{grid-template-columns:repeat(2,1fr)}.hist-meal-item{flex-direction:column;align-items:flex-start;gap:8px}.meal-right{flex-wrap:wrap}.week-bars{height:100px}}@media (max-width: 420px){.history-container .card{padding:14px;border-radius:12px}.date-nav{padding:12px;margin-bottom:16px}.date-display h2{font-size:1rem}.nav-btn{width:100%;max-width:180px;text-align:center;padding:7px 10px}.hist-stat-value{font-size:1.25rem}.meal-name{font-size:.88rem}}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;color:#1d1d1f;line-height:1.47;letter-spacing:-.022em}*{box-sizing:border-box}button{cursor:pointer;border:none;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;font-family:inherit;transition:all .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=text],input[type=email],input[type=password],input[type=number],select{width:100%;padding:12px 14px;margin-bottom:0;border:1.5px solid #d2d2d7;border-radius:10px;font-size:1rem;font-family:inherit;color:#1d1d1f;background:#fafafa;box-sizing:border-box;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder{color:#c7c7cc}input:focus,select:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1f;background:#fff}.container{max-width:1200px;margin:0 auto;padding:24px 20px}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 3px #0000000f;margin-bottom:20px}.btn-primary{background-color:#007aff;color:#fff;text-decoration:none;display:inline-block}.btn-primary:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 12px #007aff40}.btn-danger{background-color:#ff3b30;color:#fff}.btn-danger:hover:not(:disabled){background-color:#d32f2f}.btn-success{background-color:#34c759;color:#fff}.btn-success:hover:not(:disabled){background-color:#2db84d}.alert{padding:14px 18px;margin-bottom:20px;border:none;border-radius:12px;font-size:.9rem;font-weight:500}.alert-danger{color:#c62828;background-color:#ffebee}.alert-success{color:#2e7d32;background-color:#e8f5e9}.alert-info{color:#1565c0;background-color:#e3f2fd}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7c7cc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8e8e93}::selection{background:#007aff33;color:#1d1d1f}