*{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:light dark;font:100%/1.5 -apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;font-optical-sizing:auto;--bg: #f5f5f7;--stage-bg: #e9e9ed;--surface: #ffffff;--surface-secondary: #f2f2f7;--surface-tertiary: #e5e5ea;--material: rgba(250, 250, 252, .74);--material-heavy: rgba(250, 250, 252, .9);--text: #1d1d1f;--text-secondary: #6e6e73;--text-tertiary: #8e8e93;--separator: rgba(60, 60, 67, .18);--separator-soft: rgba(60, 60, 67, .1);--accent: #0071e3;--accent-hover: #0077ed;--accent-soft: rgba(0, 113, 227, .12);--success: #248a3d;--success-soft: rgba(36, 138, 61, .12);--warning: #b25000;--warning-soft: rgba(178, 80, 0, .12);--danger: #d70015;--danger-soft: rgba(215, 0, 21, .1);--shadow-sm: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .22);--header-h: 64px;--panel-w: 400px;--menu-panel-w: 360px;--menu-gutter: 16px;--menu-reserved: 392px;--ime-inset: 0px;--radius-control: 8px;--radius-panel: 20px}@media(prefers-color-scheme:dark){:root{--bg: #09090b;--stage-bg: #050506;--surface: #1c1c1e;--surface-secondary: #242426;--surface-tertiary: #343437;--material: rgba(28, 28, 30, .72);--material-heavy: rgba(28, 28, 30, .9);--text: #f5f5f7;--text-secondary: #aeaeb2;--text-tertiary: #8e8e93;--separator: rgba(255, 255, 255, .16);--separator-soft: rgba(255, 255, 255, .08);--accent: #0a84ff;--accent-hover: #409cff;--accent-soft: rgba(10, 132, 255, .16);--success: #30d158;--success-soft: rgba(48, 209, 88, .14);--warning: #ff9f0a;--warning-soft: rgba(255, 159, 10, .14);--danger: #ff453a;--danger-soft: rgba(255, 69, 58, .14);--shadow-sm: 0 6px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 28px 80px rgba(0, 0, 0, .56)}}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:0}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:0}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}svg.lucide{width:20px;height:20px;flex:0 0 auto}#app-header{position:fixed;inset:0 0 auto;z-index:100;height:var(--header-h);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding:env(safe-area-inset-top) 14px 0;background:var(--material);box-shadow:0 1px 0 var(--separator-soft);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.header-left,.header-right{min-width:0}.header-right{display:flex;justify-content:flex-end}.header-center{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.brand-mark{display:grid;place-items:center;width:26px;height:26px;color:var(--accent)}.brand-mark .lucide{width:19px;height:19px}.app-title{overflow:hidden;color:var(--text);font-size:18px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-tertiary)}.status-dot.listening{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:status-breathe 1.4s ease-in-out infinite}.status-dot.speaking{background:var(--success);box-shadow:0 0 0 4px var(--success-soft);animation:status-breathe 1s ease-in-out infinite}.status-dot.thinking{background:var(--warning);box-shadow:0 0 0 4px var(--warning-soft);animation:status-breathe 1.6s ease-in-out infinite}.status-dot.error{background:var(--danger);box-shadow:0 0 0 4px var(--danger-soft)}@keyframes status-breathe{50%{opacity:.55;transform:scale(.88)}}.mic-control{position:relative;width:clamp(140px,28vw,250px)}#mic-select,#anim-select{width:100%;height:36px;overflow:hidden;padding:0 30px 0 11px;border:1px solid var(--separator);border-radius:var(--radius-control);background:var(--surface-secondary);color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}#mic-select:focus-visible,#anim-select:focus-visible,#system-prompt-editor:focus-visible{outline:3px solid var(--accent-soft);border-color:var(--accent)}.mic-control:not(.is-ready) #mic-select{border-color:transparent;background:var(--warning-soft);color:var(--warning);cursor:not-allowed;opacity:1}.mic-hint{position:absolute;top:calc(100% + 9px);left:0;z-index:3;width:max-content;max-width:min(320px,calc(100vw - 28px));padding:9px 11px;border:1px solid var(--separator);border-radius:var(--radius-control);background:var(--material-heavy);box-shadow:var(--shadow-sm);color:var(--warning);font-size:12px;line-height:1.45;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.mic-hint.hidden{display:none}#app-main{position:fixed;inset:var(--header-h) 0 var(--ime-inset);display:flex;min-height:0}#stage{position:relative;min-width:0;min-height:0;flex:1;overflow:hidden;background:var(--stage-bg)}#canvas-wrap{position:absolute;inset:0;background:var(--stage-bg);transition:opacity .22s ease-out,transform .38s cubic-bezier(.22,1,.36,1)}#three-canvas{display:block;width:100%!important;height:100%!important}#loading-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--stage-bg);opacity:1;visibility:visible;transition:opacity .22s ease-out,visibility .22s}#loading-overlay.hidden{pointer-events:none;opacity:0;visibility:hidden}.loading-spinner{width:28px;height:28px;border:2px solid var(--separator);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:13px}#side-panel{position:relative;z-index:2;display:flex;width:var(--panel-w);min-height:0;flex-direction:column;flex-shrink:0;overflow:hidden;background:var(--material);box-shadow:-1px 0 0 var(--separator-soft),-16px 0 40px #0000000a;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%)}.panel-header{z-index:2;display:flex;min-height:76px;align-items:center;justify-content:space-between;padding:14px 18px 12px;background:var(--material);box-shadow:0 12px 24px -24px #000000d9;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.panel-eyebrow{display:block;margin-bottom:2px;color:var(--text-secondary);font-size:11px;font-weight:600;line-height:1.3}.panel-title{font-size:20px;font-weight:650;line-height:1.25}.panel-presence{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:12px;font-weight:550}.panel-presence>span{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.panel-presence>.panel-presence-label{width:auto;height:auto;background:transparent;box-shadow:none}.panel-presence[data-state=reconnecting]>span:first-child{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}#status-strip,#connection-banner{padding:8px 14px;font-size:12px;font-weight:550;line-height:1.4;text-align:center}#status-strip{overflow:hidden;max-height:44px;opacity:1;transform:translateY(0);transition:max-height .22s cubic-bezier(.22,1,.36,1),padding .22s cubic-bezier(.22,1,.36,1),opacity .16s ease-out,transform .22s cubic-bezier(.22,1,.36,1)}#status-strip.hidden,#connection-banner.hidden{display:none}#status-strip.danger,#connection-banner.danger{background:var(--danger-soft);color:var(--danger)}#status-strip.success{background:var(--success-soft);color:var(--success)}#status-strip.busy{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--warning-soft);color:var(--warning);animation:status-strip-enter .22s cubic-bezier(.22,1,.36,1) both}#status-strip.busy:before{width:12px;height:12px;flex:0 0 12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:status-strip-spin .9s linear infinite}#status-strip.busy.ready{background:var(--success-soft);color:var(--success)}#status-strip.busy.ready:before{border:0;content:"✓";font-size:13px;font-weight:700;line-height:12px;animation:none}#status-strip.busy-leaving{max-height:0;padding-top:0;padding-bottom:0;opacity:0;pointer-events:none;transform:translateY(-6px)}@keyframes status-strip-enter{0%{opacity:0;transform:translateY(-6px)}}@keyframes status-strip-spin{to{transform:rotate(1turn)}}#connection-banner.warn{background:var(--warning-soft);color:var(--warning)}#btn-menu{position:absolute;bottom:20px;left:20px;z-index:50;display:inline-flex;min-height:44px;align-items:center;gap:8px;padding:0 15px;border:1px solid var(--separator);border-radius:22px;background:var(--material-heavy);box-shadow:var(--shadow-sm);color:var(--text);cursor:pointer;font-size:14px;font-weight:600;transform-origin:bottom left;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);transition:transform .12s ease-out,background-color .16s ease-out}#btn-menu .lucide{width:18px;height:18px;color:var(--accent)}body.menu-open #btn-menu,body.menu-open #test-panel,body.menu-open #mic-control{pointer-events:none;opacity:0;visibility:hidden}#btn-menu:active,.icon-btn:active,.btn-small:active,.btn-primary:active,.order-btn:active,.composer-icon-btn:active{transform:scale(.96);transition-duration:90ms}.overlay{z-index:200;opacity:1;visibility:visible;transition:opacity .18s ease-out,transform .38s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}.overlay.hidden{pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease-in,transform .24s ease-in,visibility 0s linear 0s}#rec-overlay{position:absolute;inset:var(--menu-gutter) auto var(--menu-gutter) var(--menu-gutter);display:flex;width:min(var(--menu-panel-w),calc(100% - (var(--menu-gutter) * 2)));flex-direction:column;overflow:hidden;padding:8px 0 10px 10px;border:1px solid var(--separator);border-radius:var(--radius-panel);background:var(--material-heavy);box-shadow:var(--shadow-lg);transform:translateY(0) scale(1);transform-origin:bottom left;backdrop-filter:blur(34px) saturate(180%);-webkit-backdrop-filter:blur(34px) saturate(180%)}#rec-overlay.hidden{transform:translateY(16px) scale(.98)}.rec-header{display:flex;min-height:52px;align-items:center;justify-content:space-between;padding:0 10px 0 4px}.rec-heading{min-width:0;padding-left:4px}#rec-title{font-size:17px;font-weight:650;line-height:1.25}.rec-count{display:block;margin-top:2px;color:var(--text-secondary);font-size:11px;line-height:1.3}.rec-cards{display:flex;min-height:0;flex:1;flex-direction:column;overflow-y:auto;padding:0 10px 0 4px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--separator) transparent}.drink-card{display:grid;flex-shrink:0;grid-template-columns:minmax(0,1fr) 68px;grid-template-areas:"name action" "category action" "description action";gap:3px 12px;min-height:92px;padding:13px 6px;border-bottom:1px solid var(--separator-soft)}.drink-card:last-child{border-bottom:0}.drink-name{grid-area:name;color:var(--text);font-size:16px;font-weight:620;line-height:1.3}.drink-cat{grid-area:category;color:var(--text-secondary);font-size:11px;line-height:1.3}.drink-desc{display:-webkit-box;grid-area:description;overflow:hidden;color:var(--text-secondary);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.drink-action{display:flex;grid-area:action;align-items:flex-end;justify-content:space-between;flex-direction:column;padding:1px 0}.drink-price{color:var(--text);font-size:14px;font-variant-numeric:tabular-nums;font-weight:650}.order-btn{min-height:34px;min-width:62px;padding:0 12px;border:0;border-radius:var(--radius-control);background:var(--accent);color:#fff;cursor:pointer;font-size:13px;font-weight:600;transition:transform .12s ease-out,background-color .16s ease-out}@media(min-width:1200px)and (orientation:landscape){#stage.menu-open #canvas-wrap{left:var(--menu-reserved)}}@media(max-width:1199px),(orientation:portrait){#stage.menu-open #canvas-wrap{opacity:0;transform:scale(.96)}#rec-overlay{inset:12px;width:auto}}#chat-log{display:flex;min-height:0;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:18px;scrollbar-width:thin;scrollbar-color:var(--separator) transparent}.chat-msg{max-width:84%;padding:10px 13px;border-radius:8px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.chat-msg.user{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:3px}.chat-msg.assistant{align-self:flex-start;border:1px solid var(--separator-soft);border-bottom-left-radius:3px;background:var(--surface-secondary);color:var(--text)}.chat-msg.partial{opacity:.65}.chat-msg.system{align-self:center;max-width:100%;padding:4px 8px;background:transparent;color:var(--text-secondary);font-size:11px;text-align:center}#chat-input-row{position:relative;z-index:2;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:var(--material);box-shadow:0 -18px 30px -28px #000000e6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}#input-composer{--composer-state: var(--separator);display:flex;width:100%;min-height:54px;align-items:center;gap:6px;padding:5px;border:1px solid var(--composer-state);border-radius:27px;background:var(--surface-secondary);box-shadow:0 1px #ffffff14 inset;transition:border-color .18s ease-out,box-shadow .18s ease-out}#input-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#chat-input-row[data-composer-state=listening] #input-composer{--composer-state: var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}#chat-input-row[data-composer-state=listening][data-voice-active=true] #input-composer{box-shadow:0 0 0 4px var(--accent-soft),0 8px 24px #0071e329}#chat-input-row[data-composer-state=processing] #input-composer{--composer-state: var(--warning)}#chat-input-row[data-composer-state=speaking] #input-composer{--composer-state: var(--success)}#text-input{min-width:0;height:42px;flex:1;padding:0 8px 0 12px;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}#text-input::placeholder{color:var(--text-tertiary)}#text-input[hidden],#voice-input-status[hidden],.composer-icon-btn[hidden]{display:none}#voice-input-status{display:flex;min-width:0;height:42px;flex:1;align-items:center;gap:10px;padding:0 8px 0 12px}#voice-state-label{min-width:70px;max-width:92px;overflow:hidden;color:var(--text-secondary);font-size:14px;text-overflow:ellipsis;white-space:nowrap}#voice-state-label.has-transcript{max-width:none;flex:1;color:var(--text)}.voice-wave{display:flex;min-width:72px;height:22px;flex:1;align-items:center;justify-content:center;gap:2px;overflow:hidden}.voice-wave i{--wave-delay: 0ms;--wave-peak: .42;--wave-duration: .76s;width:2px;height:18px;flex:0 0 2px;border-radius:1px;background:var(--accent);opacity:.7;transform:scaleY(.12);transform-origin:center;transition:transform 90ms linear;will-change:transform}.voice-wave i:nth-child(4n+1){--wave-delay: -.54s;--wave-peak: .34;--wave-duration: .72s;height:8px}.voice-wave i:nth-child(4n+2){--wave-delay: -.26s;--wave-peak: .58;--wave-duration: .86s;height:13px}.voice-wave i:nth-child(4n+3){--wave-delay: -.68s;--wave-peak: .76;--wave-duration: .64s;height:20px}.voice-wave i:nth-child(4n){--wave-delay: -.12s;--wave-peak: .48;--wave-duration: .78s;height:11px}.voice-wave i:nth-child(8n+2),.voice-wave i:nth-child(8n+7){opacity:.46}#chat-input-row[data-composer-state=listening]:not([data-voice-active=true]) .voice-wave i{height:6px;border-radius:3px;transform:none;animation:composer-idle-drift 1.6s linear infinite;animation-delay:var(--drift-delay, 0ms)}#chat-input-row[data-composer-state=listening] .voice-wave i:nth-child(4n+1){--drift-delay: 0ms}#chat-input-row[data-composer-state=listening] .voice-wave i:nth-child(4n+2){--drift-delay: -.4s}#chat-input-row[data-composer-state=listening] .voice-wave i:nth-child(4n+3){--drift-delay: -.8s}#chat-input-row[data-composer-state=listening] .voice-wave i:nth-child(4n){--drift-delay: -1.2s}@keyframes composer-idle-drift{0%,50%,to{opacity:.45}25%{opacity:1}}#chat-input-row[data-composer-state=listening][data-voice-active=true] .voice-wave i{--wave-peak: clamp(.45, var(--voice-level, 0), 1);--wave-duration: .46s;opacity:1;animation:composer-listening-wave var(--wave-duration) ease-in-out var(--wave-delay) infinite alternate}#chat-input-row[data-transcript-handoff=true] #voice-state-label{animation:composer-transcript-handoff .24s cubic-bezier(.4,0,1,1) both}#voice-input-status:not([hidden]){animation:composer-status-enter .18s cubic-bezier(.22,1,.36,1) both}@keyframes composer-transcript-handoff{to{opacity:0;transform:translateY(-4px)}}@keyframes composer-status-enter{0%{opacity:0;transform:translateY(4px)}}@keyframes composer-listening-wave{0%{transform:scaleY(.12)}to{transform:scaleY(var(--wave-peak))}}#chat-input-row[data-composer-state=processing] .voice-wave i{background:var(--warning);animation:composer-wave 1.1s ease-in-out infinite alternate}#chat-input-row[data-composer-state=speaking] .voice-wave i{background:var(--success);animation:composer-wave .62s ease-in-out infinite alternate}@keyframes composer-wave{0%{opacity:.55;transform:scaleY(.3)}to{opacity:1;transform:scaleY(1)}}.composer-actions{display:flex;flex-shrink:0;align-items:center;gap:4px}.composer-icon-btn{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer;transition:transform .12s ease-out,background-color .16s ease-out,color .16s ease-out}.composer-icon-btn .lucide{width:20px;height:20px}.composer-icon-btn:focus-visible,.icon-btn:focus-visible,#btn-menu:focus-visible,.btn-small:focus-visible,.btn-primary:focus-visible,.order-btn:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}.send-btn,.mic-btn[data-emphasis=primary],#chat-input-row[data-composer-state=listening] .mic-btn{background:var(--accent);color:#fff}.mic-active-icon,#btn-mic.active .mic-idle-icon{display:none}#btn-mic.active .mic-active-icon{display:block}#chat-input-row[data-composer-state=listening] .mic-idle-icon{display:none}#chat-input-row[data-composer-state=listening] .mic-active-icon{display:block}.mic-btn:disabled{cursor:not-allowed;opacity:.38}.cart-card{margin:0 12px 8px;padding:12px;border:1px solid var(--separator);border-radius:8px;background:var(--material-heavy);box-shadow:var(--shadow-sm);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.cart-card.hidden{display:none}.cart-card.ping{animation:cart-ping .56s ease-out}@keyframes cart-ping{0%{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:scale(.99)}to{border-color:var(--separator);box-shadow:var(--shadow-sm);transform:scale(1)}}.cart-card-head,.cart-title,.cart-bar-footer{display:flex;align-items:center}.cart-card-head,.cart-bar-footer{justify-content:space-between}.cart-card-head{min-height:34px;margin-bottom:6px;color:var(--text);font-size:13px;font-weight:650}.cart-title{gap:7px}.cart-title .lucide{width:17px;height:17px;color:var(--accent)}.cart-items{display:flex;max-height:104px;flex-direction:column;gap:5px;overflow-y:auto;color:var(--text-secondary);font-size:13px;font-variant-numeric:tabular-nums}.cart-bar-footer{gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid var(--separator-soft)}.cart-total{color:var(--text);font-size:15px;font-variant-numeric:tabular-nums;font-weight:650}#confirmation-overlay{position:fixed;top:50%;left:50%;min-width:min(360px,calc(100vw - 32px));max-width:92vw;padding:22px;border:1px solid var(--separator);border-radius:var(--radius-panel);background:var(--material-heavy);box-shadow:0 0 0 100vmax #0000006b,var(--shadow-lg);transform:translate(-50%,-50%) scale(1);backdrop-filter:blur(34px) saturate(180%);-webkit-backdrop-filter:blur(34px) saturate(180%)}#confirmation-overlay.hidden{transform:translate(-50%,-46%) scale(.97)}.confirmation-header{margin-bottom:14px;color:var(--text);font-size:20px;font-weight:680;line-height:1.25}.confirmation-items{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:var(--text-secondary);font-size:14px}.confirmation-total{margin-bottom:18px;color:var(--text);font-size:17px;font-variant-numeric:tabular-nums;font-weight:650}.confirmation-actions{display:flex;justify-content:flex-end;gap:10px}#tarot-overlay{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:20px;background:#000000c2;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%)}#tarot-overlay.hidden{transform:scale(.985)}#tarot-card-wrap{perspective:1100px}.tarot-card{position:relative;width:180px;height:300px;cursor:pointer;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1)}.tarot-card.flipped{transform:rotateY(180deg)}.tarot-front,.tarot-back{position:absolute;inset:0;overflow:hidden;border-radius:16px;box-shadow:0 24px 60px #00000080;backface-visibility:hidden}.tarot-front svg{width:100%;height:100%}.tarot-back{display:flex;align-items:center;flex-direction:column;gap:7px;padding:18px 12px;border:1px solid rgba(255,255,255,.22);background:#151517;color:#f5f5f7;transform:rotateY(180deg)}#tarot-svg-wrap svg{width:86px;height:86px}#tarot-name{color:#fff;font-size:18px;font-weight:680;text-align:center}#tarot-position{color:#64d2ff;font-size:12px}#tarot-meaning{color:#d1d1d6;font-size:12px;line-height:1.5;text-align:center}.icon-btn{display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:transform .12s ease-out,background-color .16s ease-out,color .16s ease-out}.icon-btn .lucide{width:19px;height:19px}.btn-small,.btn-primary{min-height:38px;padding:0 15px;border-radius:var(--radius-control);cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:transform .12s ease-out,background-color .16s ease-out}.btn-small{border:1px solid var(--separator);background:var(--surface-secondary);color:var(--text)}.btn-primary{border:0;background:var(--accent);color:#fff}#cart-confirm-btn{min-height:36px}#tarot-close{min-height:44px;padding:0 22px}@media(hover:hover)and (pointer:fine){.icon-btn:hover,.composer-icon-btn:hover{background:var(--surface-tertiary);color:var(--text)}#btn-menu:hover,.btn-small:hover{background:var(--surface)}.btn-primary:hover,.order-btn:hover,.send-btn:hover,.mic-btn[data-emphasis=primary]:hover{background:var(--accent-hover)}}#test-panel{position:fixed;right:calc(var(--panel-w) + 12px);bottom:12px;z-index:150;width:min(420px,calc(100vw - var(--panel-w) - 24px));max-height:min(60vh,560px);overflow-y:auto;border:1px solid var(--separator);border-radius:8px;background:var(--material-heavy);box-shadow:var(--shadow-sm);backdrop-filter:blur(26px) saturate(180%);-webkit-backdrop-filter:blur(26px) saturate(180%)}#test-panel:not([open]){width:auto}#test-panel summary{display:flex;height:36px;align-items:center;gap:7px;padding:0 11px;border-radius:7px;color:var(--text-secondary);cursor:pointer;font-size:11px;list-style:none;user-select:none}#test-panel summary::-webkit-details-marker{display:none}#test-panel summary::marker{content:""}#test-panel summary .lucide{width:14px;height:14px;color:var(--text-tertiary)}#test-panel[open] summary .lucide{transform:rotate(90deg)}#test-panel summary:focus-visible{outline:3px solid var(--accent-soft);outline-offset:-3px}.test-panel-inner{display:flex;flex-direction:column;gap:12px;padding:4px 12px 12px}.test-section{display:flex;flex-direction:column;gap:7px}.test-section label{color:var(--text-secondary);font-size:11px;font-weight:600}.test-row{display:flex;flex-wrap:wrap;gap:7px}#system-prompt-editor{width:100%;padding:9px;border:1px solid var(--separator);border-radius:var(--radius-control);background:var(--surface-secondary);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;resize:vertical}.toast{position:fixed;top:calc(var(--header-h) + 14px);left:50%;z-index:999;max-width:min(520px,calc(100vw - 28px));padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:var(--danger);box-shadow:var(--shadow-sm);color:#fff;font-size:13px;line-height:1.4;text-align:center;transform:translate(-50%);transition:opacity .18s ease-out,transform .24s cubic-bezier(.22,1,.36,1),visibility .18s}.toast.hidden{pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%,-8px)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:3px;background:var(--separator)}@media(orientation:portrait),(max-width:820px){:root{--header-h: 58px}#app-header{padding-right:10px;padding-left:10px}.mic-control{width:clamp(126px,37vw,170px)}.brand-mark{display:none}#app-main{flex-direction:column}#stage{min-height:40%}#side-panel{width:100%;height:48%;flex:0 0 48%;box-shadow:0 -1px 0 var(--separator-soft),0 -16px 40px #0000000f}.panel-header{min-height:58px;padding:9px 14px 8px}.panel-eyebrow{display:none}.panel-title{font-size:17px}#chat-log{padding:12px 14px}.chat-msg{max-width:88%}#btn-menu{bottom:14px;left:14px}#test-panel{right:12px;bottom:calc(48% + 12px);width:min(420px,calc(100vw - 24px))}#test-panel:not([open]){width:auto}}@media(max-width:460px){.app-title{font-size:16px}#btn-settings{width:36px;height:36px}#mic-select{height:34px;padding-left:9px;font-size:11px}.panel-presence{font-size:11px}#chat-input-row{padding-right:10px;padding-left:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:.12s!important}.overlay.hidden,#rec-overlay.hidden,#confirmation-overlay.hidden,#tarot-overlay.hidden{transform:none}.voice-wave i{animation:none!important;opacity:.8;transform:scaleY(.6);will-change:auto}}@media(prefers-reduced-transparency:reduce){#app-header,#side-panel,.panel-header,#chat-input-row,#rec-overlay,.cart-card,#confirmation-overlay,#test-panel,.mic-hint,#btn-menu{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}#tarot-overlay{background:#000000f0;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){:root{--separator: currentColor;--separator-soft: rgba(127, 127, 127, .55)}#app-header,#side-panel,#rec-overlay,.cart-card,#confirmation-overlay,#input-composer,#test-panel,.chat-msg.assistant{border-color:var(--text);background:var(--surface)}}