:root{--color-primary:#1d9e75;--color-primary-light:#3db890;--color-primary-dark:#167a5b;--color-primary-bg:#1d9e7514;--color-primary-10:#1d9e751a;--color-primary-20:#1d9e7533;--color-danger:#ef5350;--color-danger-bg:#ffebee;--color-warning:#ffa726;--color-warning-bg:#fff3e0;--color-info:#42a5f5;--color-info-bg:#e3f2fd;--color-white:#fff;--color-bg:#f7f8fa;--color-surface:#fff;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-text:#1a1a1a;--color-text-secondary:#888;--color-text-hint:#9e9e9e;--color-text-inverse:#fff;--color-overlay:#00000080;--font-heading:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;--font-family:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;--font-body:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height:1.5;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-base:1rem;--spacing-lg:1.25rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--shadow-card:0 1px 4px #0000000f;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--navbar-height:56px;--container-max:480px;--container-desktop:960px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}button,[role=button],.btn,.nav-item,.add-meal__tab,.date-picker__btn,.date-picker__today,.meal-section__add-btn{min-width:44px;min-height:44px}.nav-item,.auth-footer a,.landing__login-link:hover,a:not(.btn){color:var(--color-primary-dark)}a:not(.btn):hover{color:var(--color-primary)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-secondary{color:var(--color-text-secondary)}.text-hint{color:var(--color-text-hint)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}h1,.h1{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}h2,.h2{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:1.3}h3,.h3{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3}#app{min-height:100dvh;padding-bottom:calc(var(--navbar-height) + var(--safe-bottom) + var(--spacing-base))}.container{width:100%;max-width:var(--container-max);padding:0 var(--spacing-base);margin:0 auto}.screen{padding-top:var(--spacing-base);padding-bottom:var(--spacing-xl)}.screen-header{padding:var(--spacing-base);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.screen-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-base{gap:var(--spacing-base)}.gap-lg{gap:var(--spacing-lg)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-base{margin-top:var(--spacing-base)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-base{margin-bottom:var(--spacing-base)}.mb-lg{margin-bottom:var(--spacing-lg)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);min-height:44px;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary,.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled),.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-primary-bg);color:var(--color-primary-dark)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-20)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-primary-10)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-border-light)}.btn-danger,.btn--danger{background-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled),.btn--danger:hover:not(:disabled){background-color:#d32f2f}.btn-block,.btn--full{width:100%;display:flex}.btn-sm,.btn--small{min-height:44px;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-sm)}.btn-lg{min-height:52px;padding:var(--spacing-base) var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-icon{min-width:44px;min-height:44px;padding:var(--spacing-sm);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background-color:var(--color-border-light)}.btn-icon:active{transform:scale(.92)}.fab{bottom:calc(var(--navbar-height) + var(--safe-bottom) + var(--spacing-base));right:var(--spacing-base);border-radius:var(--radius-full);background-color:var(--color-primary);width:56px;height:56px;color:var(--color-text-inverse);cursor:pointer;box-shadow:var(--shadow-lg);font-size:var(--font-size-2xl);transition:transform var(--transition-fast), box-shadow var(--transition-fast);z-index:50;border:none;justify-content:center;align-items:center;display:flex;position:fixed}.fab:hover{transform:scale(1.05);box-shadow:0 6px 20px #4caf5059}.fab:active{transform:scale(.95)}.form-group{gap:var(--spacing-xs);margin-bottom:var(--spacing-base);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input{width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-base);font-size:var(--font-size-md);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.form-input::placeholder{color:var(--color-text-hint)}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef53501a}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-base);font-size:var(--font-size-md);font-family:var(--font-family);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);appearance:none;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-hint)}.form-error{font-size:var(--font-size-sm);color:var(--color-danger);min-height:1em}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-hint)}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-row-3{gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;display:grid}select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23757575' d='M6 8.825L0.5 3.325l1.175-1.175L6 6.475l4.325-4.325L11.5 3.325z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-body{padding:var(--spacing-base)}.card-header{padding:var(--spacing-md) var(--spacing-base);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.meal-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-md)}.meal-card-header{padding:var(--spacing-md) var(--spacing-base);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.meal-card-header .meal-kcal{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.meal-item{padding:var(--spacing-md) var(--spacing-base);border-bottom:1px solid var(--color-border-light);min-height:44px;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.meal-item:last-child{border-bottom:none}.meal-item:active{background-color:var(--color-border-light)}.meal-item-info{flex:1;min-width:0}.meal-item-name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.meal-item-meta{font-size:var(--font-size-sm);color:var(--color-text-hint);margin-top:2px}.meal-item-kcal{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);white-space:nowrap;margin-left:var(--spacing-md)}.meal-add-btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;min-height:44px;transition:background-color var(--transition-fast);display:flex}.meal-add-btn:hover{background-color:var(--color-primary-10)}.meal-section__empty{padding:var(--spacing-base);text-align:center;font-size:var(--font-size-base);color:var(--color-text-hint)}.navbar{height:calc(var(--navbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background-color:var(--color-surface);border-top:1px solid var(--color-border-light);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:44px;min-height:44px;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-hint);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-item .nav-icon{font-size:22px;line-height:1}.nav-item.active{color:var(--color-primary)}.nav-item:hover{color:var(--color-primary-light)}#toast-container,.toast-container{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-base);padding-top:calc(var(--spacing-base) + env(safe-area-inset-top,0px));z-index:1000;pointer-events:none;flex-direction:column;display:flex;position:fixed;top:0;left:0;right:0}.toast{align-items:center;gap:var(--spacing-sm);min-width:280px;max-width:var(--container-max);padding:var(--spacing-md) var(--spacing-base);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-slide-in var(--transition-base) ease forwards;display:flex}.toast.removing{animation:toast-slide-out var(--transition-fast) ease forwards}.toast-success{background-color:var(--color-primary);color:var(--color-text-inverse)}.toast-error{background-color:var(--color-danger);color:var(--color-text-inverse)}.toast-warning{background-color:var(--color-warning);color:var(--color-text)}.toast-info{background-color:var(--color-info);color:var(--color-text-inverse)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.progress-bar{background-color:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background-color:var(--color-primary);height:100%;transition:width var(--transition-slow)}.progress-bar-fill.over{background-color:var(--color-danger)}.macro-bar{gap:var(--spacing-xs);flex-direction:column;display:flex}.macro-bar__header,.macro-bar-label{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.macro-bar__label,.macro-bar-label-name{font-weight:var(--font-weight-medium)}.macro-bar__numbers,.macro-bar-label-value{color:var(--color-text-secondary)}.macro-bar__numbers--over{color:var(--color-danger)}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--color-border-light)}.progress-ring-fill{fill:none;stroke:var(--color-primary);stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-ring-fill.over{stroke:var(--color-danger)}.progress-ring-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-ring-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.progress-ring-label{font-size:var(--font-size-xs);color:var(--color-text-hint);margin-top:2px}.modal-overlay{background-color:var(--color-overlay);z-index:200;animation:fade-in var(--transition-fast) ease;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.closing{animation:fade-out var(--transition-fast) ease forwards}.modal{width:100%;max-width:var(--container-max);background-color:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;animation:modal-slide-up var(--transition-base) ease;overflow-y:auto}.modal-overlay.closing .modal{animation:modal-slide-down var(--transition-fast) ease forwards}.modal-header{padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light);background-color:var(--color-surface);z-index:1;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-close{cursor:pointer;min-width:44px;min-height:44px;font-size:var(--font-size-xl);color:var(--color-text-hint);border-radius:var(--radius-full);transition:background-color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background-color:var(--color-border-light)}.modal-body{padding:var(--spacing-base)}.modal-footer{padding:var(--spacing-base);padding-bottom:calc(var(--spacing-base) + var(--safe-bottom));gap:var(--spacing-sm);display:flex}.modal-handle{background-color:var(--color-border);border-radius:var(--radius-full);width:36px;height:4px;margin:var(--spacing-sm) auto 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.auth-screen{min-height:100dvh;padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:380px}.auth-logo{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-xs)}.auth-logo-img{width:280px;height:auto;margin:0 auto var(--spacing-base);display:block}.auth-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2xl)}.auth-footer{text-align:center;margin-top:var(--spacing-xl);font-size:var(--font-size-base);color:var(--color-text-secondary)}.auth-footer a{font-weight:var(--font-weight-semibold)}.auth-error{background-color:var(--color-danger-bg);color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-bottom:var(--spacing-base);text-align:center}.legal-footer{text-align:center;padding:var(--spacing-base) var(--spacing-xl) var(--spacing-xl);font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text-hint);line-height:1.6}.legal-footer__line+.legal-footer__line{margin-top:2px}.auth-legal{margin-top:var(--spacing-2xl)}.subscription-page{padding:var(--spacing-base);max-width:var(--container-max);margin:0 auto}.subscription-page .screen-title{margin-bottom:var(--spacing-base)}.subscription-page .add-meal__back{margin-bottom:var(--spacing-sm)}.sub-status{padding:var(--spacing-base);margin-bottom:var(--spacing-xl);gap:var(--spacing-sm);flex-direction:column;display:flex}.sub-status__plan,.sub-status__row{justify-content:space-between;align-items:center;display:flex}.sub-status__label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sub-status__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.sub-status__days{font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.sub-status__cancel{margin-top:var(--spacing-xs);color:var(--color-danger);background:var(--color-danger-bg);border:none;align-self:flex-start}.sub-status__cancel:hover{background:#ffcdd2}.sub-period-toggle{gap:var(--spacing-xs);margin-bottom:var(--spacing-base);display:flex}.sub-period-toggle__badge{margin-left:var(--spacing-xs);padding:1px var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:var(--color-warning);color:#fff;border-radius:var(--radius-full);display:inline-block}.sub-plans{gap:var(--spacing-base);flex-direction:column;display:flex}.sub-plan{padding:var(--spacing-base);gap:var(--spacing-sm);flex-direction:column;display:flex}.sub-plan--active{border:2px solid var(--color-primary)}.sub-plan__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.sub-plan__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.sub-plan-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.sub-plan-group__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.sub-plan-group__desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.sub-plan-options{gap:var(--spacing-sm);margin-top:var(--spacing-xs);grid-template-columns:1fr 1fr;display:grid}.sub-plan__price{align-items:baseline;gap:var(--spacing-xs);margin:var(--spacing-xs) 0;display:flex}.sub-plan__amount{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums}.sub-plan__period{font-size:var(--font-size-base);color:var(--color-text-secondary)}.sub-plan__features{gap:var(--spacing-xs);margin:var(--spacing-xs) 0;flex-direction:column;display:flex}.sub-plan__feature{font-size:var(--font-size-sm);color:var(--color-text);padding-left:var(--spacing-base);position:relative}.sub-plan__feature:before{content:"✓";color:var(--color-primary);font-weight:var(--font-weight-bold);position:absolute;left:0}.badge--premium{background:var(--color-primary);color:#fff}.onboarding{min-height:100dvh;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-xl);background-color:var(--color-bg);flex-direction:column;align-items:center;display:flex}.onboarding__progress{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.onboarding__dot{border-radius:var(--radius-full);background-color:var(--color-border);width:10px;height:10px;transition:background-color var(--transition-base), transform var(--transition-base)}.onboarding__dot--active{background-color:var(--color-primary);transform:scale(1.3)}.onboarding__dot--done{background-color:var(--color-primary-light)}.onboarding__step-label{font-size:var(--font-size-sm);color:var(--color-text-hint);margin-bottom:var(--spacing-2xl)}.onboarding__card{text-align:center;width:100%;max-width:400px}.onboarding__icon{margin-bottom:var(--spacing-base);font-size:3rem;line-height:1}.onboarding__title{font-family:var(--font-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text)}.onboarding__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);line-height:1.5}.onboarding__form{text-align:left}.onboarding__form .form-group{margin-bottom:var(--spacing-md)}.onboarding__form-row{gap:var(--spacing-sm);grid-template-columns:1fr 1fr 1fr;display:grid}.onboarding__form .btn{margin-top:var(--spacing-base)}.onboarding__actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.onboarding__skip{margin-top:var(--spacing-lg);color:var(--color-text-hint);font-size:var(--font-size-base);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:inline-block}.onboarding__skip:hover{color:var(--color-text-secondary)}.onboarding__finish{margin-top:var(--spacing-xl)}.diary-screen{padding-bottom:var(--spacing-3xl)}.diary-date-nav{justify-content:center;align-items:center;gap:var(--spacing-base);padding:var(--spacing-md) var(--spacing-base);display:flex}.diary-date-label{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;min-width:140px}.diary-summary{padding:var(--spacing-base)}.diary-summary-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);align-items:center;gap:var(--spacing-base);flex-direction:column;display:flex}.diary-macros{gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.diary-macro-item{align-items:center;gap:var(--spacing-xs);flex-direction:column;display:flex}.diary-macro-value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.diary-macro-label{font-size:var(--font-size-xs);color:var(--color-text-hint)}.diary-meals{padding:0 var(--spacing-base);gap:var(--spacing-md);flex-direction:column;display:flex}.diary{padding-bottom:var(--spacing-3xl)}.diary__streak{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.diary__streak-icon{font-size:var(--font-size-md)}.diary__streak-text{font-weight:var(--font-weight-medium)}.diary__loading{text-align:center;padding:var(--spacing-3xl) var(--spacing-base);color:var(--color-text-hint);font-size:var(--font-size-base)}.diary__progress{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);margin:0 var(--spacing-base) var(--spacing-base);align-items:center;gap:var(--spacing-base);flex-direction:column;display:flex}.diary__macros{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.date-picker{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-base);display:flex}.date-picker__btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.date-picker__btn:hover{background-color:var(--color-border-light)}.date-picker__display{text-align:center;min-width:160px}.date-picker__date{font-family:var(--font-heading);font-size:var(--font-size-md);color:var(--color-text);font-weight:400}.date-picker__today{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-bg);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;transition:background-color var(--transition-fast)}.date-picker__today:hover{background-color:var(--color-primary-10)}.date-picker__today--hidden{visibility:hidden;pointer-events:none}.calories-circle-wrap{padding:var(--spacing-sm) 0;justify-content:center;display:flex}.calories-circle__value{font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);fill:var(--color-text);font-variant-numeric:tabular-nums}.calories-circle__label{font-family:var(--font-family);font-size:var(--font-size-xs);fill:var(--color-text-hint);font-variant-numeric:tabular-nums}.macro-bar__track{background:var(--color-border-light);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.macro-bar__fill{border-radius:var(--radius-full);height:100%;transition:width .4s}.meal-section{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0 var(--spacing-base) var(--spacing-md);overflow:hidden}.meal-section__header{padding:var(--spacing-md) var(--spacing-base);border-bottom:1px solid var(--color-border-light);align-items:center;gap:var(--spacing-sm);display:flex}.meal-section__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);flex:1}.meal-section__kcal{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.meal-section__add-btn{background:var(--color-primary-bg);min-width:36px;min-height:36px;color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:background-color var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.meal-section__add-btn:hover{background-color:var(--color-primary-20)}.add-meal-screen{padding:var(--spacing-base)}.add-meal-screen .container{gap:var(--spacing-base);flex-direction:column;display:flex}.add-meal{padding:var(--spacing-base);max-width:var(--container-max);margin:0 auto}.add-meal__header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-base);display:flex}.add-meal__back{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;font-size:var(--font-size-md);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.add-meal__back:hover{background-color:var(--color-border-light)}.add-meal__title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text);font-weight:400}.add-meal__tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-base);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.add-meal__tab{padding:var(--spacing-sm) var(--spacing-base);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex:none}.add-meal__tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.add-meal__tab--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.add-meal__content{gap:var(--spacing-base);flex-direction:column;display:flex}.add-meal__search-input{width:100%;min-height:48px;padding:var(--spacing-md) var(--spacing-base);font-size:var(--font-size-md);font-family:var(--font-family);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.add-meal__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.add-meal__search-input::placeholder{color:var(--color-text-hint)}.add-meal__ai-input{width:100%;min-height:80px;padding:var(--spacing-md) var(--spacing-base);font-size:var(--font-size-md);font-family:var(--font-family);background-color:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.add-meal__ai-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-10)}.add-meal__ai-input::placeholder{color:var(--color-text-hint)}.search-results{gap:var(--spacing-xs);flex-direction:column;display:flex}.search-results__loading,.search-results__empty{text-align:center;padding:var(--spacing-xl) var(--spacing-base);color:var(--color-text-hint);font-size:var(--font-size-base)}.food-result{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-base);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast);display:flex}.food-result:hover{box-shadow:var(--shadow-md)}.food-result__info{flex:1;min-width:0}.food-result__name{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.food-result__serving{font-size:var(--font-size-sm);color:var(--color-text-hint);margin-top:2px}.food-result__macros{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-xs);font-variant-numeric:tabular-nums;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.food-result__sep{color:var(--color-border)}.food-result__add-btn{flex-shrink:0}.ai-tab,.ai-result{gap:var(--spacing-base);flex-direction:column;display:flex}.ai-result__card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--spacing-base);box-shadow:var(--shadow-card);gap:var(--spacing-sm);flex-direction:column;display:flex}.ai-result__name{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text)}.ai-result__macros{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.ai-result__sep{color:var(--color-border)}.barcode-tab{gap:var(--spacing-base);flex-direction:column;display:flex}.barcode-tab__input-row{gap:var(--spacing-sm);display:flex}.barcode-tab__input-row .add-meal__search-input{flex:1}.weight-add-form{padding:0 var(--spacing-base)}.weight-entry__date{font-size:var(--font-size-base);color:var(--color-text-secondary)}.weight-entry__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.loading{text-align:center;padding:var(--spacing-xl) var(--spacing-base);color:var(--color-text-hint);font-size:var(--font-size-base)}.section-title{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--spacing-sm);font-weight:400}.manual-form{gap:var(--spacing-sm);flex-direction:column;display:flex}.photo-upload{justify-content:center;align-items:center;gap:var(--spacing-sm);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);min-height:120px;padding:var(--spacing-xl);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);text-align:center;flex-direction:column;display:flex}.photo-upload:hover{border-color:var(--color-primary);background-color:var(--color-primary-10)}.photo-upload-icon{color:var(--color-text-hint);font-size:32px}.photo-upload-text{font-size:var(--font-size-base);color:var(--color-text-secondary)}.photo-tab__file-input{display:none}.photo-analysis{gap:var(--spacing-base);flex-direction:column;display:flex}.photo-analysis__preview-wrap{border-radius:var(--radius-lg);line-height:0;position:relative;overflow:hidden}.photo-analysis__preview{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:320px;transition:filter var(--transition-base);display:block}.photo-analysis__preview-wrap--loading .photo-analysis__preview,.photo-analysis__preview-wrap--error .photo-analysis__preview{filter:brightness(.4)}.photo-analysis__overlay{justify-content:center;align-items:center;gap:var(--spacing-base);flex-direction:column;display:flex;position:absolute;inset:0}.photo-analysis__progress-ring{width:56px;height:56px}.photo-analysis__ring-svg{width:100%;height:100%}.photo-analysis__ring-spinner{transform-origin:50%;animation:1s linear infinite photo-ring-spin}@keyframes photo-ring-spin{to{transform:rotate(360deg)}}.photo-analysis__rotating-text{color:#fff;font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;animation:.4s photo-text-fade}@keyframes photo-text-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.photo-analysis__overlay--error{gap:var(--spacing-md);padding:var(--spacing-xl)}.photo-analysis__error-text{color:#fff;font-family:var(--font-body);font-size:var(--font-size-base);text-align:center;max-width:280px;line-height:1.5}.photo-analysis__error-actions{gap:var(--spacing-sm);display:flex}.btn--surface{color:var(--color-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none}.btn--surface:hover{background:#fff}.photo-analysis__actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.photo-analysis__change-btn{color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-xs) 0;text-align:center;background:0 0;border:none}.photo-analysis__change-btn:hover{color:var(--color-primary)}.photo-analysis__result{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--spacing-base);box-shadow:var(--shadow-card);gap:var(--spacing-md);flex-direction:column;display:flex}.photo-analysis__result-header{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.photo-analysis__result-name{font-family:var(--font-heading);font-size:var(--font-size-lg);color:var(--color-text)}.photo-analysis__result-macros{font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.photo-analysis__sep{color:var(--color-border)}.photo-analysis__result-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.confidence-badge{padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}.confidence-badge--high{color:var(--color-primary-dark);background:#1d9e751f}.confidence-badge--medium{background:var(--color-warning-bg,#fff3e0);color:#e65100}.confidence-badge--low{color:#e65100;border:1px solid var(--color-warning,#ffa726);background:#fff3e0}.goals-screen{padding:var(--spacing-base)}.goals-display{gap:var(--spacing-base);flex-direction:column;display:flex}.goal-item{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);gap:var(--spacing-sm);flex-direction:column;display:flex}.goal-item-header{justify-content:space-between;align-items:baseline;display:flex}.goal-item-label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.goal-item-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.weight-screen{padding:var(--spacing-base)}.weight-current{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-xl);text-align:center;margin-bottom:var(--spacing-base)}.weight-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.weight-unit{font-size:var(--font-size-md);color:var(--color-text-hint);margin-left:var(--spacing-xs)}.weight-change{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.weight-chart-container{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);margin-bottom:var(--spacing-base);height:200px}.weight-history{gap:var(--spacing-sm);flex-direction:column;display:flex}.weight-entry{padding:var(--spacing-md) var(--spacing-base);background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex}.weight-entry-date{font-size:var(--font-size-base);color:var(--color-text-secondary)}.weight-entry-value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.analytics-screen{padding:var(--spacing-base)}.analytics-period-tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-base);background-color:var(--color-border-light);border-radius:var(--radius-md);padding:3px;display:flex}.analytics-tab{min-height:44px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;display:flex}.analytics-tab.active{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.analytics-chart{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);margin-bottom:var(--spacing-base);min-height:200px}.analytics-stats{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.analytics-stat-card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);text-align:center}.analytics-stat-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.analytics-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.analytics-summary{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-base);margin-top:var(--spacing-base)}.analytics-summary__row{padding:var(--spacing-xs) 0;justify-content:space-between;align-items:center;display:flex}.analytics-summary__label{font-size:var(--font-size-base);color:var(--color-text-secondary)}.analytics-summary__value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.analytics-toggle{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.analytics-nav{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-base);display:flex}.analytics-nav__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center;min-width:120px}.profile-screen{padding:var(--spacing-base)}.profile-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.profile-avatar{border-radius:var(--radius-full);background-color:var(--color-primary-bg);width:72px;height:72px;color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:flex}.profile-name{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-normal)}.profile-email{font-size:var(--font-size-base);color:var(--color-text-secondary)}.profile-section{margin-bottom:var(--spacing-xl)}.profile-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-hint);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-base)}.profile-menu{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.profile-menu-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-base);cursor:pointer;text-align:left;width:100%;min-height:48px;font-size:var(--font-size-md);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast);background:0 0;display:flex}.profile-menu-item:last-child{border-bottom:none}.profile-menu-item:hover{background-color:var(--color-border-light)}.profile-menu-item:active{background-color:var(--color-border)}.profile-menu-item .menu-icon{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;width:24px}.profile-menu-item .menu-label{flex:1}.profile-menu-item .menu-arrow{color:var(--color-text-hint);font-size:var(--font-size-sm)}.profile-menu-item.danger,.profile-menu-item.danger .menu-icon{color:var(--color-danger)}.profile-hub{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-xl);overflow:hidden}.profile-hub__item{padding:var(--spacing-md) var(--spacing-base);cursor:pointer;text-align:left;width:100%;min-height:48px;font-size:var(--font-size-md);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.profile-hub__item:last-child{border-bottom:none}.profile-hub__item:hover{background-color:var(--color-border-light);text-decoration:none}.profile-hub__item--disabled{opacity:.7;cursor:default}.profile-hub__label{align-items:center;gap:var(--spacing-sm);display:flex}.profile-hub__arrow{color:var(--color-text-hint);font-size:var(--font-size-xl);line-height:1}.badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;display:inline-block}.badge--free{background-color:var(--color-primary-bg);color:var(--color-primary-dark)}.spinner{border:3px solid var(--color-border-light);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.spinner-lg{border-width:4px;width:40px;height:40px}.loading-screen{justify-content:center;align-items:center;min-height:200px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-border-light) 25%, var(--color-bg) 50%, var(--color-border-light) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}.skeleton-text{height:14px;margin-bottom:var(--spacing-sm)}.skeleton-text:last-child{width:60%}.skeleton-title{width:50%;height:20px;margin-bottom:var(--spacing-md)}.skeleton-circle{border-radius:50%}.skeleton-card{border-radius:var(--radius-lg);height:80px;margin-bottom:var(--spacing-md)}.skeleton-bar{border-radius:var(--radius-full);height:8px}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--spacing-base);opacity:.4;font-size:48px}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm)}.empty-state-text{font-size:var(--font-size-base);color:var(--color-text-hint);max-width:260px;line-height:1.5}.empty-state .btn{margin-top:var(--spacing-lg)}.landing{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.landing__header{padding:var(--spacing-base) var(--spacing-xl);justify-content:space-between;align-items:center;width:100%;max-width:960px;margin:0 auto;display:flex}.landing__header-logo{width:auto;height:64px}.landing__header-actions{align-items:center;gap:var(--spacing-base);display:flex}.landing__login-link{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-decoration:none}.landing__login-link:hover{color:var(--color-primary)}.landing__hero{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-3xl);align-items:center;gap:var(--spacing-2xl);flex-direction:column;width:100%;max-width:960px;margin:0 auto;display:flex}.landing__hero-content{align-items:center;gap:var(--spacing-lg);flex-direction:column;max-width:480px;display:flex}.landing__heading{font-family:var(--font-heading);color:var(--color-text);letter-spacing:-.02em;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:400;line-height:1.2}.landing__subheading{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:400px;line-height:1.6}.landing__cta{margin-top:var(--spacing-sm)}.btn--lg{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-md);border-radius:var(--radius-md)}.landing__hero-visual{justify-content:center;display:flex}.landing__phone-mockup{background:var(--color-surface);border-radius:var(--radius-xl);width:220px;box-shadow:var(--shadow-lg);padding:var(--spacing-base);border:1px solid var(--color-border-light)}.landing__phone-screen{gap:var(--spacing-md);flex-direction:column;display:flex}.landing__mock-header{justify-content:space-between;align-items:baseline;display:flex}.landing__mock-date{font-family:var(--font-heading);font-size:var(--font-size-md);color:var(--color-text)}.landing__mock-cal{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-dark);font-variant-numeric:tabular-nums}.landing__mock-ring{width:80px;height:80px;margin:0 auto}.landing__mock-ring svg{width:100%;height:100%}.landing__mock-macros{justify-content:center;gap:var(--spacing-sm);display:flex}.landing__mock-macro{font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--spacing-sm);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.landing__mock-macro--p{color:#e07a5f;background:#e07a5f1f}.landing__mock-macro--f{color:#c48a3f;background:#f2b05e1f}.landing__mock-macro--c{color:#5b8fb9;background:#5b8fb91f}.landing__mock-meals{gap:var(--spacing-xs);flex-direction:column;display:flex}.landing__mock-meal{font-family:var(--font-family);font-size:var(--font-size-xs);color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);justify-content:space-between;display:flex}.landing__mock-meal span:last-child{color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.landing__features{gap:var(--spacing-2xl);width:100%;max-width:960px;padding:var(--spacing-3xl) var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}.landing__feature{align-items:flex-start;gap:var(--spacing-base);display:flex}.landing__feature-icon{background:var(--color-primary-bg);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.75rem;display:flex}.landing__feature-body{gap:var(--spacing-xs);flex-direction:column;display:flex}.landing__feature-title{font-family:var(--font-heading);font-size:var(--font-size-xl);color:var(--color-text);font-weight:400}.landing__feature-text{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:440px;line-height:1.6}.landing__bottom-cta{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);align-items:center;gap:var(--spacing-base);background:var(--color-surface);border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.landing__bottom-heading{font-family:var(--font-heading);font-size:var(--font-size-2xl);color:var(--color-text);font-weight:400}.landing__bottom-text{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-secondary)}.landing__footer{text-align:center;padding:var(--spacing-xl);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-hint);justify-content:center;gap:var(--spacing-sm);display:flex}.landing__footer-dot{color:var(--color-border)}@media (width>=768px){:root{--font-size-base:.9375rem;--font-size-md:1.0625rem}.container{max-width:600px}.auth-card{max-width:420px}.landing__hero{text-align:left;padding:var(--spacing-3xl) var(--spacing-xl);flex-direction:row}.landing__hero-content{flex:1;align-items:flex-start}.landing__hero-visual{flex:none}.landing__phone-mockup{width:240px}.landing__features{padding:var(--spacing-3xl) var(--spacing-xl)}.modal{border-radius:var(--radius-xl);max-width:500px;margin-bottom:var(--spacing-xl);max-height:85vh}.modal-overlay{align-items:center}.modal-footer{padding-bottom:var(--spacing-base)}.analytics-stats{grid-template-columns:1fr 1fr 1fr 1fr}}@media (width>=1280px){:root{--navbar-height:0px}#root{padding-bottom:var(--spacing-xl);margin-left:240px}.container{max-width:var(--container-desktop)}.navbar{width:240px;height:100vh;padding:var(--spacing-xl) var(--spacing-base);padding-bottom:var(--spacing-xl);justify-content:flex-start;gap:var(--spacing-xs);border-top:none;border-right:1px solid var(--color-border-light);flex-direction:column;position:fixed;inset:0 auto 0 0}.nav-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-xl);padding:var(--spacing-sm);display:block}.nav-item{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);justify-content:flex-start;gap:var(--spacing-md);flex-direction:row}.nav-item.active{background-color:var(--color-primary-10)}.nav-item:hover{background-color:var(--color-border-light)}.fab{bottom:var(--spacing-xl);right:var(--spacing-xl)}.auth-screen,.auth-page,.landing{margin-left:-240px}}