:root{--color-bg:#f3f4f6;--color-surface-1:#fff;--color-surface-2:#f1f5f9;--color-surface-3:#e8eef6;--color-surface-4:#dbe4ef;--color-text-primary:#111;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-on-accent:#fff;--color-text-disabled:#cbd5e1;--color-accent:#2563eb;--color-accent-light:#eff6ff;--color-accent-border:#2563eb33;--color-success:#22c55e;--color-success-light:#f0fdf4;--color-success-border:#16a34a;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-danger:#ef4444;--color-danger-light:#fef2f2;--color-danger-border:#ef444440;--color-border:#0f172a1a;--color-border-strong:#0f172a33;--font-size-xs:0.72rem;--font-size-sm:0.82rem;--font-size-base:0.95rem;--font-size-md:1.05rem;--font-size-lg:1.15rem;--font-size-xl:1.3rem;--font-size-2xl:1.6rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-loose:1.7;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:999px;--shadow-xs:0 2px 6px #0f172a0f;--shadow-sm:0 4px 12px #0f172a14;--shadow-md:0 8px 20px #0f172a1a;--shadow-lg:0 14px 30px #0f172a1f;--shadow-xl:0 20px 44px #0f172a24;--duration-fast:180ms;--duration-normal:260ms;--duration-slow:420ms;--ease-out:cubic-bezier(0.22,1,0.24,1);--z-bottom-nav:100;--z-picker:200;--z-drag:300;--z-panel:400;--z-modal:500;--z-runner:600;--z-runner-set-editor:750;--z-fullscreen:850;--z-runner-overlay:870;--z-tutorial:900;--z-feedback:950;--app-bg-color:var(--color-bg);--surface-1:var(--color-surface-1);--surface-2:var(--color-surface-2);--surface-3:var(--color-surface-3);--surface-4:var(--color-surface-4);--text-color:var(--color-text-primary);--text-muted:var(--color-text-secondary);--border-color:var(--color-border);--shadow-color:#0f172a1f;--text-on-accent:var(--color-text-on-accent);--screen-bg:var(--color-bg);--screen-padding-x:var(--space-4);--screen-padding-top:var(--space-5);--screen-gap:var(--space-6);--header-bg:var(--color-surface-1);--header-height:52px;--header-border:var(--color-border);--header-title-size:var(--font-size-md);--header-title-weight:var(--font-weight-semibold);--card-bg:var(--color-surface-1);--card-border:var(--color-border);--card-radius:var(--radius-md);--card-shadow:var(--shadow-sm);--card-padding:var(--space-4);--list-gap:var(--space-2);--list-section-gap:var(--space-4);--list-item-min-h:48px;--input-bg:var(--color-surface-2);--input-border:var(--color-border);--input-border-focus:var(--color-accent);--input-shadow-focus:0 0 0 3px #2563eb26;--input-text:var(--color-text-primary);--input-placeholder:var(--color-text-muted);--input-radius:var(--radius-sm);--input-padding:var(--space-3) var(--space-4);--input-font-size:var(--font-size-base);--input-label-size:var(--font-size-sm);--input-label-weight:var(--font-weight-medium);--input-label-color:var(--color-text-secondary);--btn-primary-bg:var(--color-accent);--btn-primary-text:var(--color-text-on-accent);--btn-secondary-bg:var(--color-surface-2);--btn-secondary-text:var(--color-text-primary);--btn-ghost-text:var(--color-accent);--btn-danger-bg:var(--color-danger-light);--btn-danger-text:var(--color-danger);--btn-radius:var(--radius-md);--btn-font-size:var(--font-size-base);--btn-font-weight:var(--font-weight-semibold);--divider-color:var(--color-border);--divider-spacing:var(--space-4);--badge-bg:var(--color-surface-3);--badge-text:var(--color-text-secondary);--badge-radius:var(--radius-full);--state-success-bg:var(--color-success-light);--state-success-text:var(--color-success);--state-danger-bg:var(--color-danger-light);--state-danger-text:var(--color-danger);--state-warning-bg:var(--color-warning-light);--state-warning-text:var(--color-warning)}#root,body,html{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;width:100%}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}@media (hover:none) and (pointer:coarse){[role=button],a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent}}body[data-bg-tone=black],body[data-bg-tone=forest],body[data-bg-tone=graphite],body[data-bg-tone=gray],body[data-bg-tone=midnight],body[data-bg-tone=ocean],body[data-bg-tone=sand],body[data-bg-tone=slate]{--app-bg-color:#f3f4f6}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-main,.app-root{max-width:100%;overflow-x:hidden}.app-main{flex:1 1;padding:1rem 1.5rem calc(1.5rem + 68px + env(safe-area-inset-bottom));padding:1rem 1.5rem calc(1.5rem + var(--bottom-nav-height, 68px) + env(safe-area-inset-bottom))}.app-main.weight-history-main-locked{overflow:hidden!important;overscroll-behavior:contain}body.weight-chart-fullscreen-open,html.weight-chart-fullscreen-open{height:100%;overflow:hidden!important;overscroll-behavior:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}@media (hover:none) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=button]):not([type=submit]):not([type=reset]):not([type=file]):not([type=color]):not([type=image]):not([type=hidden]),select,textarea{font-size:16px!important}}.screen-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;min-height:56px;padding:1rem 1.5rem}.screen-header--flat{border-bottom:none}.screen-title{font-size:1.1rem;font-weight:600;text-align:center}.screen-header-spacer{flex-shrink:0;height:40px;width:40px}.screen-action-button{align-items:center;border:1px solid #0000;color:var(--color-text-primary);cursor:pointer;display:inline-flex;font-size:1rem;height:40px;justify-content:center;width:40px}.back-icon,.screen-action-button{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff29;border-radius:999px}.back-icon{border:1px solid #0000;display:block;height:18px;width:18px}.back-button{align-items:center;display:inline-flex;gap:.35rem}.category-card-actions{display:flex;gap:6px;position:absolute;right:8px;top:8px}.category-card-main{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center}.category-card-emoji{font-size:1.6rem;line-height:1}.category-card-name{color:var(--color-text-primary);font-weight:700}.category-card-count,.category-card-name{-webkit-backface-visibility:hidden;backface-visibility:hidden;filter:none;text-shadow:none;transform:translateZ(0)}.category-card-count{color:var(--color-text-muted);font-size:.75rem;opacity:.75}.category-action-btn{align-items:center;background:var(--color-surface-2);border:none;border-radius:999px;color:var(--color-text-muted);cursor:pointer;display:inline-flex;font-size:.9rem;height:30px;justify-content:center;width:30px}.category-action-btn.delete{background:#ef4444;color:var(--color-text-on-accent)}.category-action-btn.edit{background:#3b82f6;color:var(--color-text-on-accent)}.category-edit-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-primary);cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:transform .2s ease,opacity .2s ease;width:44px}.category-edit-toggle+.category-edit-toggle{margin-left:-4px}.category-create-toggle{flex-shrink:0}.category-edit-toggle.is-active{color:var(--color-text-primary)}.category-edit-toggle.is-sliding-out{opacity:0;pointer-events:none;transform:translateX(-32px)}.category-edit-notice{color:var(--color-text-muted);font-size:.8rem;margin-bottom:8px;opacity:.85}.category-add-card{align-items:center;aspect-ratio:1/1;background:#22c55e;border-radius:14px;box-shadow:0 0 0 1px #94a3b840;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:2.2rem;font-weight:800;justify-content:center}.week-header{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:1fr auto 1fr;margin-bottom:.9rem}.week-header-title{font-size:.95rem;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase}.week-nav{display:flex;gap:.35rem}.week-nav-left{justify-content:flex-start}.week-nav-right{justify-content:flex-end}.week-nav-button{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:.6rem;color:var(--color-text-primary);cursor:pointer;font-size:.9rem;padding:.25rem .55rem}.week-nav-button:hover{border-color:#22c55e99}.week-widgets{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.week-widget{aspect-ratio:1/1;background:var(--color-surface-2);border:1px solid #94a3b840;border-radius:.75rem;color:inherit;display:flex;flex-direction:column;font:inherit;justify-content:space-between;padding:.9rem;text-align:left}.week-widget-title{font-size:.95rem;font-weight:600}.week-widget-value{font-size:1.6rem;font-weight:700;margin-top:.4rem}.week-widget-subtitle{font-size:.75rem;opacity:.7}.week-widget-action{font-size:.8rem;margin-top:auto;opacity:.8}.week-widget-clickable{background:#1e293b99;border:1px solid #94a3b859;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.week-widget-clickable:hover{background:#1e293bcc;border-color:#22c55e99;transform:translateY(-2px)}.week-widget-clickable:focus{outline:2px solid #22c55eb3;outline-offset:2px}.info-hint{position:relative}.info-hint,.info-hint-button{align-items:center;display:inline-flex}.info-hint-button{background:#94a3b8;border:none;border-radius:999px;color:var(--color-text-primary);cursor:pointer;font-size:11px;font-weight:700;height:16px;justify-content:center;padding:0;width:16px}.info-hint-text{background:var(--color-surface-2);border:1px solid #94a3b84d;border-radius:8px;color:var(--color-text-muted);font-size:.75rem;left:50%;max-width:220px;padding:6px 8px;position:absolute;text-align:center;top:calc(100% + 6px);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:5}.info-hint-inline{align-items:center;display:inline-flex;gap:6px}.skeleton-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.skeleton-line{animation:skeleton 1.6s infinite;background:linear-gradient(90deg,#94a3b826,#94a3b859,#94a3b826);background-size:200% 100%;border-radius:8px;height:36px}.skeleton-line.large{height:44px}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.toggle-switch{align-items:center;display:inline-flex;height:26px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#94a3b873;border-radius:999px;inset:0;position:absolute;transition:background-color .2s ease}.toggle-slider:before{background-color:var(--color-text-primary);border-radius:50%;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#1d4ed8}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(18px)}.toggle-switch.disabled{opacity:.6;pointer-events:none}.toggle-button{background:#0000;border:1px solid #94a3b859;border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;padding:.35rem .85rem}.toggle-button.active{background:#22c55e;border-color:#16a34a;color:#020617}.icon-circle-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;transition:transform .2s ease;width:44px}.icon-circle-btn:hover{transform:scale(1.05)}.icon-circle-btn--blue{background:#3b82f6;color:var(--color-text-on-accent)}.icon-circle-btn--green{background:#22c55e;color:var(--color-text-on-accent)}.icon-circle-btn--red{background:#ef4444;color:var(--color-text-on-accent)}.icon-plain-btn{background:#0000;border:none;border-radius:0;color:var(--color-text-primary);cursor:pointer;height:32px;padding:0;width:32px}.icon-plain-btn,.save-button{align-items:center;display:inline-flex;justify-content:center}.save-button{box-sizing:border-box;font-size:16px;height:44px;line-height:33px;min-width:44px;padding:0 12px}.save-button-icon{height:44px;min-height:44px;min-width:44px;width:44px}.badge{border:1px solid #94a3b880;border-radius:999px;font-size:.7rem;padding:.15rem .5rem}.edit-action{align-items:center;border:none;color:#007aff;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;width:34px}.edit-action,.edit-action.confirm{background:#0000}.edit-action-icon{display:block;height:20px;width:20px}.status-text{font-size:.8rem;opacity:.8}.error-text{color:#f87171;font-size:.8rem}.button-primary{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:.5rem .9rem}.button-primary:disabled{cursor:not-allowed;opacity:.6}.row{display:flex;flex-wrap:wrap;gap:.75rem}.table{border-collapse:collapse;font-size:.8rem;width:100%}.table td,.table th{border-bottom:1px solid #94a3b833;padding:.5rem .4rem;text-align:left}.field{display:flex;flex:1 1;flex-direction:column;min-width:140px}.field label{font-size:.75rem;margin-bottom:.2rem;opacity:.8}.field input,.field select,.field textarea{background:var(--color-surface-2);border:1px solid #94a3b866;border-radius:.5rem;color:var(--color-text-muted);font-size:.85rem;padding:.45rem .55rem}.card{background:var(--color-surface-2);border:1px solid #94a3b840;border-radius:.75rem;margin-bottom:1rem;padding:1rem}.card.nutrition-fasting-status-card{background:#94a3b840;border-color:#0f172a38}.card.nutrition-slide-modal{background:var(--color-bg)!important;border:none;border:none!important;box-shadow:none;box-shadow:none!important;margin:0!important;padding:0!important}.card-title{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.nav-avatar{align-items:center;background:#e8eef6;background:var(--surface-3,#e8eef6);border:2px solid #94a3b8;border-radius:999px;color:var(--color-text-muted);display:flex;font-size:.7rem;height:28px;justify-content:center;overflow:hidden;transform:translateY(-10px);width:28px}.nav-avatar img{height:100%;object-fit:cover;width:100%}.nav-icon{align-items:center;display:flex;height:24px;justify-content:center;transform:translateY(-10px);width:24px}.nav-icon-image{display:block;height:24px;width:24px}.nav-icon-image--workout{height:30px;width:30px}.bottom-nav{grid-gap:.5rem;backdrop-filter:none;-webkit-backdrop-filter:none;background:#ffffffe6;border-top:1px solid var(--color-border);border-top-left-radius:24px 12px;border-top-right-radius:24px 12px;bottom:0;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);height:calc(68px + env(safe-area-inset-bottom));height:calc(var(--bottom-nav-height, 68px) + env(safe-area-inset-bottom));left:0;overflow:hidden;padding:.4rem 1rem calc(.4rem + env(safe-area-inset-bottom));position:fixed;right:0;z-index:20}.bottom-nav-item{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;flex-direction:column;gap:0;justify-content:center;min-height:44px}.bottom-nav-item.active{color:#2563eb}.bottom-nav-item.active .nav-avatar{border-color:#2563eb}.phone-preview .bottom-nav{bottom:0;left:0;position:absolute;right:0;transform:none;width:auto}.plus-icon{height:18px;width:18px}.plus-icon,.square-pencil-icon{display:block}.category-edit-toggle .square-pencil-icon{height:20px;width:20px}.checkmark-icon{display:block;height:18px;width:18px}.ios-input{background:var(--color-surface-2);border:1px solid #94a3b859;border-radius:.65rem;color:var(--color-text-muted);font-size:.85rem;padding:.5rem .6rem}.ios-input:disabled{cursor:not-allowed;opacity:.6}.ios-textarea{background:var(--color-surface-2);border:1px solid #94a3b859;border-radius:.7rem;box-sizing:border-box;color:var(--color-text-muted);font-size:.85rem;max-width:100%;padding:.6rem .7rem;resize:none}.favorite-button{align-items:center;background:#0000;border:none;color:#94a3b8;cursor:pointer;display:inline-flex;font-size:1.2rem;justify-content:center}.favorite-button-icon{display:block;height:18px;width:18px}.favorite-button.active{color:#facc15}button.primary{background:#22c55e;border:none;border-radius:999px;color:#020617;cursor:pointer;font-size:.85rem;font-weight:500;padding:.4rem .9rem}button.secondary{background:#0000;border:1px solid #94a3b866;border-radius:999px;color:var(--color-text-muted);cursor:pointer;font-size:.8rem;padding:.35rem .8rem}@media (max-width:420px){.edit-action{height:32px;width:32px}}.nutrition-day-bar{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin:.25rem 0 1rem;padding:.15rem .1rem}.nutrition-day-label{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:.01em}.nutrition-day-picker{align-items:center;background:var(--color-surface-2);border:1px solid #94a3b859;border-radius:var(--radius-full);display:inline-flex;height:40px;justify-content:center;position:relative;transition:transform .2s ease;width:40px}.nutrition-day-picker:hover{transform:scale(1.05)}.nutrition-day-picker:focus-within{outline:2px solid #2563eb80;outline-offset:2px}.nutrition-day-input{cursor:pointer;inset:0;opacity:0;position:absolute}.nutrition-day-icon{fill:var(--color-text-primary);height:var(--space-5);pointer-events:none;width:var(--space-5)}.recipe-ingredients-header{align-items:center;display:flex;justify-content:space-between;margin-top:0}.recipe-ingredients-card{background:var(--color-surface-1);border:1px solid #94a3b840;border-radius:22px;box-shadow:0 6px 12px #0f172a14;box-sizing:border-box;margin-left:-var(--space-3);margin-right:-var(--space-3);margin-top:6px;padding:var(--space-4);width:calc(100% + 24px)}.recipe-ingredients-title{align-items:center;color:#374151;display:inline-flex;font-size:var(--font-size-md);font-weight:var(--font-weight-bold);gap:10px}.recipe-ingredients-icon{display:block;height:26px;width:26px}.recipe-ingredients-divider{background:#94a3b859;height:1px;margin-top:var(--space-3)}.profile-tab{--text-color:var(--color-text-primary);--text-muted:var(--color-text-primary);align-items:stretch;display:flex;flex-direction:column;gap:1rem;padding-top:.5rem}.profile-tabs{grid-gap:0;align-items:center;display:grid;gap:0;grid-template-columns:repeat(2,1fr);margin-top:0;position:relative;text-align:center}.profile-tab-button{background:#0000;border:none;color:#94a3b8d9;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.75rem 0}.profile-tab-button.active{color:var(--color-text-primary)}.profile-tab-line{background:#0f172a1f;bottom:0;height:1px;left:0;position:absolute;right:0}.profile-tab-indicator{background:#0f766e;border-radius:0;bottom:-1px;height:1px;left:0;position:absolute;transition:transform .22s ease;width:50%}.profile-tabs-panels{margin-top:2rem;overflow:hidden;width:100%}.profile-tabs-track{display:flex;transition:transform .24s ease;width:200%;will-change:transform}.profile-tab-panel{box-sizing:border-box;min-width:50%;padding:.5rem .5rem 0}.profile-settings-panel{width:100%}.profile-card{grid-gap:1.2rem;background:#0000;border:none;border-radius:0;display:grid;gap:1.2rem;margin:0 auto;padding:0;width:min(100%,720px)}.profile-header{align-items:center;box-sizing:border-box;display:flex;gap:.9rem;justify-content:flex-start;padding-left:clamp(0px,calc(15% - 48px),15%);width:100%}.profile-avatar-block{gap:.75rem}.profile-avatar-block,.profile-header-text{align-items:flex-start;display:flex;flex-direction:column}.profile-header-text{gap:.2rem;min-width:0;transform:translateY(-6px)}.profile-avatar{background:#1e293b99;border:none;border-radius:999px;color:#374151;color:var(--text-muted,#374151);cursor:pointer;display:flex;font-size:2rem;font-weight:700;overflow:hidden}.profile-avatar,.profile-avatar-wrap{align-items:center;height:96px;justify-content:center;width:96px}.profile-avatar-wrap{display:inline-flex;position:relative}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.profile-form{grid-gap:1rem;display:grid;gap:1rem}.profile-goals-window{background:#fff;border:1px solid #94a3b838;border-radius:.9rem;box-shadow:0 10px 22px #0f172a14;box-sizing:border-box;margin-left:-.5rem;margin-right:-.5rem;padding:.85rem 1rem .95rem;width:calc(100% + 1rem)}.profile-goals-header{align-items:center;display:flex;gap:.75rem;justify-content:flex-start;width:100%}.profile-goals-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.profile-goals-icon{display:block;height:18px;width:18px}.profile-goals-divider{background:#94a3b859;height:1px;margin-top:.65rem;width:100%}.profile-name{color:var(--color-text-primary);font-size:1.4rem;font-weight:700;text-align:left}.profile-trophy{align-items:center;display:inline-flex;gap:.4rem;margin-left:.5rem;margin-top:.35rem}.profile-trophy-icon{display:block;height:22px;width:22px}.profile-trophy-text{display:inline-flex;flex-direction:column;line-height:1.05}.profile-trophy-count{color:var(--color-text-primary);font-size:1.15rem;font-weight:700}.profile-trophy-label{color:var(--color-text-primary);font-size:.72rem}.profile-meta{align-items:center;color:#94a3b8d9;display:flex;flex-direction:column;font-size:.9rem;gap:.25rem}.profile-goal{grid-gap:.6rem;align-items:center;background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid var(--color-border);border-radius:.75rem;display:grid;gap:.6rem;padding:.75rem 1rem}.profile-goals-window .profile-goal{aspect-ratio:1/1;background:#fff;border:1px solid #94a3b847;border-radius:.75rem;box-shadow:0 8px 18px #0f172a14;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;margin-top:.75rem;padding:.85rem .9rem;width:50%}.profile-goals-window .profile-goal-entry{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0}.profile-goals-window .profile-goal-entry.is-editing{justify-content:space-between}.profile-goals-window .weight-display{min-width:0}.profile-goals-window .profile-goal-edit-value{align-items:center;display:inline-flex;gap:.45rem}.profile-goals-window .profile-goal-input{background:#e5e7eb;border:1px solid #94a3b859;border-radius:.55rem;color:var(--color-text-primary);font-size:1.1rem;font-weight:700;padding:.35rem .45rem;text-align:center;width:84px}.profile-goals-window .profile-goal-input-unit{color:var(--color-text-secondary);font-size:.8rem}.profile-goals-window .weight-display-value{color:var(--color-text-primary);font-size:1.5rem}.profile-goals-window .weight-display-unit{font-size:.75rem}.profile-goals-window .profile-goal-step-controls{align-items:flex-end;display:flex;justify-content:space-between;width:100%}.profile-goals-window .profile-goal-step-button{height:24px;width:24px}.profile-goals-window .profile-goal-step-button img{height:20px;width:20px}.profile-goals-window .profile-goal-head{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.profile-goals-window .profile-goal-edit-toggle{align-items:center;background:#0000;border:none;box-shadow:none;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;width:32px}.profile-goals-window .profile-goal-edit-icon{display:block}.profile-goals-window .profile-goal-edit-icon--pencil{height:18px;width:18px}.profile-goals-window .profile-goal-edit-icon--check{height:20px;width:20px}.profile-goal-title{color:var(--color-text-primary);font-size:1.15rem;font-weight:600;justify-self:start;text-align:left;width:100%}.profile-goal-row{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.profile-goal-input{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #94a3b866;border-radius:.5rem;padding:.45rem .55rem;width:140px}.profile-goal-input,.profile-goal-unit{color:#374151;color:var(--text-muted,#374151);font-size:.85rem}.profile-goal-unit{opacity:.75}.profile-goal-status{text-align:center}.profile-photo-actions{grid-gap:.5rem;display:grid;gap:.5rem}.profile-photo-action{background:#1e293b99;border:1px solid #94a3b840;border-radius:.75rem;cursor:pointer;font-size:.95rem;padding:.8rem 1rem;text-align:left;width:100%}.profile-photo-action,.profile-tab .settings-inline-control input,.profile-tab .settings-subsection-title,.profile-tab .weight-display-value{color:var(--color-text-primary)}.profile-photo-action:disabled{cursor:not-allowed;opacity:.5}.profile-photo-action.danger{border-color:#ef444466;color:#fca5a5}.profile-readonly{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid var(--color-border);border-radius:.6rem;font-size:.9rem;padding:.5rem .6rem}.profile-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.profile-skeleton{grid-gap:.8rem;display:grid;gap:.8rem}.settings-screen{grid-gap:1.2rem;display:grid;gap:1.2rem;max-width:100%;min-width:0;overflow-x:hidden;width:100%}.settings-section-title+.settings-card{border-top:none}.settings-section{max-width:100%;min-width:0;width:100%}.settings-section-title{color:#94a3b8cc;font-size:.7rem;letter-spacing:.08em;margin-bottom:.4rem;padding-left:.2rem;text-transform:uppercase}.settings-hint{color:var(--color-text-secondary);font-size:.82rem;margin-top:.55rem}.beta-access-admin-card{grid-gap:.9rem;display:grid;gap:.9rem;padding:.95rem}.beta-access-admin-toolbar{grid-gap:.7rem;display:grid;gap:.7rem}.beta-access-admin-search{margin:0}.beta-access-admin-create{grid-gap:.7rem;display:grid;gap:.7rem}.beta-access-admin-actions{margin-top:0}.beta-access-admin-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;overflow-x:auto;width:100%}.beta-access-admin-table{min-width:720px}.beta-access-admin-table td,.beta-access-admin-table th{vertical-align:middle}.beta-access-admin-key-cell{color:var(--color-accent);font-family:SFMono-Regular,ui-monospace,Menlo,monospace;font-weight:700;letter-spacing:.08em}.beta-access-admin-table-button{align-items:center;display:inline-flex;justify-content:center;min-width:86px}.beta-access-admin-table-button--delete{border-color:#dc262647;color:#dc2626}.beta-access-admin-empty{color:#64748b;padding:.9rem .6rem!important;text-align:center!important}.settings-subsection-title{color:#e2e8f0e6;font-size:.8rem;font-weight:600;padding:.75rem 1rem .35rem}.settings-card{background:#fff;border:1px solid var(--color-border);border-radius:.9rem;max-width:100%;overflow:hidden}.settings-card,.settings-row{box-sizing:border-box;min-width:0;width:100%}.settings-row{align-items:center;background:#0000;border:none;color:#374151;color:var(--text-muted,#374151);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:1rem;justify-content:space-between;min-height:48px;padding:.75rem 1rem}.settings-row-title{flex:1 1;min-width:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.settings-row-static{cursor:default}.settings-row.disabled{background:#f8fafc;color:#94a3b8;cursor:default}.settings-row.disabled:disabled{opacity:1}.settings-row.disabled .settings-row-right,.settings-row.disabled .settings-row-title,.settings-row.disabled .settings-row-value{color:#94a3b8}.settings-row-right{align-items:center;display:inline-flex;flex-shrink:0;gap:.5rem;margin-left:auto;max-width:45%;min-width:0}.settings-row-value{font-size:.85rem;font-weight:500;max-width:100%;opacity:.75;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.settings-row input[type=email],.settings-row input[type=number],.settings-row input[type=text],.settings-row input[type=time],.settings-row select{background:#e2e8f0;border:1px solid #94a3b873;border-radius:.45rem;color:var(--color-text-primary);font-size:.8rem;max-width:110px;padding:.35rem .45rem;width:110px}.settings-edit input::placeholder,.settings-inline-control input::placeholder,.settings-row input::placeholder{color:#64748b}.settings-row input[type=checkbox],.settings-row input[type=radio]{height:18px;width:18px}.settings-row.destructive{color:var(--color-danger)}.settings-row.link-style{color:#38bdf8}.settings-row-chevron{color:#94a3b8cc;font-size:1.1rem}.settings-divider{background:var(--color-border);height:1px;margin-left:1rem}.settings-actions-inline{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem 1rem}.settings-actions-inline--center{flex-direction:column;justify-content:center}.settings-inline-status{flex:1 1 100%;font-size:.8rem;opacity:.75}.settings-note{font-size:.8rem;opacity:.7;padding:.4rem 1rem .6rem}.settings-subnote{font-size:.8rem;opacity:.7;padding:0 1rem .6rem}.settings-edit{padding:.9rem 1rem 1rem}.settings-edit-stack{grid-gap:.9rem;display:grid;gap:.9rem}.settings-edit-label{grid-gap:.45rem;color:var(--color-text-primary);display:grid;font-size:.9rem;font-weight:600;gap:.45rem}.settings-edit input{background:#e2e8f0;border:1px solid #94a3b873;border-radius:.6rem;box-sizing:border-box;color:var(--color-text-primary);font-size:.95rem;padding:.6rem .7rem;width:100%}.settings-edit input.readonly{color:var(--color-text-secondary);opacity:1}.settings-confirm-button{background:var(--color-accent);color:#fff;min-width:120px}.settings-confirm-button:disabled{cursor:default;opacity:.6}.settings-inline-field{grid-gap:.5rem;display:grid;gap:.5rem;padding:.9rem 1rem}.settings-inline-field label{font-size:.85rem;opacity:.8}.settings-inline-control{grid-gap:.6rem;align-items:center;display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr) auto}.settings-inline-control input{background:#e2e8f0;border:1px solid #94a3b873;border-radius:.75rem;color:var(--color-text-primary);font-size:1rem;max-width:100%;min-width:0;padding:.6rem .8rem;width:60%}.settings-inline-control input.readonly{opacity:1}.settings-reset-button{background:var(--color-accent);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem}@media (max-width:360px){.settings-inline-control input{width:50%}}.settings-inline-error{color:var(--color-danger);font-size:.8rem}.settings-actions{grid-gap:.5rem;display:grid;gap:.5rem;padding:0 .25rem}.settings-link{background:none;border:none;color:#38bdf8;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 0;text-align:left}.settings-link.destructive{color:var(--color-danger)}.settings-link.disabled,.settings-link:disabled{color:#94a3b8;cursor:default;opacity:1}.settings-subtle-actions{align-items:center;display:flex;flex-direction:column;gap:.35rem;padding:.15rem 0 1.5rem}.settings-subtle-link{background:#0000;border:none;color:#94a3b8;cursor:pointer;font-size:.82rem;font-weight:500;line-height:1.2;padding:0}.settings-subtle-link:disabled{cursor:default;opacity:.7}.settings-subtle-status{color:#94a3b8;font-size:.74rem;line-height:1.25;text-align:center}.settings-toast{background:#1e293bf2;border:1px solid var(--color-border);border-radius:.75rem;font-size:.85rem;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;top:0;z-index:5}.settings-radio,.settings-toast{color:#374151;color:var(--text-muted,#374151)}.settings-radio{align-items:center;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;min-height:48px;padding:.75rem 1rem;width:100%}button.primary.settings-confirm-button{background:var(--color-accent);color:#fff}button.primary.settings-confirm-button:disabled{cursor:default;opacity:.6}.legal-document-tab{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 180px)}.legal-document-tab--modal{min-height:0}.legal-document-frame{background:#fff;border:1px solid #94a3b83d;border-radius:18px;flex:1 1;min-height:60vh;width:100%}.legal-document-empty{background:#f8fafc;border-radius:18px;color:var(--color-text-secondary);padding:18px}:root{--phone-preview-width:393px;--phone-preview-height:852px}.ui-auto,.ui-desktop,.ui-mobile{width:100%}.phone-preview{background:#0000;border:1px solid #ef4444cc;border-radius:24px;height:min(852px,calc(100vh - 24px));height:min(var(--phone-preview-height),calc(100vh - 24px));margin:12px auto;overflow:hidden;overscroll-behavior:contain;position:relative;width:min(100%,393px);width:min(100%,var(--phone-preview-width))}.phone-preview--frame{outline:1px dashed #ffffff26}.phone-preview>.app-root{display:flex;flex-direction:column;height:100%;min-height:100%;width:100%}.phone-preview>.app-root>.app-main{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto}.ui-desktop{margin:0;max-width:none}.dev-ui-switcher{background:#0f172ad9;border:1px solid #94a3b859;border-radius:999px;bottom:16px;display:flex;gap:6px;left:16px;padding:6px;position:fixed;z-index:9999}.dev-ui-button{background:#ffffff0f;border:1px solid #0000;border-radius:999px;color:#e5e7eb;cursor:pointer;font-size:.75rem;padding:4px 10px}.dev-ui-button.active{background:#22c55e;border-color:#16a34a;color:#020617}.dev-admin-switcher{background:#0f172ad9;border:1px solid #94a3b859;border-radius:999px;bottom:16px;display:flex;flex-wrap:wrap;gap:6px;left:16px;padding:6px;position:fixed;z-index:9999}.dev-color-button{align-items:center;display:inline-flex;gap:6px}.dev-color-swatch{border:1px solid #ffffff80;border-radius:999px;height:10px;width:10px}.action-sheet-card{background:#0000;border:none;box-shadow:none;margin-bottom:0;padding:0}.action-sheet{grid-gap:12px;animation:actionSheetIn .2s ease;display:grid;gap:12px;margin:0 auto;max-height:calc(100vh - 24px);opacity:1;overflow:auto;padding-bottom:calc(8px + env(safe-area-inset-bottom));transform:translateY(0);width:min(420px,92%)}.action-sheet.quantity-unit-sheet{overflow:hidden}.action-sheet.closing{animation:actionSheetOut .18s ease forwards}@keyframes actionSheetIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes actionSheetOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.action-sheet,.action-sheet.closing{animation:none}}.action-sheet-group{background:#f2f2f5;border-radius:18px;box-shadow:0 12px 24px #0f172a1f;box-shadow:0 12px 24px var(--shadow-color,#0f172a1f);overflow:hidden}.action-sheet-title{background:#ffffffbf;border-bottom:1px solid #00000014;color:#6b7280;font-weight:600;padding:.9rem 1rem;text-align:center}.action-sheet-subtitle{color:#9ca3af;font-size:.85rem;font-weight:500;margin-top:4px}.action-sheet-button{background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:1.05rem;font-weight:600;padding:.95rem 1rem;width:100%}.action-sheet-button+.action-sheet-button{border-top:1px solid #00000014}.action-sheet-button.destructive{color:#ef4444}.action-sheet-button.cancel{color:#2563eb}.ingredients-modal-body,.recipes-modal-body{position:relative}.ingredients-modal-body.is-embedded,.recipes-modal-body.is-embedded{background:var(--app-bg-color);display:flex;flex-direction:column;gap:12px;height:100%;min-height:0;width:100%}.ingredients-modal-body.is-embedded .ingredient-selection-move,.ingredients-modal-body.is-embedded .ingredient-selection-trash,.recipes-modal-body.is-embedded .recipe-selection-move,.recipes-modal-body.is-embedded .recipe-selection-trash{bottom:calc(16px + env(safe-area-inset-bottom))}.recipes-modal-body.is-embedded .meal-flow-inline-top-actions.is-empty{margin:4px 0 0;min-height:10px}.sub-flow-panels{flex:1 1;min-height:0;min-width:0;overflow:visible;position:relative;transform:translateZ(0);width:100%;z-index:130}.sub-flow-panels.is-animating{overflow:hidden}.sub-flow-scroll{-ms-overflow-style:none;background:var(--app-bg-color);height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;scrollbar-width:none}.sub-flow-scroll .recipe-category-list{padding-bottom:56px}.sub-flow-scroll.is-animating{overflow:hidden}.sub-flow-scroll::-webkit-scrollbar{height:0;width:0}.sub-flow-track{display:flex;transform:translateX(0);width:200%;will-change:transform}.sub-flow-track.is-animating{transition:transform .24s ease}.sub-flow-panel{-webkit-backface-visibility:hidden;backface-visibility:hidden;contain:layout paint;flex:0 0 50%;min-width:0;pointer-events:none;transform:translateZ(0)}.sub-flow-panel.is-active{pointer-events:auto}@keyframes subSlideInRight{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes subSlideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}@keyframes subSlideInLeft{0%{transform:translate3d(-100%,0,0)}to{transform:translateZ(0)}}@keyframes subSlideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}.sub-flow-panel.slide-in-right{animation:subSlideInRight .22s ease both}.sub-flow-panel.slide-out-left{animation:subSlideOutLeft .22s ease both}.sub-flow-panel.slide-in-left{animation:subSlideInLeft .22s ease both}.sub-flow-panel.slide-out-right{animation:subSlideOutRight .22s ease both}.openfood-imported-label{color:#64748b;color:var(--text-muted,#64748b);font-size:.85rem;font-weight:600}.openfood-load-more-row{display:flex;justify-content:center;margin:12px 0 0}.openfood-load-more{min-width:140px}.list-stack{box-sizing:border-box;gap:0}.list-item-group,.list-stack{display:flex;flex-direction:column}.list-item-group{max-height:2000px;overflow:hidden;transition:max-height .24s ease,opacity .24s ease,transform .24s ease,margin .24s ease}.list-item-group.has-sticky{overflow:visible}.list-item-group.is-dimmed{margin:0;max-height:0;opacity:0;pointer-events:none;transform:translateY(24px)}.list-item-group.is-dimmed .list-row{border-color:#0000;padding-bottom:0;padding-top:0}.list-row{border-bottom:1px solid #0f172a1f;border-bottom:1px solid var(--border-color,#0f172a1f);justify-content:space-between;padding:16px 6px;transition:transform .22s ease,opacity .22s ease,padding .22s ease}.list-row,.list-row-main{align-items:center;display:flex;gap:10px}.list-row-main{flex:1 1;min-width:0}.list-row-main-content{min-width:0}.list-favorite-button{font-size:1.1rem;line-height:1;padding:0}.list-row-title{color:#111;color:var(--text-color,#111);font-size:1rem;font-weight:700}.list-row-meta{color:#475569;color:var(--text-muted,#475569);font-size:.75rem;opacity:.75}.ingredients-modal-body.is-embedded .list-row,.recipes-modal-body.is-embedded .list-row{gap:8px;padding:10px 4px}.ingredients-modal-body.is-embedded .ingredient-list-row{padding:9px 2px}.ingredients-modal-body.is-embedded .list-favorite-button,.recipes-modal-body.is-embedded .list-favorite-button{font-size:1rem}.ingredients-modal-body.is-embedded .favorite-button-icon,.recipes-modal-body.is-embedded .favorite-button-icon{height:16px;width:16px}.ingredients-modal-body.is-embedded .list-row-title,.recipes-modal-body.is-embedded .list-row-title{font-size:.9rem}.ingredients-modal-body.is-embedded .list-row-meta,.recipes-modal-body.is-embedded .list-row-meta{font-size:.7rem}.ingredients-modal-body.is-embedded .ingredient-row-actions,.recipes-modal-body.is-embedded .recipe-row-actions{gap:6px}.ingredients-modal-body.is-embedded .ingredient-row-actions{font-size:.75rem}.ingredients-modal-body.is-embedded .ingredient-qty-input{border-radius:.55rem;font-size:.75rem;padding:.3rem .45rem;width:56px}.ingredients-modal-body.is-embedded .recipe-action-btn,.recipes-modal-body.is-embedded .recipe-action-btn{font-size:1rem;height:28px;width:28px}.list-detail-panel{max-height:0;opacity:0;overflow:hidden;transform:translateY(-8px);transition:max-height .24s ease,opacity .24s ease,transform .24s ease}.list-detail-panel.is-open{animation:list-detail-slide-in .24s ease;max-height:2000px;opacity:1;transform:translateY(0)}.list-detail-panel.is-closing{max-height:0;opacity:0;pointer-events:none;transform:translateY(-8px)}.list-detail-card{border:none;border-radius:12px;margin-bottom:14px;padding:12px}@keyframes list-detail-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.inline-add-picker-panel{margin-top:10px}.inline-add-picker-card{background:#fff;border:1px solid #0f172a1f;border:1px solid var(--border-color,#0f172a1f);border-radius:14px;box-shadow:0 8px 18px #0f172a14}.inline-add-picker-controls{align-items:center;display:flex;gap:0;margin-bottom:8px}.inline-add-picker-control{display:flex;flex:1 1 50%;justify-content:center;max-width:50%;min-width:0}.inline-add-picker-input,.inline-add-picker-select{background:#fff;border:1px solid #94a3b873;border-radius:8px;box-sizing:border-box;color:#111;color:var(--text-color,#111);font-size:.95rem;padding:5px 7px;text-align:center;width:50%}.inline-add-picker-select{text-align-last:center;text-transform:none}.inline-add-picker-title{color:#111;color:var(--text-color,#111);font-weight:700;margin-bottom:8px;text-align:center}.search-input{background:#94a3b833}.search-input-clear-wrap{flex:1 1;min-width:0;position:relative}.search-input-clear-wrap .search-input{box-sizing:border-box;padding-right:2.2rem;width:100%}.search-input-clear-btn{align-items:center;background:#94a3b88c;border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:1.2rem;justify-content:center;padding:0;position:absolute;right:.55rem;top:50%;transform:translateY(-50%);width:1.2rem}.search-input-clear-btn--ingredient{right:2.55rem}.search-input-clear-icon{display:block;height:.62rem;width:.62rem}.barcode-scan-modal{background:var(--app-bg-color);height:100%;overflow:hidden;overscroll-behavior:none;transition:transform .01s ease}.barcode-scan-modal>div{height:100%;max-height:100%;overflow-x:hidden!important;overflow-y:hidden!important;padding-right:0!important}.barcode-scan-screen{--barcode-scan-side-padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;height:100%;max-height:100%;overflow:hidden;overscroll-behavior:none;padding:0 var(--barcode-scan-side-padding) calc(env(safe-area-inset-bottom, 0px) + 8px);position:relative}.barcode-scan-back-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #0000;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;height:36px;justify-content:center;left:40px;left:calc(var(--barcode-scan-side-padding, 12px) + 28px);position:absolute;top:calc(env(safe-area-inset-top, 0px) + 8px);width:36px;z-index:3}.barcode-scan-back-btn:hover{filter:none}.barcode-scan-back-icon{display:block;height:18px;width:18px}.barcode-scan-body{display:flex;flex:1 1;flex-direction:column;gap:.85rem;min-height:0;overflow:hidden;padding-top:0}.barcode-scan-preview{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #0f172a1f;border:1px solid var(--border-color,#0f172a1f);border-radius:18px;box-shadow:none;flex:1 1;min-height:0;overflow:hidden;position:relative;width:100%}.barcode-scan-preview video{display:block;filter:saturate(1.05) contrast(1.05);height:100%;object-fit:cover;width:100%}.barcode-scan-torch-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff29;border:1px solid #ffffff47;border-radius:999px;bottom:30px;color:#fff;cursor:pointer;display:inline-flex;height:60px;justify-content:center;left:28px;padding:0;position:absolute;width:60px;z-index:3}.barcode-scan-torch-btn.is-on{background:#fff;border-color:#fffffff2;color:#111}.barcode-scan-torch-icon{display:block;height:28px;width:28px}.barcode-scan-preview--static{align-items:center;background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #0f172a1f;border:1px solid var(--border-color,#0f172a1f);box-shadow:none;color:#475569;color:var(--text-muted,#475569);display:flex;font-weight:500;justify-content:center;min-height:100%}.barcode-scan-preview--static:after,.barcode-scan-preview--static:before{display:none}.barcode-scan-preview:after,.barcode-scan-preview:before{content:"";pointer-events:none;position:absolute}.barcode-scan-preview:after,.barcode-scan-preview:before{display:none}.barcode-scan-placeholder{font-size:.95rem;letter-spacing:.01em;padding:0 1.2rem;text-align:center}.barcode-scan-status{background:#38bdf81f;border:1px solid #38bdf833;border-radius:999px;color:#111;color:var(--text-color,#111);font-size:.85rem;opacity:.9;padding:.35rem .7rem;text-align:center}.barcode-scan-result-card{grid-gap:8px;background:#fff;border:1px solid #0f172a1f;border:1px solid var(--border-color,#0f172a1f);border-radius:14px;display:grid;gap:8px;padding:12px}.barcode-scan-result-title{color:#111;color:var(--text-color,#111);font-size:.96rem;font-weight:700}.barcode-scan-result-meta{color:#64748b;color:var(--text-muted,#64748b);font-size:.8rem}.barcode-scan-import-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f640;border-radius:12px;color:#2563eb;cursor:pointer;display:flex;justify-content:center;min-height:68px;width:100%}.barcode-scan-import-btn:hover{filter:brightness(.98)}.barcode-scan-import-icon{display:block;height:38px;width:38px}.barcode-scan-result-actions{display:flex;gap:8px}.barcode-scan-result-actions .secondary.small{flex:1 1;min-width:0}@media (prefers-reduced-motion:reduce){.barcode-scan-preview:after{animation:none}}.ingredients-modal-body .recipe-category-divider{gap:4px;margin-top:6px}.ingredients-modal-body .recipe-category-divider .recipe-recent-list{margin-top:2px}.ingredients-modal-body input,.ingredients-modal-body select,.ingredients-modal-body textarea{background:#e2e8f0;border-color:#94a3b899}.ingredients-modal-body .category-edit-checkmark,.recipes-modal-body .category-edit-checkmark{height:20px;width:20px}.quantity-unit-picker{align-items:center;column-gap:0;display:flex;gap:0;justify-content:center;overflow:hidden;overscroll-behavior:contain;padding:8px 0;position:relative}.quantity-unit-wheel{contain:paint;flex:1 1 50%;margin:0;max-width:50%;min-width:0;overflow:hidden;pointer-events:auto;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0)}.quantity-unit-wheel--quantity{z-index:1}.quantity-unit-wheel--dummy,.quantity-unit-wheel--unit{z-index:2}.quantity-unit-wheel--single{flex:1 1 100%;max-width:100%}.wheel-picker{contain:paint;overflow:hidden;position:relative;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-user-select:none;user-select:none;width:100%}.wheel-picker-list{-webkit-overflow-scrolling:touch;cursor:grab;height:100%;outline:none;overflow-y:scroll;overscroll-behavior:contain;scroll-behavior:auto;scroll-snap-type:y mandatory;scrollbar-width:none;text-align:center;touch-action:pan-y}.wheel-picker-list::-webkit-scrollbar{display:none}.wheel-picker-spacer{pointer-events:none;scroll-snap-align:none}.wheel-picker-item{color:#6b7280;font-size:1rem;scroll-snap-align:center;scroll-snap-stop:always;transition:color .12s ease,transform .12s ease}.wheel-picker-item.is-selected{color:#111827;font-weight:600;transform:scale(1.02)}.wheel-picker-fade{height:30%;left:0;pointer-events:none;position:absolute;right:0;z-index:2}.wheel-picker-fade--top{background:linear-gradient(#fff,#fff0);top:0}.wheel-picker-fade--bottom{background:linear-gradient(#fff0,#fff);bottom:0}.swipe-row{overflow:hidden;position:relative}.list-item-group.has-sticky .swipe-row{overflow:visible}.swipe-row-actions{align-items:stretch;bottom:0;display:flex;justify-content:flex-end;position:absolute;right:0;top:0}.swipe-row-action{align-items:center;border:none;color:#fff;cursor:pointer;display:inline-flex;justify-content:center;padding:0}.swipe-row-action--delete{background:#ef4444}.swipe-row-action--save{background:#2563eb}.swipe-row-action--move{background:#8b5cf6}.swipe-row-action-icon{height:26px;width:26px}.swipe-row-track{background:#f3f4f6;background:var(--app-bg-color,#f3f4f6);position:relative;touch-action:pan-y;transition:transform .2s ease,width .2s ease;width:100%;z-index:1}.swipe-row-track.is-dragging{transition:none}.liquid-bottom-nav{--liquid-nav-shell-height:74px;--liquid-nav-radius:30px;--liquid-nav-shell-blur:24px;--liquid-nav-shell-saturation:180%;--liquid-nav-shell-opacity:0.74;--liquid-nav-shell-shadow:0 18px 42px #0f172a29,0 4px 18px #0f172a14;--liquid-nav-border-opacity:0.56;--liquid-nav-pill-blur:30px;--liquid-nav-pill-saturation:212%;--liquid-nav-pill-opacity:0.94;--liquid-nav-highlight-opacity:0.78;--liquid-nav-refraction-opacity:0.28;--liquid-nav-morph-scale-x:1.058;--liquid-nav-morph-scale-y:0.968;--liquid-nav-transition-duration:760ms;--liquid-nav-transition-ease:cubic-bezier(0.22,1,0.24,1);bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:0 14px calc(env(safe-area-inset-bottom) + 12px);pointer-events:none;position:fixed;right:0;width:100%;z-index:var(--z-bottom-nav)}.liquid-bottom-nav__shell{background:#ffffff05;border-radius:calc(var(--liquid-nav-radius) + 6px);box-shadow:var(--liquid-nav-shell-shadow);overflow:hidden;padding:8px;pointer-events:auto;position:relative;width:min(100%,470px)}.liquid-bottom-nav__shell-base,.liquid-bottom-nav__shell-border,.liquid-bottom-nav__shell-grain,.liquid-bottom-nav__shell-reflection{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.liquid-bottom-nav__shell-base{backdrop-filter:blur(var(--liquid-nav-shell-blur)) saturate(var(--liquid-nav-shell-saturation));-webkit-backdrop-filter:blur(var(--liquid-nav-shell-blur)) saturate(var(--liquid-nav-shell-saturation));background:radial-gradient(130% 180% at 14% 0,#fff6,#0000 48%),linear-gradient(180deg,rgba(255,255,255,calc(var(--liquid-nav-shell-opacity) + .08)) 0,rgba(237,242,249,calc(var(--liquid-nav-shell-opacity) - .2)) 50%,rgba(219,226,236,calc(var(--liquid-nav-shell-opacity) - .34)) 100%)}.liquid-bottom-nav__shell-reflection{background:radial-gradient(68% 120% at 18% 6%,#ffffff80,#0000 42%),radial-gradient(48% 70% at 84% 0,#ffffff38,#0000 54%);mix-blend-mode:screen;opacity:.86}.liquid-bottom-nav__shell-border{border:1px solid rgba(255,255,255,var(--liquid-nav-border-opacity));box-shadow:inset 0 1px 0 #ffffff8a,inset 0 -1px 0 #ffffff24,inset 0 0 0 1px #ffffff0f}.liquid-bottom-nav__shell-grain{background:linear-gradient(115deg,#ffffff14,#0000 34%),repeating-linear-gradient(135deg,hsla(0,0%,100%,.045) 0 1px,#fff0 1px 4px);opacity:.35}.liquid-bottom-nav__track{position:relative;z-index:1}.liquid-bottom-nav__items{grid-gap:6px;align-items:stretch;display:grid;gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-columns:repeat(var(--liquid-item-count,4),minmax(0,1fr));min-height:var(--liquid-nav-shell-height);position:relative;z-index:3}.liquid-bottom-nav__active{border-radius:22px;left:0;opacity:0;position:absolute;top:0;transition:transform var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease),width var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease),height var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease),opacity .22s ease;will-change:transform,width,height;z-index:2}.liquid-bottom-nav__active[data-ready=true]{opacity:1}.liquid-bottom-nav__active-caustic,.liquid-bottom-nav__active-core,.liquid-bottom-nav__active-inner-border,.liquid-bottom-nav__active-lens,.liquid-bottom-nav__active-shadow,.liquid-bottom-nav__active-specular{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.liquid-bottom-nav__active-shadow{background:radial-gradient(70% 96% at 50% 100%,#6e83a333,#0000 78%);border-radius:19px;filter:blur(12px);inset:6px 8px 3px;opacity:.7}.liquid-bottom-nav__active-core{backdrop-filter:blur(var(--liquid-nav-pill-blur)) saturate(var(--liquid-nav-pill-saturation)) brightness(1.04);-webkit-backdrop-filter:blur(var(--liquid-nav-pill-blur)) saturate(var(--liquid-nav-pill-saturation)) brightness(1.04);background:radial-gradient(105% 140% at 18% 0,#ffffffa3,#0000 48%),linear-gradient(180deg,rgba(255,255,255,calc(var(--liquid-nav-pill-opacity) - .14)) 0,rgba(236,243,252,calc(var(--liquid-nav-pill-opacity) - .3)) 45%,rgba(225,233,244,calc(var(--liquid-nav-pill-opacity) - .48)) 100%);box-shadow:0 10px 24px #91a1bd29,inset 0 1px 0 #ffffffc7,inset 0 -1px 0 #ffffff2e;transition:backdrop-filter .42s ease,-webkit-backdrop-filter .42s ease,opacity .32s ease,box-shadow .42s ease;will-change:transform,border-radius,backdrop-filter}.liquid-bottom-nav__active-lens{background:radial-gradient(82% 120% at 14% 12%,rgba(255,255,255,var(--liquid-nav-highlight-opacity)),#0000 48%),linear-gradient(110deg,#ffffff2e,rgba(157,202,255,var(--liquid-nav-refraction-opacity)) 50%,#ffffff14);mix-blend-mode:screen;opacity:.92}.liquid-bottom-nav__active-inner-border{border:1px solid #ffffffa3;box-shadow:inset 0 1px 0 #ffffffc7,inset 0 -1px 0 #ffffff2e,inset 0 0 0 1px #ffffff14}.liquid-bottom-nav__active-caustic{background:radial-gradient(32% 48% at 18% 28%,#ffffff8f,#0000 74%),radial-gradient(48% 54% at 78% 68%,#7bbbff33,#0000 78%);filter:blur(12px);inset:-8% -6%;opacity:.55}.liquid-bottom-nav__active-specular{background:linear-gradient(114deg,#fff0 20%,#ffffff29 34%,#ffffffe6 48%,#ffffff38 58%,#fff0 72%);filter:blur(13px);inset:-34% -18%;mix-blend-mode:screen;opacity:.12}.liquid-bottom-nav__active[data-transitioning=true] .liquid-bottom-nav__active-core{backdrop-filter:blur(calc(var(--liquid-nav-pill-blur) + 4px)) saturate(230%) brightness(1.07);-webkit-backdrop-filter:blur(calc(var(--liquid-nav-pill-blur) + 4px)) saturate(230%) brightness(1.07);box-shadow:0 14px 28px #8498b82e,inset 0 1px 0 #ffffffd1,inset 0 -1px 0 #ffffff38}.liquid-bottom-nav__active[data-transitioning=true][data-motion="0"][data-direction=forward] .liquid-bottom-nav__active-core,.liquid-bottom-nav__active[data-transitioning=true][data-motion="0"][data-direction=forward] .liquid-bottom-nav__active-inner-border,.liquid-bottom-nav__active[data-transitioning=true][data-motion="0"][data-direction=forward] .liquid-bottom-nav__active-lens{animation:liquid-pill-forward-a var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__active[data-transitioning=true][data-motion="1"][data-direction=forward] .liquid-bottom-nav__active-core,.liquid-bottom-nav__active[data-transitioning=true][data-motion="1"][data-direction=forward] .liquid-bottom-nav__active-inner-border,.liquid-bottom-nav__active[data-transitioning=true][data-motion="1"][data-direction=forward] .liquid-bottom-nav__active-lens{animation:liquid-pill-forward-b var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__active[data-transitioning=true][data-motion="0"][data-direction=backward] .liquid-bottom-nav__active-core,.liquid-bottom-nav__active[data-transitioning=true][data-motion="0"][data-direction=backward] .liquid-bottom-nav__active-inner-border,.liquid-bottom-nav__active[data-transitioning=true][data-motion="0"][data-direction=backward] .liquid-bottom-nav__active-lens{animation:liquid-pill-backward-a var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__active[data-transitioning=true][data-motion="1"][data-direction=backward] .liquid-bottom-nav__active-core,.liquid-bottom-nav__active[data-transitioning=true][data-motion="1"][data-direction=backward] .liquid-bottom-nav__active-inner-border,.liquid-bottom-nav__active[data-transitioning=true][data-motion="1"][data-direction=backward] .liquid-bottom-nav__active-lens{animation:liquid-pill-backward-b var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__active[data-transitioning=true][data-direction=forward] .liquid-bottom-nav__active-specular{animation:liquid-specular-forward var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__active[data-transitioning=true][data-direction=backward] .liquid-bottom-nav__active-specular{animation:liquid-specular-backward var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__active[data-transitioning=true][data-direction=forward] .liquid-bottom-nav__active-caustic{animation:liquid-caustic-forward var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__active[data-transitioning=true][data-direction=backward] .liquid-bottom-nav__active-caustic{animation:liquid-caustic-backward var(--liquid-nav-transition-duration) var(--liquid-nav-transition-ease) both}.liquid-bottom-nav__item{align-items:center;background:#0000;border:none;border-radius:22px;color:#25344ab8;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:var(--liquid-nav-shell-height);min-width:0;padding:10px 6px 11px;position:relative;transition:color .24s ease,transform .24s ease,opacity .24s ease;z-index:4}.liquid-bottom-nav__item:hover{color:#0f172aeb}.liquid-bottom-nav__item:focus-visible{box-shadow:0 0 0 2px #3b82f638;outline:none}.liquid-bottom-nav__item.is-active{color:#0f172af5}.liquid-bottom-nav__icon-wrap{align-items:center;display:inline-flex;height:28px;justify-content:center;transform:translateY(1px);transition:transform .28s ease,filter .28s ease;width:28px}.liquid-bottom-nav__item.is-active .liquid-bottom-nav__icon-wrap{filter:saturate(1.08);transform:translateY(0) scale(1.04)}.liquid-bottom-nav__icon-image{display:block;height:24px;width:24px}.liquid-bottom-nav__icon-image.nav-icon-image--workout{height:29px;width:29px}.liquid-bottom-nav__label{font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1;opacity:.72;transition:transform .28s ease,opacity .28s ease;white-space:nowrap}.liquid-bottom-nav__item.is-active .liquid-bottom-nav__label{opacity:1;transform:translateY(-.5px)}.liquid-bottom-nav__avatar{align-items:center;background:#e9eff7bd;border:1px solid #ffffff80;border-radius:999px;box-shadow:inset 0 1px 0 #ffffffc7,0 3px 10px #0f172a14;color:#334155;display:inline-flex;font-size:.72rem;font-weight:700;height:30px;justify-content:center;overflow:hidden;width:30px}.liquid-bottom-nav__avatar img{height:100%;object-fit:cover;width:100%}.liquid-bottom-nav__item.is-active .liquid-bottom-nav__avatar{border-color:#ffffffb8;box-shadow:inset 0 1px 0 #ffffffd1,0 5px 14px #0f172a1a}.phone-preview .liquid-bottom-nav{left:0;position:absolute;right:0;transform:none;width:100%}@keyframes liquid-pill-forward-a{0%{border-radius:20px 24px 22px 24px;transform:scale3d(.98,.98,1)}26%{border-radius:26px 22px 20px 28px;transform:scale3d(var(--liquid-nav-morph-scale-x),var(--liquid-nav-morph-scale-y),1)}72%{border-radius:22px 21px 23px 22px;transform:scale3d(.995,1.012,1)}to{border-radius:22px;transform:scaleX(1)}}@keyframes liquid-pill-forward-b{0%{border-radius:22px 26px 20px 24px;transform:scale3d(.985,.98,1)}30%{border-radius:28px 20px 24px 26px;transform:scale3d(1.07,.958,1)}70%{border-radius:21px 23px 22px 23px;transform:scale3d(.996,1.01,1)}to{border-radius:22px;transform:scaleX(1)}}@keyframes liquid-pill-backward-a{0%{border-radius:24px 20px 24px 22px;transform:scale3d(.98,.98,1)}26%{border-radius:20px 28px 26px 22px;transform:scale3d(var(--liquid-nav-morph-scale-x),var(--liquid-nav-morph-scale-y),1)}72%{border-radius:22px 23px 21px 23px;transform:scale3d(.995,1.012,1)}to{border-radius:22px;transform:scaleX(1)}}@keyframes liquid-pill-backward-b{0%{border-radius:25px 20px 26px 22px;transform:scale3d(.985,.98,1)}30%{border-radius:22px 26px 28px 20px;transform:scale3d(1.07,.958,1)}70%{border-radius:23px 22px 23px 21px;transform:scale3d(.996,1.01,1)}to{border-radius:22px;transform:scaleX(1)}}@keyframes liquid-specular-forward{0%{opacity:.08;transform:translate3d(-34%,0,0) skewX(-10deg)}26%{opacity:.34;transform:translate3d(12%,0,0) skewX(-13deg)}64%{opacity:.2;transform:translate3d(54%,0,0) skewX(-8deg)}to{opacity:.1;transform:translate3d(86%,0,0) skewX(-5deg)}}@keyframes liquid-specular-backward{0%{opacity:.08;transform:translate3d(34%,0,0) skewX(10deg)}26%{opacity:.34;transform:translate3d(-8%,0,0) skewX(13deg)}64%{opacity:.2;transform:translate3d(-54%,0,0) skewX(8deg)}to{opacity:.1;transform:translate3d(-84%,0,0) skewX(5deg)}}@keyframes liquid-caustic-forward{0%{opacity:.2;transform:translate3d(-8%,0,0) scale(.96)}32%{opacity:.42;transform:translate3d(8%,-2%,0) scale(1.08)}to{opacity:.22;transform:translate3d(3%,0,0) scale(1)}}@keyframes liquid-caustic-backward{0%{opacity:.2;transform:translate3d(8%,0,0) scale(.96)}32%{opacity:.42;transform:translate3d(-8%,-2%,0) scale(1.08)}to{opacity:.22;transform:translate3d(-3%,0,0) scale(1)}}@media (min-width:768px){.liquid-bottom-nav{padding-left:18px;padding-right:18px}.liquid-bottom-nav__shell{width:min(100%,500px)}}@media (prefers-reduced-motion:reduce){.liquid-bottom-nav,.liquid-bottom-nav *{animation:none!important;transition-delay:0ms!important;transition-duration:1ms!important}}.bottom-nav-demo{background:linear-gradient(180deg,#f7fafc,#eef4fb 44%,#e6edf7);color:#0f172a;min-height:100vh;overflow:hidden;position:relative}.bottom-nav-demo__background,.bottom-nav-demo__grain,.bottom-nav-demo__mesh,.bottom-nav-demo__orb{inset:0;pointer-events:none;position:absolute}.bottom-nav-demo__background{overflow:hidden}.bottom-nav-demo__orb{filter:blur(48px);opacity:.92}.bottom-nav-demo__orb--top{background:radial-gradient(circle,var(--bottom-nav-demo-aura) 0,#fff0 74%);border-radius:999px;height:240px;inset:4% auto auto -10%;width:240px}.bottom-nav-demo__orb--mid{background:radial-gradient(circle,#ffffffb8 0,#fff0 68%);border-radius:999px;height:220px;inset:34% 8% auto auto;width:220px}.bottom-nav-demo__orb--bottom{background:radial-gradient(circle,var(--bottom-nav-demo-tint) 0,#fff0 74%);border-radius:999px;height:180px;inset:auto auto 8% 8%;width:320px}.bottom-nav-demo__mesh{background:linear-gradient(180deg,#ffffff75,#fff0),repeating-linear-gradient(90deg,#94a3b81a 0 1px,#94a3b800 1px 28px),repeating-linear-gradient(180deg,#94a3b814 0 1px,#94a3b800 1px 28px);-webkit-mask-image:linear-gradient(180deg,#000000a6,#00000029 56%,#000000e6);mask-image:linear-gradient(180deg,#000000a6,#00000029 56%,#000000e6)}.bottom-nav-demo__grain{background:repeating-linear-gradient(135deg,#ffffff2e 0 1px,#fff0 1px 4px);opacity:.12}.bottom-nav-demo__content,.bottom-nav-demo__header{position:relative;z-index:1}.bottom-nav-demo__header{align-items:center;display:flex;gap:12px;padding:calc(env(safe-area-inset-top) + 18px) 20px 8px}.bottom-nav-demo__back{align-items:center;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);background:#ffffff6b;border:1px solid #ffffff80;border-radius:999px;box-shadow:0 10px 24px #0f172a14;cursor:pointer;display:inline-flex;height:38px;justify-content:center;width:38px}.bottom-nav-demo__eyebrow{color:#0f172a8f;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bottom-nav-demo__content{grid-gap:18px;display:grid;gap:18px;padding:14px 20px calc(136px + env(safe-area-inset-bottom));padding:14px 20px calc(var(--bottom-nav-height, 108px) + env(safe-area-inset-bottom) + 28px)}.bottom-nav-demo__hero{display:flex;flex-direction:column;gap:16px}.bottom-nav-demo__hero-kicker{background:#ffffff8f;border:1px solid #fff9;border-radius:999px;color:#0f172a94;display:inline-flex;font-size:.76rem;font-weight:700;padding:.35rem .7rem;width:-webkit-fit-content;width:fit-content}.bottom-nav-demo__title{font-size:clamp(2rem,7vw,3.2rem);letter-spacing:-.04em;line-height:.96;margin:0}.bottom-nav-demo__subtitle{color:#0f172aad;font-size:.96rem;line-height:1.55;margin:0;max-width:34rem}.bottom-nav-demo__hero-chip{background:#ffffff85;border:1px solid #ffffff94;border-radius:999px;box-shadow:0 14px 30px #0f172a14;color:var(--bottom-nav-demo-accent-strong);font-size:.8rem;font-weight:700;padding:.55rem .82rem;width:-webkit-fit-content;width:fit-content}.bottom-nav-demo__grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav-demo__card{backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);background:linear-gradient(180deg,#ffffffa8,#f4f8fd66),linear-gradient(135deg,#ffffff57,#ffffff14);border:1px solid #ffffff94;border-radius:28px;box-shadow:0 18px 44px #0f172a14;overflow:hidden;position:relative}.bottom-nav-demo__card:after{background:radial-gradient(80% 120% at 12% 0,#ffffff80,#0000 48%),linear-gradient(135deg,#ffffff14,#0000 40%);content:"";inset:0;pointer-events:none;position:absolute}.bottom-nav-demo__card--chart,.bottom-nav-demo__card--stat{min-height:172px;padding:18px}.bottom-nav-demo__card--insights{padding:18px}.bottom-nav-demo__card-label{color:#0f172a7a;font-size:.76rem;font-weight:700;letter-spacing:.08em;position:relative;text-transform:uppercase;z-index:1}.bottom-nav-demo__stat-value{font-size:clamp(1.8rem,6vw,2.7rem);font-weight:700;letter-spacing:-.05em;line-height:1;margin-top:22px;position:relative;z-index:1}.bottom-nav-demo__stat-foot{color:#0f172a9e;font-size:.88rem;line-height:1.45;margin-top:18px;position:relative;z-index:1}.bottom-nav-demo__bars{align-items:end;display:flex;gap:8px;height:94px;margin-top:22px;position:relative;z-index:1}.bottom-nav-demo__bar{background:linear-gradient(180deg,#ffffffd1,#ffffff29),linear-gradient(180deg,var(--bottom-nav-demo-accent),#ffffff80);border-radius:999px;box-shadow:inset 0 1px 0 #ffffffb8,0 10px 22px #0f172a14;flex:1 1;height:48px;height:var(--bar-height,48px)}.bottom-nav-demo__insights{grid-gap:10px;display:grid;gap:10px;margin-top:14px;position:relative;z-index:1}.bottom-nav-demo__insight{align-items:center;color:#0f172ab8;display:flex;font-size:.94rem;gap:10px}.bottom-nav-demo__insight-dot{background:var(--bottom-nav-demo-accent);border-radius:999px;box-shadow:0 0 0 5px #ffffff75;height:8px;width:8px}.bottom-nav-demo__lens-stage{background:linear-gradient(180deg,#ffffff6b,#ffffff14),linear-gradient(180deg,#94a3b814,#94a3b805);border:1px solid #ffffff80;border-radius:30px;min-height:176px;overflow:hidden;position:relative}.bottom-nav-demo__lens-lines{background:repeating-linear-gradient(90deg,#ffffff94 0 1px,#fff0 1px 34px),repeating-linear-gradient(180deg,#ffffff57 0 1px,#fff0 1px 34px);inset:0;opacity:.72;position:absolute}.bottom-nav-demo__lens-card{background:linear-gradient(180deg,#ffffffbd,#ffffff2e),linear-gradient(135deg,var(--bottom-nav-demo-tint),#ffffff14);border:1px solid #ffffff8a;border-radius:24px;box-shadow:0 16px 32px #0f172a14;height:88px;position:absolute;top:48px;width:132px}.bottom-nav-demo__lens-card--left{left:24px}.bottom-nav-demo__lens-card--right{right:28px;top:66px;width:160px}@media (max-width:640px){.bottom-nav-demo__grid{grid-template-columns:1fr}}.feedback-composer{display:flex;flex-direction:column;gap:14px}.feedback-composer-textarea{background:#f8fafc;border:1px solid #94a3b859;border-radius:18px;box-sizing:border-box;color:#0f172a;font-size:.95rem;line-height:1.5;min-height:180px;padding:14px 16px;resize:vertical;width:100%}.feedback-composer-attachment-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.feedback-composer-attachment-btn{align-items:center;display:inline-flex;justify-content:center;touch-action:manipulation}.feedback-composer-attachment-btn.is-disabled{opacity:.55;pointer-events:none}.feedback-composer-attachment-hint{color:#64748b;font-size:.82rem}.feedback-composer-attachment-preview{align-items:center;background:#eff6ff;border:1px solid #3b82f629;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.feedback-composer-attachment-name{color:#1e3a8a;flex:1 1;font-size:.88rem;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback-composer-attachment-remove{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.85rem;font-weight:700;touch-action:manipulation}.feedback-composer-status{color:#0f766e;font-size:.88rem}.feedback-composer-status.is-error{color:#dc2626}.feedback-composer-actions{display:flex;gap:10px;justify-content:flex-end}.feedback-composer-actions button{touch-action:manipulation}button.primary.feedback-composer-submit-btn{background:#2563eb}button.primary.feedback-composer-submit-btn:hover{background:#1d4ed8}.floating-feedback-button{align-items:center;backdrop-filter:blur(18px) saturate(175%);-webkit-backdrop-filter:blur(18px) saturate(175%);background:linear-gradient(180deg,#ffffff61,#fff3),linear-gradient(135deg,#3b82f629,#7dd3fc14);border:1px solid #ffffff57;border-radius:999px;box-shadow:0 14px 28px #0f172a2e,inset 0 1px 0 #ffffffb3,inset 0 -10px 18px #94a3b829;cursor:grab;display:flex;height:56px;isolation:isolate;justify-content:center;overflow:hidden;padding:0;position:fixed;touch-action:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;width:56px;z-index:var(--z-feedback)}.floating-feedback-button.is-dragging{box-shadow:0 18px 30px #0f172a38,inset 0 1px 0 #ffffffc2,inset 0 -10px 18px #94a3b82e;cursor:grabbing;transform:scale(1.04)}.floating-feedback-button:before{background:linear-gradient(180deg,#ffffff75,#ffffff14 70%);border-radius:inherit;content:"";inset:1px;opacity:.92;pointer-events:none;position:absolute}.floating-feedback-button:after{background:linear-gradient(180deg,#ffffffb8,#fff0);border-radius:999px;content:"";height:16px;left:10px;opacity:.72;pointer-events:none;position:absolute;right:10px;top:7px}.floating-feedback-button-icon{display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5)) drop-shadow(0 6px 10px rgba(37,99,235,.18));height:34px;position:relative;width:20px;z-index:1}.phone-preview .floating-feedback-button{position:absolute}.guided-tutorial-overlay{align-items:flex-end;display:flex;inset:0;justify-content:center;overflow:hidden;padding:18px 16px calc(106px + env(safe-area-inset-bottom, 0px));pointer-events:none;position:fixed;z-index:var(--z-tutorial)}.guided-tutorial-overlay--preview{position:absolute}.guided-tutorial-mask{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.guided-tutorial-card{backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:linear-gradient(180deg,#ffffffeb,#f8fafce0),linear-gradient(135deg,#60a5fa1f,#e2e8f02e);border:1px solid #94a3b842;border-radius:24px;box-shadow:0 24px 44px #0f172a2e,inset 0 1px 0 #ffffffb3;box-sizing:border-box;color:#0f172a;max-width:calc(100% - 32px);padding:16px 16px 14px;pointer-events:auto;position:absolute;width:min(440px,calc(100% - 8px));z-index:2}.guided-tutorial-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.guided-tutorial-step-counter{color:#2563ebf2;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.guided-tutorial-skip-btn{background:#0000;border:none;color:#475569;cursor:pointer;font-size:.82rem;font-weight:600}.guided-tutorial-title{color:#0f172a;font-size:1rem;font-weight:800}.guided-tutorial-body{color:#334155;display:flex;flex-direction:column;font-size:.9rem;gap:8px;line-height:1.45;margin-top:8px}.guided-tutorial-body p{margin:0}.guided-tutorial-action-label{color:#1d4ed8;font-size:.84rem;font-weight:700;margin-top:12px}.guided-tutorial-target.is-active{animation:guidedTutorialPulse 1.8s ease-in-out infinite;box-shadow:0 0 0 3px #3b82f62e,0 0 0 8px #93c5fd24;position:relative;z-index:1}@keyframes guidedTutorialPulse{0%,to{box-shadow:0 0 0 3px #3b82f62e,0 0 0 8px #93c5fd24}50%{box-shadow:0 0 0 3px #3b82f63d,0 0 0 12px #93c5fd38}}.guided-tutorial-target.is-active.guided-tutorial-target--no-ring{animation:none;box-shadow:none}.guided-tutorial-target.is-active.guided-tutorial-target--round-pulse{animation:guidedTutorialRoundPulse 1.8s ease-in-out infinite;border-radius:999px;box-shadow:0 0 0 4px #3b82f624,0 0 0 10px #93c5fd1f}@keyframes guidedTutorialRoundPulse{0%,to{box-shadow:0 0 0 4px #3b82f624,0 0 0 10px #93c5fd1f}50%{box-shadow:0 0 0 5px #3b82f633,0 0 0 14px #93c5fd2e}}.guided-tutorial-icon-pulse{animation:guidedTutorialIconPulse 1.8s ease-in-out infinite;display:block;filter:drop-shadow(0 0 0 rgba(59,130,246,0)) drop-shadow(0 0 10px rgba(147,197,253,.34));overflow:visible;transform-origin:center center}@keyframes guidedTutorialIconPulse{0%,to{filter:drop-shadow(0 0 0 rgba(59,130,246,0)) drop-shadow(0 0 10px rgba(147,197,253,.34));transform:scale(1)}50%{filter:drop-shadow(0 0 0 rgba(59,130,246,0)) drop-shadow(0 0 14px rgba(96,165,250,.5));transform:scale(1.08)}}.muscle-highlight-figure{aspect-ratio:1/1;background:radial-gradient(70% 54% at 50% 18%,#ffffffeb,#fff0 68%),radial-gradient(65% 52% at 50% 86%,#94a3b82e,#94a3b800 74%),linear-gradient(180deg,#f8fafc,#eef2f7);border-radius:1rem;box-shadow:inset 0 1px 0 #ffffffe6,inset 0 -12px 22px #0f172a0f,0 10px 22px #0f172a14;margin:0 auto;overflow:hidden;position:relative;width:min(300px,100%)}.muscle-highlight-figure__base,.muscle-highlight-figure__mask{height:100%;inset:0;position:absolute;width:100%}.muscle-highlight-figure__base{filter:drop-shadow(0 2px 2px rgba(255,255,255,.95)) drop-shadow(0 8px 14px rgba(15,23,42,.12));object-fit:cover;transform:translateZ(0) scaleY(1.12);transform-origin:center}.muscle-highlight-figure__mask{background:#2563eb;background:var(--highlight-color,#2563eb);mask-image:var(--mask-url);-webkit-mask-image:var(--mask-url);mask-position:center;-webkit-mask-position:center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:100% 100%;-webkit-mask-size:100% 100%;mix-blend-mode:multiply;pointer-events:none;transform:scaleY(1.12);transform-origin:center;transition:opacity .18s ease-out,filter .18s ease-out}.muscle-highlight-figure__mask--primary{filter:saturate(1.2) contrast(1.02) brightness(1.02) drop-shadow(0 0 7px rgba(37,99,235,.28));opacity:.98}.muscle-highlight-figure__mask--secondary{filter:saturate(1.05) brightness(.98);opacity:.5}.muscle-sandbox-page{background:linear-gradient(180deg,#f8fafc,#eef2ff);box-sizing:border-box;min-height:100vh;padding:20px}.muscle-sandbox-card{background:#fff;border-radius:16px;box-shadow:0 14px 30px #0f172a1a;box-sizing:border-box;margin:0 auto;padding:20px;width:min(980px,100%)}.muscle-sandbox-header h1{font-size:1.15rem;margin:0}.muscle-sandbox-header p{color:#475569;font-size:.85rem;margin:.3rem 0 0}.muscle-sandbox-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:16px;padding:12px}.muscle-sandbox-controls{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:14px}.muscle-sandbox-controls label{color:#0f172a;display:flex;flex-direction:column;font-size:.82rem;gap:6px}.muscle-sandbox-controls input[type=range],.muscle-sandbox-controls select{width:100%}.muscle-sandbox-columns{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}.muscle-sandbox-columns h2{font-size:.95rem;margin:0 0 8px}.muscle-sandbox-toggle-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.muscle-sandbox-toggle-row{align-items:center;color:#0f172a;display:flex;font-size:.78rem;gap:6px}.auth-shell{align-items:center;background:radial-gradient(circle at top,#2196f31f,#0000 36%),linear-gradient(180deg,#f6f8fb,#eef3f9);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{background:#fffffff0;border:1px solid var(--color-border);border-radius:24px;box-shadow:0 24px 60px #0f172a1f;box-sizing:border-box;overflow:hidden;padding:28px 24px;width:min(100%,420px)}.auth-card--loading{text-align:center}.auth-eyebrow{color:#3b82f6;font-size:.78rem;font-weight:700;letter-spacing:.14em;margin-bottom:8px;text-transform:uppercase}.auth-title{color:var(--color-text-primary);font-size:1.8rem;line-height:1.1;margin:0}.auth-subtitle{color:var(--color-text-secondary);line-height:1.5;margin:10px 0 0}.auth-mode-switch{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:18px;margin-top:22px}.auth-mode-button{background:#fff;border:1px solid #cbd5e1;border-radius:999px;color:var(--color-text-secondary);font-weight:600;padding:10px 12px}.auth-mode-button.is-active{background:var(--color-text-primary);border-color:var(--color-text-primary);color:#fff}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column;min-width:0}.auth-field{font-weight:600;gap:6px}.auth-field,.auth-field input{color:var(--color-text-primary)}.auth-field input{background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-sizing:border-box;font-size:1rem;max-width:100%;padding:13px 14px;width:100%}.auth-field-input-wrap{align-items:center;display:flex;position:relative}.auth-field-input-wrap input{padding-right:46px}.auth-field-eye-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.auth-field-eye-btn:hover{color:var(--color-text-secondary)}.auth-field-eye-btn svg{display:block;height:20px;width:20px}.auth-field-note{color:#64748b;font-size:.82rem;font-weight:500;line-height:1.35}.auth-inline-link,.auth-secondary-link{align-self:flex-start;background:none;border:none;color:var(--color-accent);cursor:pointer;font-weight:600;padding:0;text-decoration:none}.auth-secondary-link{margin-top:18px}.auth-inline-link{margin-top:-4px}.auth-checkbox{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.95rem;gap:10px;margin-top:4px}.auth-error{color:#b91c1c;font-size:.92rem}.auth-status{color:var(--color-text-secondary);font-size:.92rem}.auth-submit-button{margin-top:2px;width:100%}.onboarding-shell{align-items:stretch;background:radial-gradient(circle at top left,#2563eb33,#0000 36%),radial-gradient(circle at bottom right,#38bdf82e,#0000 32%),linear-gradient(180deg,#eff6ff,#f8fafc);box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:16px}.onboarding-card{background:#fffffff0;border:1px solid #94a3b82e;border-radius:28px;box-shadow:0 28px 80px #0f172a1f;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;min-height:calc(100vh - 32px);padding:22px 20px 24px;width:min(100%,520px)}.onboarding-progress{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto}.onboarding-progress-count{color:var(--color-accent);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.onboarding-progress-steps{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(7,minmax(0,1fr))}.onboarding-progress-dot{background:#dbeafe;border-radius:999px;height:6px}.onboarding-progress-dot.is-active{background:var(--color-accent)}.onboarding-status{background:#eff6ff;border-radius:16px;color:var(--color-accent);font-size:.92rem;line-height:1.45;padding:12px 14px}.onboarding-status.is-error{background:#fef2f2;color:#b91c1c}.onboarding-top-back{align-self:flex-start;background:none;border:none;color:var(--color-text-secondary);font-weight:600;padding:0}.onboarding-step{display:flex;flex:1 1;flex-direction:column;gap:18px}.onboarding-step--compact{justify-content:center}.onboarding-step--welcome{align-items:center;background:radial-gradient(circle at 50% 12%,#3b82f624,#0000 34%),linear-gradient(180deg,#fff,#eff6ff);border-radius:24px;justify-content:center;outline:none;padding:24px 0 8px;text-align:center}.onboarding-eyebrow{color:var(--color-accent);font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.onboarding-title,.onboarding-welcome-title{color:var(--color-text-primary);line-height:1.08;margin:0}.onboarding-title{font-size:1.95rem}.onboarding-welcome-title{font-size:clamp(2rem,6vw,2.6rem);max-width:12ch}.onboarding-subtitle,.onboarding-welcome-subtitle{color:var(--color-text-secondary);line-height:1.6;margin:0}.onboarding-welcome-subtitle{max-width:28ch}.onboarding-field-grid{grid-gap:14px;display:grid;gap:14px}.onboarding-field{color:var(--color-text-primary);display:flex;flex-direction:column;font-weight:600;gap:8px}.onboarding-field input{background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-sizing:border-box;color:var(--color-text-primary);font-size:1rem;min-width:0;padding:13px 14px;width:100%}.onboarding-chip-grid{display:flex;flex-wrap:wrap;gap:10px}.onboarding-button,.onboarding-chip,.onboarding-day-toggle,.onboarding-segmented-button{transition:transform .16s ease,background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.onboarding-chip{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;color:#1e3a8a;font-weight:600;padding:10px 14px}.onboarding-chip.is-active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.onboarding-panel-header,.onboarding-panel-subsection,.onboarding-toggle-row,.onboarding-unit-row{align-items:center;display:flex;gap:14px;justify-content:space-between}.onboarding-unit-row--spaced{margin-top:6px}.onboarding-unit-label{color:var(--color-text-secondary);font-weight:700}.onboarding-segmented{align-items:center;background:#e2e8f0;border-radius:999px;display:inline-flex;gap:8px;padding:4px}.onboarding-segmented-button{background:#0000;border:none;border-radius:999px;color:var(--color-text-secondary);font-weight:700;padding:9px 14px}.onboarding-segmented-button.is-active{background:#fff;box-shadow:0 6px 16px #0f172a14;color:var(--color-text-primary)}.onboarding-panel{background:#f8fafc;border:1px solid #94a3b82e;border-radius:22px;display:flex;flex-direction:column;gap:16px;padding:18px 16px}.onboarding-panel-title{color:var(--color-text-primary);font-size:1rem;font-weight:700}.onboarding-panel-caption{color:#64748b;font-size:.86rem;margin-top:4px}.onboarding-panel-subtitle{color:var(--color-text-secondary);font-size:.92rem;font-weight:700}.onboarding-inline-text{color:var(--color-accent);font-weight:700}.onboarding-stepper{align-items:center;background:#fff;border-radius:999px;box-shadow:inset 0 0 0 1px var(--color-border);display:inline-flex;gap:10px;padding:4px}.onboarding-stepper button{background:#eff6ff;border:none;border-radius:999px;color:var(--color-accent);font-size:1.15rem;font-weight:700;height:34px;width:34px}.onboarding-stepper span{color:var(--color-text-primary);font-weight:700;min-width:26px;text-align:center}.onboarding-meal-name-list{grid-gap:10px;display:grid;gap:10px}.onboarding-meal-name-list input{background:#fff;border:1px solid #cbd5e1;border-radius:14px;box-sizing:border-box;color:var(--color-text-primary);padding:12px 14px;width:100%}.onboarding-meal-schedule{grid-gap:10px;display:grid;gap:10px}.onboarding-meal-schedule-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:44px repeat(4,minmax(0,1fr));grid-template-columns:44px repeat(var(--meal-count,4),minmax(0,1fr))}.onboarding-meal-schedule-row span{color:var(--color-text-secondary);font-size:.85rem;text-align:center}.onboarding-meal-schedule-row span:first-child{color:var(--color-text-secondary);font-weight:700;text-align:left}.onboarding-meal-schedule-row--head span{color:var(--color-text-primary);font-weight:700}.onboarding-day-toggle{background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-height:34px;width:100%}.onboarding-day-toggle.is-active{background:var(--color-accent);border-color:var(--color-accent);box-shadow:inset 0 0 0 1px #ffffff2e}.onboarding-copy-block{grid-gap:14px;color:var(--color-text-secondary);display:grid;gap:14px;line-height:1.65}.onboarding-copy-block p{margin:0}.onboarding-feedback-demo{grid-gap:16px;align-items:center;backdrop-filter:blur(18px) saturate(175%);-webkit-backdrop-filter:blur(18px) saturate(175%);background:linear-gradient(180deg,#ffffff70,#ffffff38),linear-gradient(135deg,#3b82f61f,#7dd3fc0f);border:1px solid #ffffff57;border-radius:24px;box-shadow:0 20px 40px #0f172a14,inset 0 1px 0 #ffffffc2,inset 0 -10px 18px #94a3b81f;display:grid;gap:16px;grid-template-columns:auto 1fr;padding:16px 18px}.onboarding-feedback-demo-button{align-items:center;background:linear-gradient(180deg,#ffffff61,#fff3),linear-gradient(135deg,#3b82f629,#7dd3fc14);border:1px solid #ffffff57;border-radius:999px;box-shadow:0 14px 28px #0f172a2e,inset 0 1px 0 #ffffffb3,inset 0 -10px 18px #94a3b829;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;pointer-events:none;position:relative;width:56px}.onboarding-feedback-demo-button:before{background:linear-gradient(180deg,#ffffff75,#ffffff14 70%);border-radius:inherit;content:"";inset:1px;opacity:.92;position:absolute}.onboarding-feedback-demo-button:after{background:linear-gradient(180deg,#ffffffb8,#fff0);border-radius:999px;content:"";height:16px;left:10px;opacity:.72;position:absolute;right:10px;top:7px}.onboarding-feedback-demo-icon{display:block;filter:drop-shadow(0 1px 0 rgba(255,255,255,.5)) drop-shadow(0 6px 10px rgba(37,99,235,.18));height:34px;position:relative;width:20px;z-index:1}.onboarding-feedback-demo-copy{grid-gap:10px;color:var(--color-text-secondary);display:grid;gap:10px;line-height:1.6}.onboarding-feedback-demo-copy p{margin:0}@media (max-width:520px){.onboarding-feedback-demo{grid-template-columns:1fr;justify-items:start}}.onboarding-legal-tags{display:flex;flex-wrap:wrap;gap:10px}.onboarding-legal-tags span{border-radius:999px}.onboarding-legal-link,.onboarding-legal-tags span{background:#eff6ff;color:var(--color-accent);font-weight:700;padding:9px 14px}.onboarding-legal-link{border:none;border-radius:999px}.onboarding-welcome-mark{color:var(--color-accent);font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.onboarding-swipe-indicator{align-items:center;color:var(--color-accent);display:inline-flex;flex-direction:column;font-weight:700;gap:10px;margin-top:18px}.onboarding-swipe-indicator.is-loading{color:var(--color-text-secondary)}.onboarding-swipe-arrow{align-items:center;animation:onboardingSwipePulse 1.5s ease-in-out infinite;background:#dbeafe;border-radius:999px;display:inline-flex;font-size:1.4rem;height:52px;justify-content:center;width:52px}.onboarding-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:auto}.onboarding-button{border:none;border-radius:999px;font-size:.96rem;font-weight:700;padding:13px 18px}.onboarding-button--primary{background:var(--color-accent);color:#fff;margin-left:auto}.onboarding-button--secondary{background:#0000;border:1px solid #94a3b866;color:var(--color-text-secondary)}@keyframes onboardingSwipePulse{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:640px){.onboarding-shell{background:#f8fafc;padding:0}.onboarding-card{border-radius:0;gap:16px;min-height:100vh;padding:calc(20px + env(safe-area-inset-top)) 18px calc(22px + env(safe-area-inset-bottom));width:100%}.onboarding-title{font-size:1.7rem}.onboarding-footer,.onboarding-panel-header,.onboarding-panel-subsection,.onboarding-toggle-row,.onboarding-unit-row{align-items:stretch;flex-direction:column}.onboarding-stepper{justify-content:space-between}.onboarding-button--primary,.onboarding-button--secondary{margin-left:0;width:100%}.onboarding-meal-schedule-row{grid-template-columns:42px repeat(4,minmax(28px,1fr));grid-template-columns:42px repeat(var(--meal-count,4),minmax(28px,1fr))}}