:root{color-scheme:light}
.footer-social{display:inline-flex;align-items:center;gap:7px;margin-top:13px;font-size:12px;font-weight:600;color:var(--teal);line-height:1.5}
.footer-social:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){.footer-social{font-size:10px;max-width:160px}}
.theme-picker{position:relative;border:0;flex-shrink:0}
.theme-picker>summary{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:50%;list-style:none;color:var(--ink)}
.theme-picker>summary:hover{background:#e9eee3}
.theme-picker>summary .icon{width:17px;height:17px}
.theme-moon{display:none}
.theme-options{position:absolute;right:0;top:46px;z-index:10;min-width:175px;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--cream);box-shadow:0 12px 30px #142e3520}
.theme-options>button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:7px;padding:10px 12px;background:transparent;color:var(--ink);font-size:12px;text-align:left;white-space:nowrap}
.theme-options>button .icon{width:16px;height:16px}
.theme-options>button:hover{background:#e9eee3}
.theme-options>button[aria-pressed=true]{background:#dceee5;font-weight:650;color:#126457}
.header-actions{gap:20px}
[data-theme=dark]{color-scheme:dark;--cream:#101d18;--ink:#e4eee4;--teal:#69cbb7;--muted:#a8b6a9;--line:#34483b}
[data-theme=dark] .theme-sun{display:none}
[data-theme=dark] .theme-moon{display:block}
[data-theme=dark] .theme-picker>summary:hover,[data-theme=dark] .theme-options>button:hover{background:#233b2d}
[data-theme=dark] .theme-options>button[aria-pressed=true]{background:#294b3d;color:#a2e8d2}
[data-theme=dark] .theme-options{box-shadow:0 12px 35px #0006}
[data-theme=dark] .button,[data-theme=dark] .brand-mark{background:#00897b;color:#fff}
[data-theme=dark] .button:hover{background:#00766a}
[data-theme=dark] .languages a{color:#a4b1a6}
[data-theme=dark] .languages a[aria-current]{color:var(--ink)}
[data-theme=dark] .languages span{color:#6f8375}
[data-theme=dark] .food-frame{background:#2b3b2e}
[data-theme=dark] .food-frame img{filter:brightness(.88)}
[data-theme=dark] .floating-note{background:#253b2e;box-shadow:0 12px 35px #0004}
[data-theme=dark] .round-icon{background:#3b5336;color:#c0d4a5}
[data-theme=dark] .phone{background:#17291f;border-color:#637e6b;box-shadow:0 22px 45px #0007}
[data-theme=dark] .phone-speaker,[data-theme=dark] .phone-home{background:#637e6b}
[data-theme=dark] .phone-brand>.icon{background:#00897b;color:#fff}
[data-theme=dark] .avatar{background:#354a31;color:#cfdbb7}
[data-theme=dark] .phone-hello{color:#aec0ad}
[data-theme=dark] .phone-meal{background:#254637}
[data-theme=dark] .phone-meal p{color:#b6cfb9}
[data-theme=dark] .phone-meal img{filter:brightness(.9)}
[data-theme=dark] .phone-list{background:#253b2c}
[data-theme=dark] .phone-list small{color:#b0d7b9}
[data-theme=dark] .empty-check{border-color:#8aa18d}
[data-theme=dark] .preview-label{color:#9eae9d}
[data-theme=dark] .ribbon{color:#c0cbb8}
[data-theme=dark] .ribbon .icon{color:#a1b293}
[data-theme=dark] .ribbon-star{color:#839a76}
[data-theme=dark] .step{border-top-color:#41573f}
[data-theme=dark] .step-number{color:#a6ba95}
[data-theme=dark] .features{background:#15251c}
[data-theme=dark] .pantry{background:#293d28}
[data-theme=dark] .tag{color:#c0d2a7}
[data-theme=dark] .pantry-demo{background:#1c3023;box-shadow:0 12px 25px #0002}
[data-theme=dark] .demo-heading>span{color:#bdd1ac}
[data-theme=dark] .pantry-row{border-top-color:#374d35}
[data-theme=dark] .pantry-row strong{color:#bdcdb0}
[data-theme=dark] .ingredient-0{background:#554a29;color:#edd08b}
[data-theme=dark] .ingredient-1{background:#57382c;color:#efa681}
[data-theme=dark] .ingredient-2{background:#3e492a;color:#c4d19a}
[data-theme=dark] .pantry-note{color:#b2c5a2!important}
[data-theme=dark] .portions{background:#1e3124}
[data-theme=dark] .portion-demo{background:#2b3a28;border-color:#43523a}
[data-theme=dark] .portion-demo>span{color:#b8c7ab}
[data-theme=dark] .portion-demo>p{color:#bfd8b8}
[data-theme=dark] .toggle-art{background:#00897b}
[data-theme=dark] .taste{background:#273b2b}
[data-theme=dark] .taste-icon{background:#354d35}
[data-theme=dark] .taste-tags>span{background:#354c33;color:#d0dfc1}
[data-theme=dark] .download-inner{background:#214c3c;color:#f0f6df}
[data-theme=dark] .download .eyebrow{color:#c0dcb3}
[data-theme=dark] .download p:not(.eyebrow){color:#cbdcca}
[data-theme=dark] .download small{color:#c0d4b9}
[data-theme=dark] .availability{background:#d6e4bf;color:#214632}
[data-theme=dark] .footer-meta{color:#afbea7}
[data-theme=dark] .skip{background:#213b2b;color:var(--ink)}
[data-theme=dark] dialog::backdrop{background:#0009}
@media(max-width:1100px){.header-actions{gap:15px}}
@media(max-width:600px){.header-actions{gap:14px}.theme-picker>summary{width:30px;height:30px}.theme-options{right:-35px}.header .brand{font-size:23px;gap:8px}.header .brand-mark{width:32px;height:32px}}
@media(max-width:365px){.header .brand{font-size:21px;gap:6px}.header-actions{gap:10px}.header .languages{gap:7px;font-size:11px}.header{gap:12px}}
/* Compact native language menu keeps all six choices usable on narrow screens. */
.language-picker{position:relative;flex:none}
.language-picker>summary{display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;font-size:12px;font-weight:700;padding:8px 4px;border-radius:6px}
.language-picker>summary::-webkit-details-marker{display:none}
.language-picker[open]>summary{color:var(--teal)}
.language-picker>.languages{position:absolute;top:calc(100% + 8px);right:0;z-index:30;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:190px;padding:8px;background:var(--cream);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px #0002;font-size:13px}
.language-picker>.languages a{display:block;padding:9px 12px;white-space:nowrap;border-radius:6px;text-decoration:none}
.language-picker>.languages a:hover,.language-picker>.languages a[aria-current]{background:#edf2df;color:var(--ink)}
.language-picker>.languages a[aria-current]{font-weight:700}
.language-picker>summary:focus-visible,.language-picker>.languages a:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
[data-theme=dark] .language-picker>.languages{background:#1c3023;border-color:#41573f}
[data-theme=dark] .language-picker>.languages a:hover,[data-theme=dark] .language-picker>.languages a[aria-current]{background:#354c33}
@media(max-width:600px){.language-picker>summary{font-size:11px;padding:8px 2px}.hero-notes{flex-wrap:wrap}.phone-bottom-nav>span{min-width:0}.phone-bottom-nav>span>span{overflow:hidden;text-overflow:ellipsis;max-width:100%}}
