*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;position:fixed;overflow:hidden}:root{--bg:#11171a;--bg-bottom:#000;--dock-bg:#213030d1;--border:#ffffff1c;--border-sheet:#fff3;--input-bg:#ffffff26;--input-border:#ffffff40;--text-primary:#fffc;--text-secondary:#ffffff80;--accent-live:#4caf50;--accent-green:#17b762;--accent-cyan:#00bcff;--user-bubble:#103d3b;--asst-bubble:#19424d99;--end-btn:#ff4b4b;--error:#ff4b4b;--btn-bg:#ffffff17;--header-menu-bg:#ffffff0d}body{background:linear-gradient(to bottom, var(--bg) 0%, var(--bg-bottom) 100%);color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}#resume-btn{margin-top:20px;padding:12px 32px;font-size:.9rem;display:none}#resume-btn.visible{display:block}#session-screen{background:#fff;flex-direction:column;height:100dvh;display:none;position:fixed;top:0;left:0;right:0;overflow:hidden}.hdr-btn{top:max(16px, env(safe-area-inset-top,16px));z-index:30;color:#fff;cursor:pointer;background:#0000002e;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:fixed;right:16px}.hdr-btn:hover{background:#00000047}.hdr-btn svg{width:18px;height:18px}.live-dot{top:max(24px, calc(env(safe-area-inset-top,16px) + 8px));z-index:30;background:#4caf50;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite blink;display:none;position:fixed;right:60px}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}#avatar-wrap{background:#fff;flex:0 0 25%;justify-content:center;align-items:flex-end;min-height:0;display:flex;overflow:hidden}#avatar{object-fit:contain;object-position:bottom center;width:auto;height:100%;transform:translateY(32px)}#dock{background:#f2f2f2;border-radius:24px 24px 0 0;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}#status-label{z-index:6;text-align:center;pointer-events:none;padding:14px 16px 6px;position:absolute;top:0;left:0;right:0}#status-text{color:#b70000;font-size:.85rem;font-style:italic;font-weight:600}#transcript-scroll{scroll-behavior:smooth;flex-direction:column;gap:12px;padding:72px 16px 180px;display:flex;position:absolute;inset:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 56px calc(100% - 140px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 56px calc(100% - 140px),#0000 100%)}#transcript-scroll::-webkit-scrollbar{width:3px}#transcript-scroll::-webkit-scrollbar-track{background:0 0}#transcript-scroll::-webkit-scrollbar-thumb{background:#0000001f;border-radius:2px}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bubble{border-radius:20px;max-width:82%;padding:14px 16px;font-size:.925rem;line-height:1.5;animation:.2s bubble-in}.bubble.user{color:#fff;background:#3a3f4a;border-radius:20px 20px 4px;align-self:flex-end}.bubble.assistant{color:#1a1a1a;background:#fff;border-radius:20px 20px 20px 4px;align-self:flex-start;box-shadow:0 1px 4px #0000001a}.bubble.interim{opacity:1}.bubble-menu-btn{color:#b70000;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;margin-top:8px;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline;display:block}.bubble-menu-btn:hover{opacity:.75}.bill-bubble{background:#fff;border-radius:16px;flex-direction:column;align-self:center;gap:12px;width:90%;padding:16px;animation:.2s bubble-in;display:flex;box-shadow:0 2px 12px #0000001a}.bill-header{justify-content:space-between;align-items:center;display:flex}.bill-title{color:#1a1a1a;font-size:.95rem;font-weight:700}.bill-view-items{color:#2e7d32;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:500;text-decoration:underline}.bill-items-list{flex-direction:column;gap:12px;display:none}.bill-items-list.open{display:flex}.bill-item-row{align-items:center;gap:10px;display:flex}.bill-item-img{object-fit:cover;background:#f0f0f0;border-radius:6px;flex-shrink:0;width:36px;height:36px}.bill-item-name{color:#444;flex:1;font-size:.8rem}.bill-item-price{color:#1a1a1a;flex-shrink:0;font-size:.8rem;font-weight:600}.bill-divider{background:#efefef;height:1px}.bill-breakdown{flex-direction:column;gap:14px;display:flex}.bill-row{align-items:center;gap:6px;display:flex}.bill-row-label{color:#555;flex:1;font-size:.82rem}.bill-row-sep{color:#999;font-size:.82rem}.bill-row-value{color:#1a1a1a;text-align:right;min-width:56px;font-size:.82rem;font-weight:600}.bill-pay-btn{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:opacity .15s}.bill-pay-btn:active{opacity:.85}#bottom-area{z-index:10;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.btn-resume{width:calc(100% - 32px);margin:12px 16px;margin-bottom:calc(12px + env(safe-area-inset-bottom,0px));color:#fff;cursor:pointer;background:#b70000;border:none;border-radius:50px;justify-content:center;align-self:center;align-items:center;max-width:340px;padding:14px 40px;font-size:.9rem;font-weight:600;transition:opacity .2s;display:flex}.btn-resume:hover{opacity:.88}#controls-row{padding-top:12px;padding-left:max(16px, env(safe-area-inset-left,16px));padding-right:max(20px, calc(env(safe-area-inset-right,0px) + 20px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:0 0;align-items:center;gap:10px;transition:transform .35s cubic-bezier(.4,0,.2,1),gap .25s;display:flex;transform:translateY(110%)}#controls-row.slide-in{transform:translateY(0)}#controls-row.input-focused{gap:0}.ctrl-btn{flex-grow:0;flex-shrink:0;transition:width .25s,opacity .25s,transform .25s;overflow:hidden}#controls-row.input-focused .ctrl-btn{opacity:0;pointer-events:none;transform:scale(.75);width:0!important}#text-input-wrap{background:#fff;border:none;border-radius:50px;flex:auto;align-items:center;min-width:0;height:clamp(44px,12vw,56px);padding:0 6px 0 18px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001f}#text-input{color:#1a1a1a;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-size:clamp(.82rem,3.5vw,.95rem)}#text-input::placeholder{color:#aaa}#send-btn{color:#fff;cursor:pointer;background:#b70000;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:0;transition:opacity .2s;display:flex}#send-btn:hover{opacity:.85}#send-btn svg{width:38%;height:38%}.ctrl-btn{aspect-ratio:1;color:#fff;cursor:pointer;background:#3a3f4a;border:none;border-radius:50%;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;width:clamp(40px,13%,56px);transition:background .2s,width .25s,opacity .25s,transform .25s;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000002e}.ctrl-btn:hover{background:#4a5060}.ctrl-btn:active{background:#2a2f38}.ctrl-btn.active-btn{background:#b70000}.ctrl-btn svg{width:42%;height:42%}#banner{z-index:25;color:#fff;background:#cc1010eb;align-items:center;gap:10px;padding:10px 16px;font-size:.85rem;display:none;position:absolute;top:0;left:0;right:0}#banner.info{background:#17b762eb}#banner-msg{flex:1}#banner-close{cursor:pointer;color:#fff;opacity:.8;background:0 0;border:none;font-size:1rem}#menu-overlay{z-index:50;opacity:0;background:#00000073;transition:opacity .3s;display:none;position:fixed;inset:0}#menu-overlay.visible{opacity:1;display:block}#menu-sheet{z-index:51;background:#fff;border-radius:20px 20px 0 0;flex-direction:column;height:65dvh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}#menu-sheet.open{transform:translateY(0)}#menu-sheet-handle{background:#e0e0e0;border-radius:2px;flex-shrink:0;align-self:center;width:36px;height:4px;margin:10px 0 0}#menu-sheet-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex}#menu-sheet-title{color:#1a1a1a;font-size:1.2rem;font-weight:700}#menu-sheet-close{cursor:pointer;background:#f2f2f2;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}#menu-sheet-close svg{stroke:#444;width:16px;height:16px}#menu-categories{scrollbar-width:none;flex-shrink:0;gap:8px;padding:0 16px 12px;display:flex;overflow-x:auto}#menu-categories::-webkit-scrollbar{display:none}.menu-cat-chip{color:#555;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e0e0e0;border-radius:50px;flex-shrink:0;padding:6px 14px;font-size:.82rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.menu-cat-chip.active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}#menu-items{flex:1;padding:0;overflow-y:auto}.menu-item-row{align-items:center;gap:12px;padding:14px 20px;display:flex}.menu-item-info{flex:1;min-width:0}.menu-item-name{color:#1a1a1a;margin-bottom:4px;font-size:.95rem;font-weight:600;line-height:1.35}.menu-item-price{color:#2e7d32;font-size:.95rem;font-weight:700}.menu-item-qty{color:#888;margin-top:2px;font-size:.78rem}.menu-item-img-wrap{background:#f5f5f5;border-radius:10px;flex-shrink:0;width:88px;height:88px;position:relative;overflow:hidden}.menu-item-img-wrap.no-image{background:#eee}.menu-item-img{object-fit:cover;width:100%;height:100%;display:block}.menu-item-add{color:#fff;letter-spacing:.04em;cursor:pointer;background:#2e7d32;border:none;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:background .15s;position:absolute;bottom:6px;right:6px}.menu-item-add.added{background:#1b5e20}.menu-item-stepper{background:#2e7d32;border-radius:6px;align-items:center;gap:0;display:flex;position:absolute;bottom:6px;right:6px;overflow:hidden}.stepper-btn{color:#fff;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1rem;font-weight:700;transition:background .12s;display:flex}.stepper-btn:active{background:#00000026}.stepper-count{text-align:center;color:#fff;min-width:20px;font-size:.82rem;font-weight:700}#menu-place-order{margin:10px 16px max(14px, env(safe-area-inset-bottom,14px));color:#fff;cursor:pointer;background:#1a1a1a;border:none;border-radius:14px;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;transition:opacity .15s;display:flex}#menu-place-order:active{opacity:.85}.po-units{background:#ffffff2e;border-radius:50px;padding:3px 9px;font-size:.78rem}.po-label{text-align:center;flex:1;font-size:.95rem;font-weight:600}.menu-item-divider{background:#f0f0f0;height:1px;margin:0 20px}.menu-empty{text-align:center;color:#aaa;padding:40px 20px;font-size:.9rem}#summary-overlay{z-index:30;text-align:center;background:#fffffff5;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px 24px;display:none;position:absolute;inset:0}#summary-overlay h2{color:#b70000;font-size:1.2rem;font-weight:700}#summary-text{color:#444;text-align:left;max-width:400px;max-height:40vh;font-size:.9rem;line-height:1.7;overflow-y:auto}#dock.inactive #controls-row{display:none}#dock.inactive #resume-btn{pointer-events:auto;opacity:1}#landing-screen{z-index:100;flex-direction:column;align-items:center;transition:opacity .45s,transform .45s;display:flex;position:fixed;inset:0;overflow:hidden}#landing-screen.hide{opacity:0;pointer-events:none;transform:scale(.97)}#landing-bg{z-index:0;background:#fff;position:absolute;inset:0}#landing-top{z-index:2;padding-top:max(48px, env(safe-area-inset-top,48px));text-align:center;flex-direction:column;align-items:center;gap:12px;padding-left:24px;padding-right:24px;display:flex;position:relative}#brand-logo{justify-content:center;align-items:center;display:flex}#brand-logo-img{object-fit:contain;width:auto;height:80px}#landing-headline{color:#1a1a1a;max-width:360px;font-size:clamp(1.45rem,5vw,1.9rem);font-weight:700;line-height:1.3}#landing-sub{color:#888;letter-spacing:.04em;font-size:.88rem}#landing-avatar-wrap{z-index:2;flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}#landing-avatar{object-fit:contain;object-position:bottom center;width:100%;max-width:420px;height:100%;max-height:100%;display:block}#landing-avatar-wrap:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#0000 0%,#ffdcdc80 100%);height:25%;position:absolute;bottom:0;left:0;right:0}#landing-bottom{z-index:5;padding:0 24px calc(max(32px, env(safe-area-inset-bottom,32px)) + 8px);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}@keyframes btn-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes btn-arrow-bounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}#start-btn{color:#fff;letter-spacing:.01em;cursor:pointer;background:#1a1a1a;border:none;border-radius:50px;justify-content:space-between;align-items:center;width:100%;max-width:340px;padding:18px 24px 18px 32px;font-size:1.05rem;font-weight:600;transition:filter .15s;animation:1.6s ease-in-out infinite btn-breathe;display:flex}#start-btn:hover{filter:brightness(1.08);animation:none}#start-btn:active{animation:none;transform:scale(.97)}#start-btn span{text-align:center;flex:1}#start-btn svg{opacity:.85;flex-shrink:0;width:22px;height:22px;animation:1.8s ease-in-out infinite btn-arrow-bounce}#landing-hint{color:#000c;text-align:center;font-size:.78rem}@media (orientation:landscape) and (height<=600px){#landing-avatar-wrap:after{height:30%;position:fixed;bottom:0;left:0;right:0}#landing-screen{flex-direction:row;align-items:stretch}#landing-top{padding-top:max(24px, env(safe-area-inset-top,24px));padding-bottom:24px;padding-left:max(32px, env(safe-area-inset-left,32px));text-align:left;flex:1;justify-content:center;align-items:flex-start;gap:10px;padding-right:24px}#brand-logo-img{height:52px}#landing-headline{max-width:none;font-size:clamp(1.1rem,3.5vw,1.5rem)}#landing-avatar-wrap{flex:1;justify-content:center;align-items:flex-end;overflow:visible}#landing-avatar{object-position:bottom center;width:auto;max-width:100%;height:100%;max-height:100%}#landing-bottom{padding:0 max(24px, env(safe-area-inset-right,24px)) max(16px, env(safe-area-inset-bottom,16px));gap:8px;position:absolute;bottom:0;left:50%;right:0}#start-btn{max-width:280px;padding:14px 20px 14px 26px;font-size:.95rem}#landing-hint{font-size:.72rem}}.btn-primary{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#7c5cfc 0%,#5b8dee 100%);border:none;border-radius:50px;padding:16px 48px;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}