@property --ai-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.chefai.chat{background:var(--bg);border:1px solid var(--edge);height:780px;font-family:var(--font-montserrat), "Montserrat", sans-serif;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.chefai *,.chefai :before,.chefai :after{box-sizing:border-box}.chefai.dark{--bg:#0d0d0b;--bg-glow-1:#8fa1701a;--bg-glow-2:#c9bc5a12;--panel:#f5f2e909;--panel-solid:#14140f;--ink:#f5f2e9;--muted:#97927f;--hairline:#f5f2e91a;--hairline-soft:#f5f2e90f;--edge:#f5f2e91f;--sage:#a3b383;--gold:#d4c665;--gold-dim:#d4c6658c;--user-bubble:#a3b38329;--user-ink:#edeadf;--input-bg:#f5f2e90b;--send-bg:#f5f2e9;--send-ink:#111;--shadow:none}.chefai.light{--bg:#faf8f3;--bg-glow-1:#6b7b5612;--bg-glow-2:#b5a8450f;--panel:#11111106;--panel-solid:#fff;--ink:#191914;--muted:#8a8674;--hairline:#1111111a;--hairline-soft:#1111110f;--edge:#eceae2;--sage:#6b7b56;--gold:#a99c3e;--gold-dim:#a99c3e99;--user-bubble:#6b7b561f;--user-ink:#23231c;--input-bg:#fff;--send-bg:#191914;--send-ink:#f5f2e9;--shadow:0 1px 3px #1111110d}.chefai.chat:before{content:"";background:radial-gradient(90% 55% at 18% -8%, var(--bg-glow-1), transparent 62%), radial-gradient(75% 45% at 92% 4%, var(--bg-glow-2), transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:0}.chefai .hdr{z-index:2;align-items:center;gap:12px;padding:16px 16px 14px 18px;display:flex;position:relative}.chefai .hdr:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--hairline) 12%, var(--sage) 48%, var(--gold-dim) 62%, var(--hairline) 88%, transparent 100%);opacity:.85;height:1px;position:absolute;bottom:0;left:0;right:0}.chefai .avatar{flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.chefai .avatar svg{z-index:1;display:block;position:relative}.chefai .avatar:before{content:"";background:conic-gradient(from var(--ai-angle), var(--hairline) 0%, var(--gold) 12%, var(--hairline) 26%, var(--hairline-soft) 48%, var(--sage) 60%, var(--hairline-soft) 74%, var(--hairline) 100%);-webkit-mask-composite:xor;border-radius:50%;padding:1px;animation:6s linear infinite ai-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ai-spin{to{--ai-angle:360deg}}.chefai .hdr .id{flex:1;min-width:0}.chefai .hdr .name{font-family:var(--font-montserrat), "Montserrat", sans-serif;color:var(--ink);letter-spacing:.01em;margin:0;font-size:17px;font-weight:600;line-height:1.1}.chefai .hdr .close{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.chefai .hdr .close:hover{background:var(--panel);color:var(--ink)}.chefai .thread{z-index:1;flex-direction:column;flex:1;gap:14px;padding:26px 18px 12px;display:flex;position:relative;overflow:hidden}.chefai .sugg{flex-direction:column;gap:8px;margin-top:6px;display:flex}.chefai .sugg.indent{margin-left:34px}.chefai .sugg .label{letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin:0 0 2px;padding-left:4px;font-size:9.5px;font-weight:600}.chefai .chip{border:1px solid var(--hairline);background:var(--panel);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;font-family:inherit;font-size:13.5px;font-weight:500;transition:border-color .18s,background .18s,transform .12s;display:flex}.chefai .chip:hover{border-color:var(--gold-dim)}.chefai .chip:active{transform:scale(.985)}.chefai .chip .n{font-family:var(--font-cormorant-garamond), "Cormorant Garamond", serif;color:var(--gold);text-align:center;flex:none;width:12px;font-size:17px;font-style:italic;line-height:1}.chefai .chip .arrow{color:var(--muted);opacity:0;margin-left:auto;transition:opacity .18s,transform .18s;transform:translate(-4px)}.chefai .chip:hover .arrow{opacity:1;transform:translate(0)}.chefai .msg{gap:10px;max-width:100%;animation:.32s cubic-bezier(.2,.7,.2,1) both msg-in;display:flex}@keyframes msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chefai .msg.user{justify-content:flex-end}.chefai .msg.user .bubble{background:var(--user-bubble);color:var(--user-ink);border:1px solid #0000;border-radius:16px 16px 4px}.chefai .msg.ai .mini{flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.chefai .msg.ai .bubble{background:var(--panel);border:1px solid var(--hairline-soft);color:var(--ink);border-radius:4px 16px 16px}.chefai .bubble{text-wrap:pretty;max-width:78%;padding:11px 15px;font-size:13.5px;line-height:1.6}.chefai .typing{align-items:center;gap:10px;animation:.32s both msg-in;display:flex}.chefai .typing .mini{flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.chefai .typing .dots{gap:5px;padding:14px 15px;display:flex}.chefai .typing .dots i{background:var(--gold);border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite t-pulse}.chefai .typing .dots i:nth-child(2){background:var(--sage);animation-delay:.18s}.chefai .typing .dots i:nth-child(3){animation-delay:.36s}@keyframes t-pulse{0%,to{opacity:.25;transform:scale(1)}40%{opacity:1;transform:scale(1.5)}}.chefai .composer{z-index:2;align-items:center;gap:10px;padding:14px 16px 18px;display:flex;position:relative}.chefai .composer:before{content:"";background:linear-gradient(90deg, transparent, var(--hairline) 30%, var(--hairline) 70%, transparent);height:1px;position:absolute;top:0;left:18px;right:18px}.chefai .field{background:var(--input-bg);height:48px;box-shadow:var(--shadow);border-radius:999px;flex:1;align-items:center;display:flex;position:relative}.chefai .field:before{content:"";background:var(--hairline);-webkit-mask-composite:xor;pointer-events:none;border-radius:999px;padding:1px;transition:opacity .2s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chefai .field:focus-within:before{background:conic-gradient(from var(--ai-angle), var(--hairline) 0%, var(--gold) 12%, var(--hairline) 26%, var(--hairline-soft) 48%, var(--sage) 60%, var(--hairline-soft) 74%, var(--hairline) 100%);animation:5s linear infinite ai-spin}.chefai .field input{height:100%;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0 20px;font-family:inherit;font-size:13.5px}.chefai .field input::placeholder{color:var(--muted)}.chefai .send{background:var(--send-bg);width:48px;height:48px;color:var(--send-ink);cursor:pointer;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .13s,opacity .13s;display:flex}.chefai .send:hover{transform:scale(1.05)}.chefai .send:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.chefai .avatar:before,.chefai .field:focus-within:before,.chefai .msg,.chefai .typing{animation:none!important}.chefai .typing .dots i{opacity:.6;animation:none!important}}
.chefai.chat.chefai-fullscreen{z-index:200;background:var(--bg);border:none;border-radius:0;flex-direction:column;width:100%;max-width:100%;height:100dvh;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.chefai.chefai-fullscreen .composer{background:var(--bg);padding-bottom:max(18px, env(safe-area-inset-bottom));flex-shrink:0;margin-top:auto}.chefai.chefai-fullscreen.keyboard-open .composer{padding-bottom:8px}.chefai.chefai-fullscreen .thread{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior-y:contain;touch-action:pan-y;cursor:grab;flex:auto;min-height:0;overflow:hidden auto}.chefai.chefai-fullscreen .thread:active{cursor:grabbing}.chefai.dark.chefai-fullscreen .thread{scrollbar-width:thin;scrollbar-color:#f5f2e933 transparent}.chefai.light.chefai-fullscreen .thread{scrollbar-width:thin;scrollbar-color:#11111126 transparent}.chefai.chefai-fullscreen .thread::-webkit-scrollbar{width:8px}.chefai.dark.chefai-fullscreen .thread::-webkit-scrollbar-thumb{background:#f5f2e933;border-radius:4px}.chefai.light.chefai-fullscreen .thread::-webkit-scrollbar-thumb{background:#11111126;border-radius:4px}.chefai .recommendations{max-width:none;margin:8px -18px 4px 34px}.chefai-recs-carousel{touch-action:pan-x;cursor:grab;position:relative}.chefai-recs-carousel:active{cursor:grabbing}.chefai-recs-fade{z-index:2;pointer-events:none;width:40px;position:absolute;top:0;bottom:0}.chefai-recs-fade--right{background:linear-gradient(to left, var(--bg) 30%, transparent);right:0}.chefai-recs-fade--left{background:linear-gradient(to right, var(--bg) 30%, transparent);left:0}.chefai-recs-nav{z-index:3;border:1px solid var(--hairline);background:var(--panel);width:28px;height:28px;color:var(--ink);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000014}.chefai-recs-nav:hover{border-color:var(--gold-dim);background:var(--bg)}.chefai-recs-nav:active{transform:translateY(-50%)scale(.94)}.chefai-recs-nav svg{width:16px;height:16px}.chefai-recs-nav--right{right:6px}.chefai-recs-nav--left{left:6px}.chefai-recs-nav:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.chefai-recs-dots{justify-content:center;gap:6px;margin-top:10px;padding-right:18px;display:flex}.chefai-recs-dot{background:var(--hairline);cursor:pointer;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:background .15s,transform .15s}.chefai-recs-dot--active{background:var(--sage);transform:scale(1.2)}.chefai-recs-dot:focus-visible{outline:2px solid var(--sage);outline-offset:2px}.chefai .guided-other .label{letter-spacing:.22em;text-transform:uppercase;color:var(--sage);margin:0 0 2px;padding-left:4px;font-size:9.5px;font-weight:600}.chefai .guided-other{flex-direction:column;gap:10px;margin-left:34px;display:flex}.chefai .guided-other input{border:1px solid var(--hairline);background:var(--input-bg);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:12px 16px;font-family:inherit;font-size:13.5px}.chefai .guided-other input::placeholder{color:var(--muted)}.chefai .guided-other-actions{justify-content:flex-end;gap:8px;display:flex}.chefai .guided-other-actions button{border:1px solid var(--hairline);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:500}.chefai .guided-other-actions button.primary{background:var(--send-bg);color:var(--send-ink);border-color:#0000}.chefai .guided-other-actions button:disabled{opacity:.45;cursor:not-allowed}