:root{color:#30251e;background:#f5efe6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.landing{align-items:center;background:radial-gradient(circle at 15% 20%,rgba(222,188,135,.28),transparent 32%),#f5efe6;display:flex;justify-content:center;min-height:100vh;padding:24px}.landing-card{background:#fffcf7e6;border:1px solid rgba(78,54,37,.1);border-radius:28px;box-shadow:0 24px 60px #4b331d1f;max-width:520px;padding:56px;text-align:center}.landing-avatar{margin:0 auto 20px;width:168px}.eyebrow{color:#a66e3f;font-size:11px;font-weight:800;letter-spacing:.16em;margin:0}h1,h2,p{margin-top:0}h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,62px);font-weight:400;letter-spacing:-.04em;line-height:.98;margin:20px 0}.intro{color:#75675c;font-size:17px;line-height:1.6;margin-bottom:32px}.primary-button,.send-button{background:#31594c;border:0;border-radius:12px;color:#fffdf8;font-weight:700;transition:transform .16s ease,background .16s ease}.primary-button:hover,.send-button:hover{background:#24473d;transform:translateY(-1px)}.large-button{padding:16px 24px}.app-shell{min-height:100vh;padding:24px clamp(18px,5vw,72px) 48px}.topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto 32px;max-width:1320px}.session-label{color:#887a6c;font-size:13px;margin:5px 0 0}.reset-button{background:transparent;border:1px solid #cfbdaa;border-radius:10px;color:#6e5849;font-size:13px;font-weight:700;padding:10px 14px}.workspace{display:grid;gap:28px;grid-template-columns:minmax(0,3fr) minmax(340px,2fr);margin:0 auto;max-width:1320px}.conversation-column,.order-column{background:#fffcf7db;border:1px solid rgba(78,54,37,.1);border-radius:22px;box-shadow:0 16px 48px #4b331d0f}.conversation-column{display:flex;flex-direction:column;min-height:680px;padding:clamp(18px,3vw,34px)}.associate-stage{align-items:center;display:flex;flex:1;flex-direction:column;gap:6px;text-align:center}.sarah{position:relative;width:clamp(220px,24vw,300px)}.sarah-svg{display:block;height:auto;width:100%}.sarah--ready .sarah-figure,.sarah--listening .sarah-figure,.sarah--speaking .sarah-figure{animation:sarah-breathe 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}.sarah-lid{animation:sarah-blink 5.4s ease-in-out infinite;opacity:0}@keyframes sarah-blink{0%,91%,to{opacity:0}93%,96%{opacity:1}}@keyframes sarah-breathe{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.015) translateY(-2px)}}.sarah-halo{fill:none;opacity:0;stroke:#31594c;stroke-width:2;transform-box:fill-box;transform-origin:center}.sarah--listening .sarah-halo--outer{animation:sarah-halo 2.4s ease-out infinite}.sarah--listening .sarah-halo--inner{animation:sarah-halo 2.4s ease-out 1.2s infinite}@keyframes sarah-halo{0%{opacity:.45;transform:scale(.96)}to{opacity:0;transform:scale(1.08)}}.sarah-thinking{opacity:0}.sarah--thinking .sarah-thinking{opacity:1}.sarah-think-dot{animation:sarah-think 1.4s ease-in-out infinite;fill:#a66e3f}.sarah-think-dot:nth-child(2){animation-delay:.18s}.sarah-think-dot:nth-child(3){animation-delay:.36s}@keyframes sarah-think{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(-6px);opacity:1}}.sarah-mic{opacity:0}.sarah--listening .sarah-mic{opacity:1}.sarah-mouth-open{opacity:0;transform-box:fill-box;transform-origin:center}.sarah--speaking .sarah-smile{opacity:0}.sarah--speaking .sarah-mouth-open{animation:sarah-talk .28s ease-in-out infinite alternate;opacity:1}@keyframes sarah-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.sarah-wave{fill:none;opacity:0;stroke:#31594c;stroke-linecap:round;stroke-width:4}.sarah--speaking .sarah-wave{animation:sarah-wave .9s ease-in-out infinite;opacity:1}.sarah--speaking .sarah-wave:nth-child(2){animation-delay:.2s}@keyframes sarah-wave{0%,to{opacity:.25}50%{opacity:.9}}.associate-name{font-family:Georgia,serif;font-size:34px;letter-spacing:-.02em;margin:4px 0 0}.associate-role{color:#887a6c;font-size:14px;margin:0}.associate-state{border-radius:99px;font-size:14px;font-weight:800;letter-spacing:.08em;margin:8px 0 0;padding:8px 18px;text-transform:uppercase}.associate-state--ready,.associate-state--speaking{background:#e6efe9;color:#31594c}.associate-state--listening{background:#31594c;color:#fffdf8}.associate-state--thinking{background:#f3e4cd;color:#866040}.conversation-exchange{display:flex;flex-direction:column;gap:10px;margin-top:16px;max-width:660px;width:100%}.exchange-line{border-radius:18px;font-size:17px;line-height:1.55;margin:0;padding:14px 18px;text-align:left}.exchange-speaker{display:block;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:4px;opacity:.7;text-transform:uppercase}.exchange-line--sarah{background:#eee5d8;border:1px solid #e2d5c2;color:#352a21;font-size:19px}.exchange-line--customer{align-self:flex-end;background:transparent;border:1px dashed #d8c6b3;color:#6e5849;font-style:italic}.conversation-history{border-top:1px solid #eadfd3;margin-top:18px;max-height:148px;overflow-y:auto;padding-top:12px;width:100%}.history-line{color:#a59687;font-size:12.5px;line-height:1.45;margin:5px 0;opacity:.75}.history-line .exchange-speaker{display:inline;font-size:10px;margin-bottom:0;margin-right:6px}.recommendation-strip{margin-top:20px;max-width:720px;width:100%}.recommendation-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:10px}.menu-card{background:#fffaf2;border:1px solid #e2cfbb;border-radius:18px;color:#30251e;display:flex;flex-direction:column;gap:8px;min-height:120px;padding:18px;text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.menu-card:hover:not(:disabled){border-color:#a66e3f;box-shadow:0 10px 26px #4b331d1f;transform:translateY(-2px)}.menu-card:focus-visible{outline:3px solid #a66e3f;outline-offset:2px}.menu-card-art{background:radial-gradient(circle at 35% 30%,#ffe9c4,#f4cf9a);border-radius:14px;display:block;font-size:34px;height:64px;line-height:64px;text-align:center}.menu-card-name{font-family:Georgia,serif;font-size:18px}.menu-card-description{color:#75675c;display:block;font-size:12.5px;line-height:1.45}.menu-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.menu-card-price{color:#31594c;font-size:14px;font-weight:800}.menu-card-badge{border-radius:99px;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:4px 9px;text-transform:uppercase}.menu-card-badge--vegetarian{background:#e2ecdc;color:#3e5f3a}.menu-card-badge--spicy{background:#f7dfd4;color:#a2432e}.composer{display:flex;gap:10px}.composer input{background:#fffdf9;border:1px solid #d8c6b3;border-radius:14px;color:#30251e;flex:1;font-size:17px;min-width:0;outline:none;padding:17px 18px}.composer input:focus{border-color:#a66e3f;box-shadow:0 0 0 3px #a66e3f1f}.send-button{font-size:16px;min-height:56px;padding:0 28px}.voice-button{background:#eee5d8;border:1px solid #d8c6b3;border-radius:14px;color:#5f4b3c;font-size:14px;font-weight:750;min-height:56px;min-width:128px;padding:0 14px}.voice-button:hover:not(:disabled){border-color:#a66e3f}.voice-button.voice-active{background:#31594c;border-color:#31594c;color:#fffdf8}.fallback-note{color:#9c8d7e;font-size:11px;margin:10px 2px 0;text-align:center}.order-column{align-self:start;min-height:420px;padding:26px;position:sticky;top:24px}.order-header{align-items:flex-start;display:flex;justify-content:space-between}.order-header h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:8px 0 0}.draft-badge{background:#e9d8c3;border-radius:99px;color:#866040;font-size:11px;font-weight:800;padding:6px 9px;text-transform:uppercase}.empty-order{color:#847466;padding:64px 15px;text-align:center}.empty-cup{font-size:40px;margin-bottom:13px}.empty-order p{margin-bottom:5px}.empty-order span{color:#a59687;font-size:12px}.order-lines{border-bottom:1px solid #eadfd3;margin-top:30px;padding-bottom:16px}.order-line{align-items:flex-start;border-radius:12px;display:grid;gap:10px;grid-template-columns:28px 1fr auto;margin:0 -8px;padding:11px 8px;transition:background .4s ease,box-shadow .4s ease}.order-line--changed{animation:order-flash 2s ease-out}@keyframes order-flash{0%{background:#f6e3b8;box-shadow:0 0 0 2px #e3b26a}to{background:transparent;box-shadow:none}}.line-quantity{color:#a66e3f;font-weight:700}.line-details{display:flex;flex-direction:column;gap:4px}.line-details strong{font-size:14px}.line-details span{color:#897a6b;font-size:12px;line-height:1.4}.order-total{display:flex;font-size:14px;justify-content:space-between;padding:18px 0 8px}.preference-panel{border-top:1px solid #eadfd3;margin-top:24px;padding-top:21px}.preference-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.preference-chip{background:#eee5d8;border-radius:99px;color:#705b48;font-size:11px;padding:6px 8px}.error-message,.error-banner{color:#a23d35;font-size:13px}.error-banner{background:#f7e3df;border-radius:10px;margin-bottom:12px;padding:10px 12px}.category-bar{display:flex;gap:8px;margin:-8px auto 24px;max-width:1320px;overflow-x:auto;padding-bottom:4px}.category-button{background:#fffcf7db;border:1px solid #e0cdbb;border-radius:99px;color:#6e5849;flex:0 0 auto;font-size:15px;font-weight:700;padding:13px 22px;transition:background .16s ease,border-color .16s ease,color .16s ease}.category-button:hover{background:#31594c;border-color:#31594c;color:#fffdf8}.line-variant,.line-toppings,.line-extras,.line-removed,.line-special{color:#897a6b;font-size:12px;line-height:1.4}.line-extras{color:#9a6b2f;font-weight:600}.line-removed{color:#a23d35;font-style:italic}.line-special{color:#705b48;font-size:11px;font-style:italic}.confirm-order-button{background:#31594c;border:0;border-radius:12px;color:#fffdf8;font-size:14px;font-weight:700;margin-top:12px;padding:13px 16px;transition:background .16s ease,transform .16s ease;width:100%}.confirm-order-button:hover{background:#24473d;transform:translateY(-1px)}.order-review{background:#fffaf2;border:1px solid #e2cfbb;border-radius:12px;margin-top:12px;padding:14px}.review-line{display:flex;font-size:13px;justify-content:space-between;padding:5px 0}.review-line span{color:#6e5849}.review-total{border-top:1px solid #eadfd3;display:flex;font-size:13px;font-weight:700;justify-content:space-between;margin-top:8px;padding-top:9px}.review-note{color:#a59687;font-size:11px;font-style:italic;margin:9px 0 0}@media(max-width:820px){.workspace{grid-template-columns:1fr}.order-column{position:static}.conversation-column{min-height:620px}.composer{flex-wrap:wrap}.voice-button{height:46px}}.sarah-poc{width:clamp(240px,26vw,340px)}.sarah-poc-sway{animation:sarah-poc-sway 7s ease-in-out infinite;transform-origin:50% 90%;transition:transform .3s ease}.sarah-poc-breathe{animation:sarah-poc-breathe 4.2s ease-in-out infinite;transform-origin:50% 100%;transition:transform .3s ease}.sarah-poc-frame{aspect-ratio:4 / 5;background:#f5efe6;border-radius:22px;box-shadow:0 18px 40px #30251e29;overflow:hidden;position:relative}.sarah-poc-layer{height:100%;top:0;right:0;bottom:0;left:0;object-fit:cover;opacity:0;position:absolute;transition:opacity var(--sarah-fade, .26s) ease;-webkit-user-select:none;user-select:none;width:100%}.sarah-poc-layer--on{opacity:1}.sarah-poc-layer--blink{clip-path:inset(22.5% 22% 65.5% 31% round 28px);transition:opacity 70ms ease-in-out}.sarah-poc-layer--speak-mid,.sarah-poc-layer--speak-wide{clip-path:inset(33% 30% 52% 36% round 28px)}.sarah--listening .sarah-poc-sway{animation-play-state:paused;transform:rotate(1.1deg) translateY(5px) scale(1.015)}.sarah--thinking .sarah-poc-sway{animation-play-state:paused;transform:rotate(-1.6deg) translateY(1px)}.sarah--listening .sarah-poc-breathe{animation-duration:6s}.sarah-poc-halo{display:none}.sarah--listening .sarah-poc-halo{animation:sarah-poc-halo 2.4s ease-out infinite;border:3px solid rgba(49,89,76,.4);border-radius:50%;display:block;top:5%;right:5%;bottom:5%;left:5%;position:absolute}.sarah-poc-thoughts{display:none}.sarah--thinking .sarah-poc-thoughts{display:flex;gap:7px;position:absolute;right:13%;top:13%}.sarah-poc-thoughts i{animation:sarah-poc-think 1.8s ease-in-out infinite;background:#d8c6b3;border-radius:50%;display:block}.sarah-poc-thoughts i:nth-child(1){height:9px;width:9px}.sarah-poc-thoughts i:nth-child(2){animation-delay:.22s;height:12px;width:12px}.sarah-poc-thoughts i:nth-child(3){animation-delay:.44s;height:15px;width:15px}@keyframes sarah-poc-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.015) translateY(-2px)}}@keyframes sarah-poc-sway{0%,to{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}@keyframes sarah-poc-halo{0%{opacity:0;transform:scale(.96)}30%{opacity:.55}to{opacity:0;transform:scale(1.09)}}@keyframes sarah-poc-think{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.sarah-poc--reduced .sarah-poc-sway,.sarah-poc--reduced .sarah-poc-breathe,.sarah-poc--reduced .sarah-poc-halo,.sarah-poc--reduced .sarah-poc-thoughts i{animation:none}.sarah--listening.sarah-poc--reduced .sarah-poc-halo{opacity:.45;transform:none}.sarah--thinking.sarah-poc--reduced .sarah-poc-thoughts i{opacity:.9;transform:none}@media(prefers-reduced-motion:reduce){.sarah-poc-sway,.sarah-poc-breathe,.sarah-poc-halo,.sarah-poc-thoughts i{animation:none}}