:root{--app-bg:#f5f6f2;--app-card:#fff;--app-ink:#20342c;--app-muted:#5e6c64;--app-line:#dce4dd;--app-primary:#165b45;--app-primary-strong:#104532;--app-radius:20px;--app-shadow:0 5px 20px #183e2810;--experience-soft:#edf4ee;--experience-accent:#e6efdc;--experience-focus:#287b62}body{background:var(--app-bg);color:var(--app-ink)}body.dark-mode{--app-bg:#151f1b;--app-card:#202c25;--app-ink:#edf4ec;--app-muted:#b8c8bd;--app-line:#415449;--app-primary:#9ed8b9;--app-primary-strong:#c1e8d1;--experience-soft:#293c30;--experience-accent:#314734;--experience-focus:#9ed8b9;background:var(--app-bg);color:var(--app-ink)}.app-shell{max-width:1160px}.app-header{align-items:center;padding:8px 0 20px;margin-bottom:0}.app-header h1{font-size:clamp(1.55rem,3vw,2.35rem);font-weight:780;letter-spacing:-.055em;line-height:1.1}.app-brand-lockup{gap:12px}.app-brand-icon{width:54px;height:54px;border-radius:16px;box-shadow:none}.app-brand-promise{font-weight:500;color:var(--app-muted);margin-top:5px}.app-subtitle{display:none}.header-actions{min-width:0;gap:8px}.user-panel-button{padding:11px 16px;font-weight:650;min-height:44px}.experience-nav{display:flex;gap:8px;align-items:stretch;padding:6px;background:var(--app-card);border:1px solid var(--app-line);border-radius:16px;margin:0 0 14px}.experience-nav button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:0;padding:10px 20px;border:0;border-radius:11px;background:0 0;color:var(--app-muted);font-size:.9375rem;font-weight:650}.experience-nav button:first-child{background:var(--experience-soft);color:var(--app-primary)}.experience-nav button:last-child{margin-left:auto;color:var(--app-primary)}.experience-nav button:hover{background:var(--experience-soft)}.experience-nav button span{min-width:0;overflow-wrap:anywhere}.safety-note{background:0 0;border:0;padding:0 3px;margin:0 0 16px;color:var(--app-muted);font-size:.75rem}.app-grid{gap:20px;margin-top:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.app-grid>*{min-width:0}.history-card,.panel-card,.result-card,body.dark-mode .history-card,body.dark-mode .panel-card{background:var(--app-card);border:1px solid var(--app-line);border-radius:var(--app-radius);box-shadow:var(--app-shadow);padding:24px}.panel-heading{gap:12px;margin-bottom:22px}.panel-heading h2{font-size:1.25rem;font-weight:750;letter-spacing:-.025em;color:var(--app-ink)}.panel-heading p{color:var(--app-muted);font-size:.875rem;line-height:1.55}.step-dot{width:36px;height:36px;min-width:36px;background:var(--experience-soft);color:var(--app-primary);border-radius:11px;font-size:.9375rem}.field-label{font-weight:650;letter-spacing:0;text-transform:none;color:var(--app-ink);font-size:.875rem}.account-shelf-copy,.empty-state,.field-help{color:var(--app-muted);line-height:1.5}.form-control,body.dark-mode .form-control{border-color:var(--app-line);border-radius:12px;background:var(--app-card);color:var(--app-ink);min-height:46px}.form-control::placeholder{color:var(--app-muted);opacity:1}.form-control:focus{border-color:var(--experience-focus);box-shadow:0 0 0 3px #287b621c}.food-input-row{gap:9px}.food-input-row .quick-add-button,.food-input-row .scanner-button,body.dark-mode .food-input-row .quick-add-button,body.dark-mode .food-input-row .scanner-button{border-color:var(--app-line);color:var(--app-primary);background:var(--experience-soft);border-radius:12px}.btn{border-radius:11px;font-weight:600;transition:box-shadow .12s,border-color .12s;--bs-btn-focus-shadow-rgb:40,123,98}.btn-primary{--bs-btn-bg:#165b45;--bs-btn-border-color:#165b45;--bs-btn-hover-bg:#104532;--bs-btn-hover-border-color:#104532;--bs-btn-active-bg:#104532;--bs-btn-active-border-color:#104532;background:#165b45;border-color:#165b45;color:#fff}.btn-primary:active,.btn-primary:hover{background:#104532;border-color:#104532;color:#fff}body.dark-mode .btn-primary{background:#9ed8b9;border-color:#9ed8b9;color:#123d2b}body.dark-mode .btn-primary:hover{background:#c1e8d1;border-color:#c1e8d1;color:#123d2b}.btn-outline-primary{--bs-btn-color:var(--app-primary);--bs-btn-border-color:var(--app-primary);--bs-btn-hover-bg:var(--experience-soft);--bs-btn-hover-color:var(--app-primary);--bs-btn-hover-border-color:var(--app-primary);color:var(--app-primary);border-color:var(--app-primary);--bs-btn-active-bg:var(--experience-soft);--bs-btn-active-color:var(--app-primary);--bs-btn-active-border-color:var(--app-primary)}.btn-link{color:var(--app-primary)}.primary-actions{gap:10px;grid-template-columns:minmax(0,1fr) auto}.primary-actions .btn{min-height:50px;padding:12px 22px}.step-button,body.dark-mode .step-button{background:var(--experience-soft);color:var(--app-primary);border:1px solid var(--app-line);border-radius:12px}.meal-picker,body.dark-mode .meal-picker{background:var(--app-bg);border-color:var(--app-line);border-radius:14px}.community-explorer-trigger,body.dark-mode .community-explorer-trigger{background:var(--app-card);border-color:var(--app-line)}.community-explorer-trigger small{color:var(--app-muted)}.catalog-card .filter-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));align-items:start}.catalog-card .filter-field{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0}.catalog-card .filter-row label{min-width:0;overflow-wrap:anywhere}.catalog-card .filter-row select{min-width:0;width:100%;max-width:100%}.quick-guide-invite{position:relative;display:block;padding:20px;margin:0 0 22px;background:var(--experience-soft);border:0;border-radius:16px;color:var(--app-ink)}.first-use-copy{padding-right:40px}.first-use-copy .eyebrow{color:var(--app-primary);font-size:.65rem;font-weight:700;letter-spacing:.1em}.first-use-copy h3{margin:8px 0;font-size:1.45rem;line-height:1.25;font-weight:730;letter-spacing:-.04em}.first-use-copy p{color:var(--app-muted);font-size:.875rem;line-height:1.5;margin:0 0 16px}.first-use-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.first-use-actions .btn{min-height:44px;font-size:.8125rem;white-space:normal}.first-use-actions .btn-primary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px}#dismiss-quick-guide{position:absolute;right:4px;top:4px;border:0;background:0 0;color:var(--app-muted);width:44px;height:44px;min-height:44px;min-width:44px}.history-card{margin-top:20px}.history-tabs,body.dark-mode .history-tabs{background:var(--experience-soft);border-radius:14px;padding:5px}.history-tab{font-weight:650;color:var(--app-muted);min-height:44px}.history-tab.is-active,body.dark-mode .history-tab.is-active{background:var(--app-card);color:var(--app-primary);box-shadow:0 2px 5px #183e2810}.eyebrow{color:var(--app-muted)}.account-shelf,body.dark-mode .account-shelf{background:var(--app-card);border-color:var(--app-line);border-radius:16px}.user-panel,body.dark-mode .user-panel{background:var(--app-bg);color:var(--app-ink)}.calculator-result,body.dark-mode .calculator-result{border-color:var(--app-line);background:var(--experience-soft)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--experience-focus);outline-offset:3px}@media(max-width:760px){.app-header{display:flex;flex-wrap:wrap;gap:14px;padding:2px 0 16px}.header-actions{margin:0;justify-content:flex-start}.app-grid{grid-template-columns:minmax(0,1fr);gap:16px}.experience-nav{gap:3px}.experience-nav button{flex:1;padding:10px 6px;gap:6px;font-size:.8125rem}.experience-nav button:last-child{margin-left:0}.history-card,.panel-card,.result-card,body.dark-mode .history-card,body.dark-mode .panel-card{padding:18px;border-radius:18px}.first-use-copy h3{font-size:1.3rem}.first-use-copy .eyebrow{display:none}.quick-guide-invite{padding:16px;margin-bottom:18px}.first-use-actions .btn-primary{width:100%}.first-use-actions .btn-link{padding-left:0}}@media(max-width:360px){.experience-nav button{flex-direction:column;gap:5px;font-size:.75rem}.app-brand-icon{width:44px;height:44px}.panel-card,body.dark-mode .panel-card{padding:14px}}@media(prefers-reduced-motion:reduce){.experience-nav *,.quick-guide-invite *{transition:none;animation:none;scroll-behavior:auto}}.first-use-example{margin-top:16px;border-top:1px solid var(--app-line)}.first-use-example summary{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-weight:650;font-size:.875rem}.first-use-example summary::after{content:'⌄';font-size:1.25rem}.first-use-example[open] summary::after{transform:rotate(180deg)}.first-use-example summary::-webkit-details-marker{display:none}.first-use-example-body{background:var(--app-card);border:1px solid var(--app-line);border-radius:14px;padding:16px}.first-use-example-body p{color:var(--app-muted);font-size:.75rem;line-height:1.5;margin:0 0 12px}.first-use-food{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;margin-bottom:14px;font-size:.8125rem}.first-use-food span:first-child{font-weight:700}.first-use-food span:last-child{color:var(--app-muted)}.first-use-amounts{display:flex;gap:8px}.first-use-amounts button{padding:6px 4px;white-space:nowrap;flex:1;min-width:0;min-height:44px;border:1px solid var(--app-line);border-radius:10px;color:var(--app-ink);background:var(--app-card);font-weight:650}.first-use-amounts button[aria-pressed=true]{background:var(--experience-soft);border-color:var(--app-primary);color:var(--app-primary);box-shadow:inset 0 0 0 1px var(--app-primary)}.first-use-example-result{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;padding:18px 0 12px}.first-use-example-result strong{font-size:1.8rem;line-height:1.2;letter-spacing:-.04em;color:var(--app-primary)}.first-use-example-result span{font-size:.875rem;color:var(--app-muted)}.first-use-example-body p:last-child{margin:0}#first-use-scan{min-height:44px;white-space:normal;font-size:.8125rem;padding-left:0}.food-source-details{margin-top:14px;border-top:1px solid var(--app-line)}.food-source-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font-size:.8125rem;color:var(--app-muted);list-style:none}.food-source-details summary::-webkit-details-marker{display:none}.food-source-details[open] summary i{transform:rotate(180deg)}.food-source-details p{font-size:.8125rem;color:var(--app-muted)}[role=button],button,summary{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}:is(.step-button,.community-explorer-trigger,.places-context-status,.places-toggle,.history-tab:not(.is-active)):is(:hover,:active){background:var(--experience-soft)}.places-toggle{border-radius:10px}button:not(:disabled):active{filter:brightness(.95)}