:root{font-family:system-ui,-apple-system,"Noto Sans SC",sans-serif;color:#1b2b22;background:#f2f5f1}*{box-sizing:border-box}body{margin:0}.chat-shell{max-width:900px;min-height:100vh;margin:auto;padding:32px 18px;display:flex;flex-direction:column}.chat-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:12px 4px 22px;border-bottom:1px solid #dbe4dc}.eyebrow{font-size:12px;letter-spacing:2px;color:#528266;margin:0 0 7px}h1{font-size:clamp(28px,5vw,42px);margin:0 0 7px}.sub{color:#647368;margin:0;font-size:14px}.messages{flex:1;display:flex;flex-direction:column;gap:18px;padding:28px 0;min-height:340px}.message{max-width:min(92%,700px);border-radius:16px;padding:14px 18px;line-height:1.65;overflow-wrap:anywhere;box-shadow:0 2px 10px #172b1c09}.message p{margin:4px 0 0;white-space:pre-wrap}.message.user{align-self:flex-end;background:#276749;color:white;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#fff;border:1px solid #dce6dc;border-bottom-left-radius:4px}.message.roast{background:#fff8eb;border-color:#f1dfbd}.message.final{background:#eaf4eb;border-color:#c9dfcb;width:100%}.speaker{font-size:12px;font-weight:700;letter-spacing:.04em;opacity:.75}.nutrition-title{font-weight:700;margin:6px 0 10px}.nutrition-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.nutrition-grid>div{background:#f2f7f2;border-radius:9px;padding:10px}.nutrition-grid strong,.nutrition-grid span{display:block}.nutrition-grid strong{font-size:18px}.nutrition-grid span{font-size:12px;color:#62766a}.final .nutrition-grid>div{background:white}.food-list,.unknown{font-size:13px;color:#607267;margin:10px 0 0}.unknown{color:#9b6032}.estimate-note{margin-top:8px;color:#9b6032;background:#fff8eb;padding:8px 10px;border-radius:7px;font-size:12px}.mode{font-size:12px;color:#718174;margin-top:10px}.composer{background:white;border:1px solid #d8e2d9;border-radius:16px;padding:12px;box-shadow:0 9px 28px #1635200d}.composer textarea{display:block;width:100%;resize:vertical;min-height:62px;max-height:170px;border:0;outline:0;padding:10px;font:inherit;color:inherit}.composer-options{display:flex;align-items:center;gap:14px;padding:5px 10px 10px;color:#53685a;font-size:13px}.composer-options label{display:flex;align-items:center;gap:7px;cursor:pointer}.composer-options input{accent-color:#276749;width:16px;height:16px}.composer-options span{color:#869188;font-size:12px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 4px 4px}.composer-actions span{font-size:12px;color:#7a887e}button{border:0;border-radius:10px;cursor:pointer;font:inherit;padding:10px 16px}.composer button{background:#276749;color:white;min-width:80px}.end-button,.restart-button{background:#e2ede4;color:#285b3d;white-space:nowrap}.restart-button{align-self:center;margin:18px}.composer button:disabled,.end-button:disabled{opacity:.5;cursor:wait}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:600px){.chat-shell{padding:18px 12px}.chat-header{align-items:flex-start}.end-button{font-size:13px;padding:9px}.nutrition-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.composer-actions span{font-size:11px}.composer-options{align-items:flex-start;flex-direction:column;gap:4px}}