:root {color-scheme:light;--paper:#fff;--ink:#152c24;--green:#125c46;--muted:#465c52;--wash:#eef5f0;--line:#cedbd2;--focus:#a84100;--error:#9f2733;font-family:"Segoe UI","Trebuchet MS",sans-serif;font-size:22px;line-height:1.5;color:var(--ink);background:#f7f9f6;}
*{box-sizing:border-box} [hidden]{display:none!important} body{margin:0} svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0} a{color:var(--green)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem max(1rem,calc((100vw - 1240px)/2));background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.5rem;color:var(--ink);font-weight:750;text-decoration:none}.brand-symbol{display:grid;place-items:center;background:var(--green);color:white;width:2rem;height:2rem;border-radius:.5rem;font-size:1.2rem}.language{font-size:.8rem;color:var(--muted)}
main{max-width:1284px;margin:auto;padding:2rem 1rem;min-height:calc(100vh - 80px)} h1,h2,p{margin-top:0}h1{font-size:2.3rem;line-height:1.12;letter-spacing:-.055em;margin-bottom:1rem;font-weight:750}h2{font-size:1.2rem;line-height:1.25;letter-spacing:-.025em;margin-bottom:.65rem}p{overflow-wrap:anywhere;max-width:65ch}.intro{font-size:.85rem;font-weight:650;color:var(--green);margin-bottom:.6rem}.support{font-size:.8rem;color:var(--muted);margin:1rem 0 0}.welcome{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:65vh;padding:1rem 2rem}.welcome-copy h1{font-size:3.8rem}.welcome-copy>p:not(.intro){font-size:1.05rem;color:var(--muted);margin-bottom:2rem}.welcome-note{display:flex;align-items:center;gap:.55rem;font-size:.85rem;color:var(--green)}.login-panel{padding:2rem;background:var(--paper);border:1px solid var(--line);border-radius:1rem}.login-panel>p{font-size:.9rem;color:var(--muted)}.login-panel button{width:100%}
label{display:block;font-weight:650;font-size:.9rem;margin-bottom:.5rem}button,input,textarea,.button{font:inherit;border-radius:.55rem}button,.button{min-height:58px;padding:.65rem 1rem;border:2px solid var(--green);background:var(--green);color:white;font-weight:650;cursor:pointer;text-align:center;overflow-wrap:anywhere;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:.4rem}button:hover,.button:hover{background:#0c4433;border-color:#0c4433}button:disabled{opacity:.55;cursor:default}button.secondary{background:white;color:var(--green)}button.secondary:hover{background:var(--wash)}.text-button{border:0;background:transparent;color:var(--green);padding:.5rem;min-height:48px;font-size:.85rem}.text-button:hover{background:var(--wash);color:var(--green)}button.danger{background:transparent;color:var(--error);border-color:#d9b5b8;font-size:.85rem;min-height:48px}button.danger:hover{background:#fff0f0;border-color:var(--error)}input,textarea{width:100%;min-width:0;color:var(--ink);background:white;border:2px solid #718c7d;padding:.7rem;margin-bottom:.9rem;resize:vertical}textarea::placeholder{color:#576e60;opacity:1}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:4px solid var(--focus);outline-offset:4px}
#notice:empty,#voice-status:empty{display:none}#notice{border-left:5px solid var(--error);padding:.7rem 1rem;background:#fff0f0;font-weight:600}.page-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin:.5rem 0 1.5rem}.page-heading h1{font-size:2rem;max-width:23ch}.status-pill{font-size:.75rem;font-weight:650;border:1px solid var(--line);background:var(--paper);border-radius:1.5rem;padding:.4rem .65rem;flex-shrink:0;max-width:18rem}.setup-banner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid #b6d3c2;background:#e9f2eb;padding:1.2rem 1.4rem;border-radius:.7rem;margin-bottom:1.5rem}.setup-banner h2{font-size:1rem}.setup-banner p{font-size:.85rem;margin-bottom:0}.setup-banner .button{font-size:.85rem;flex-shrink:0}
.meal-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:1.3rem}.conversation{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:1rem;overflow:hidden}.assistant-heading{display:flex;align-items:center;gap:.55rem;padding:1rem 1.3rem;border-bottom:1px solid var(--line);font-size:.9rem;font-weight:650}.assistant-avatar{background:var(--wash);color:var(--green);width:1.7rem;height:1.7rem;display:grid;place-items:center;border-radius:50%;font-weight:750}.assistant-heading .text-button{margin-left:auto}.user-message{margin:1rem 1.3rem 0;padding:.6rem .8rem;background:var(--wash);border-radius:.5rem;font-size:.9rem;color:var(--muted)}#answer{font-size:1.18rem;font-weight:550;line-height:1.5;padding:1.4rem 1.5rem .6rem;min-height:100px;overflow-wrap:anywhere;white-space:pre-line;margin:0}#choices{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 1.3rem}#choices:empty{display:none}#choices button{flex:1 1 8rem;font-size:.9rem;background:var(--wash);color:var(--green)}.entry{display:grid;grid-template-columns:1fr;gap:.8rem;padding:.6rem 1.3rem 1.3rem}.voice{text-align:center;padding:.6rem 0 .2rem}.voice p{margin:.8rem auto 0;max-width:32ch;font-size:.85rem;color:var(--muted)}button.microphone{width:164px;height:164px;min-height:164px;border-radius:50%;display:inline-flex;flex-direction:column;gap:.5rem;border:8px solid #dfede3;box-shadow:0 0 0 1px #cedbd2;font-size:1rem}button.microphone svg{width:2.4rem;height:2.4rem;stroke-width:2.5}button.microphone[aria-pressed=true]{background:var(--error);border-color:#f7dee1}button.microphone[aria-pressed=true] svg{display:none}#record-label{max-width:6rem}.message-entry{display:flex;gap:.5rem;align-items:stretch}#message{font-size:.9rem;line-height:1.45;margin:0;min-height:80px}#send{padding:.5rem .7rem;flex-direction:column;font-size:.8rem;min-width:80px}#send svg{width:1.4rem;height:1.4rem}
.basket{border:1px solid var(--line);border-radius:.7rem;background:var(--paper);padding:1.2rem}.basket-heading{display:flex;align-items:center;gap:.6rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.basket-heading h2{margin:0;font-size:1.1rem}.basket-heading svg{color:var(--green)}#basket-empty{padding:1.4rem 0 .6rem}#basket-empty p{font-size:.85rem;color:var(--muted)}#basket-empty .basket-empty-title{font-weight:650;font-size:1rem;color:var(--ink)}#read-cart{width:100%;font-size:.9rem}.basket-note{font-size:.75rem;color:var(--muted);margin:1rem 0 0}.bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.5rem 0}.bottom-actions p{margin:0;font-size:.8rem;color:var(--muted)}#review{padding-top:1rem}#review button{width:100%;margin-top:.6rem;font-size:.9rem}#review p{font-size:.9rem}#summary{white-space:pre-line;font-weight:600}footer{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);font-size:.75rem;color:var(--muted)}
.connection-main{max-width:1400px}.connection-main h1{font-size:1.8rem}.connection-help{font-size:.9rem;color:var(--muted);max-width:65ch}.connection-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.connection-actions button{font-size:.9rem}.desktop{height:min(72vh,900px);min-height:420px;background:#e7ede8;border:1px solid var(--line);border-radius:.5rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.desktop p{padding:2rem;color:var(--muted);text-align:center}.desktop canvas{outline:none}.connection-status{padding:.75rem 1rem;background:var(--wash);border-radius:.5rem;font-size:.9rem;margin:1rem 0}.connection-login{max-width:24rem}
@media(max-width:1100px){.meal-layout{grid-template-columns:1fr}.basket{max-width:none}.welcome{gap:2rem;padding:1rem}.welcome-copy h1{font-size:3rem}.page-heading{flex-direction:column;gap:0}.status-pill{margin-top:0}.setup-banner{align-items:start;flex-direction:column;gap:.8rem}}
@media(max-width:700px){:root{font-size:22px}main{padding:1.2rem .75rem}.topbar{padding:.65rem .75rem}.welcome{grid-template-columns:1fr;padding:.5rem 0;gap:1.3rem}.welcome-copy h1{font-size:2.8rem}.welcome-copy>p:not(.intro){margin-bottom:.9rem}.login-panel{padding:1.2rem}.page-heading h1{font-size:1.8rem}.assistant-heading{padding:.75rem;font-size:.85rem;gap:.3rem}.assistant-heading .text-button{font-size:.75rem;padding:.25rem}.assistant-heading .text-button svg{display:none}#answer{padding:1rem .85rem .5rem;font-size:1.08rem}.entry{padding:.6rem .8rem 1rem}.message-entry{flex-direction:column}#send{flex-direction:row}.bottom-actions{align-items:stretch;flex-direction:column}.setup-banner{padding:1rem}.setup-banner .button{width:100%}footer{flex-direction:column;gap:.2rem}.desktop{min-height:350px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
#send{min-width:104px;white-space:nowrap;overflow-wrap:normal;flex-shrink:0}