:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#030304;color:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}.app{position:relative;display:grid;grid-template-columns:minmax(320px,45vw) minmax(420px,1fr);width:100vw;height:100vh;min-width:860px;min-height:480px;overflow:hidden;background:linear-gradient(90deg,rgba(84,243,255,.12),transparent 32%),radial-gradient(circle at 68% 18%,rgba(255,79,216,.12),transparent 34%),#030304}.app--idle,.app--returningidle,.app--loading,.app--error{grid-template-columns:1fr;place-items:center}.camera-feed{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none}.avatar-stage{position:relative;z-index:1;display:grid;place-items:center;align-content:center;gap:28px;width:100%;height:100%;padding:42px;transition:transform .7s ease,width .7s ease,opacity .4s ease}.avatar-stage--docked{place-items:center;gap:20px;border-right:1px solid rgba(84,243,255,.2);background:#03030494}.avatar-core{position:relative;width:min(44vw,420px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;filter:drop-shadow(0 0 28px rgba(84,243,255,.28));animation:float 4.8s ease-in-out infinite}.avatar-stage--docked .avatar-core{width:min(30vw,285px)}.avatar-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(84,243,255,.64)}.avatar-ring--outer{animation:rotate 9s linear infinite}.avatar-ring--outer:before,.avatar-ring--outer:after{content:"";position:absolute;width:42px;height:4px;background:#ff4fd8;top:14%;left:18%;box-shadow:0 0 18px #ff4fd8cc}.avatar-ring--outer:after{inset:auto 14% 20% auto}.avatar-ring--inner{inset:12%;border-color:#ff4fd875;animation:rotate 7s linear infinite reverse}.avatar-face{position:relative;width:62%;height:42%;border:1px solid rgba(247,251,255,.18);border-radius:18px;background:#081218d1;box-shadow:inset 0 0 32px #54f3ff29,0 0 42px #54f3ff33}.eye{position:absolute;top:34%;width:18%;height:14%;border-radius:999px;background:#f7fbff;box-shadow:0 0 22px #54f3ffe6;animation:blink 5.2s infinite}.eye--left{left:22%}.eye--right{right:22%}.mouth{position:absolute;left:31%;bottom:24%;width:38%;height:5px;border-radius:999px;background:#ff4fd8;box-shadow:0 0 18px #ff4fd8d9}.avatar-core--listening .mouth{animation:talk .42s infinite alternate}.scanline{position:absolute;inset:12%;border-radius:50%;background:linear-gradient(180deg,transparent 0 44%,rgba(84,243,255,.18) 45% 48%,transparent 49%);animation:scan 2.6s linear infinite;pointer-events:none}.avatar-copy{width:min(620px,82%);text-align:center}.avatar-stage--docked .avatar-copy{width:min(360px,90%)}.kicker{margin:0 0 8px;color:#54f3ff;font-size:12px;font-weight:800;letter-spacing:0}.avatar-copy h1{margin:0;color:#f7fbff;font-size:46px;line-height:1.04}.avatar-stage--docked h1{font-size:30px}.avatar-copy p:not(.kicker){min-height:48px;margin:14px 0 0;color:#f7fbffc7;font-size:19px;line-height:1.45}.signal-meter{width:100%;height:5px;margin-top:20px;overflow:hidden;border-radius:999px;background:#f7fbff1a}.signal-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#54f3ff,#ff4fd8);transition:width .18s ease}.interaction-shell{position:relative;z-index:2;display:grid;grid-template-rows:auto auto 1fr auto;gap:18px;min-width:0;height:100%;padding:24px 30px 24px 24px}.top-strip{display:flex;justify-content:space-between;gap:14px;color:#f7fbff9e;font-size:12px;font-weight:800}.menu-panel{display:grid;grid-template-rows:auto 1fr;gap:18px;min-height:0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-button,.ask-button,.add-button,.cart-clear,.listen-button,.send-button,.manual-trigger{border:1px solid rgba(247,251,255,.16);color:#f7fbff;background:#f7fbff12;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.category-button{display:grid;gap:8px;min-height:92px;padding:18px 14px;border-radius:8px;text-align:left}.category-button:hover,.ask-button:hover,.add-button:hover,.cart-clear:hover:not(:disabled),.listen-button:hover,.send-button:hover,.manual-trigger:hover{transform:translateY(-1px);border-color:#54f3ffb8;background:#54f3ff21}.cart-panel{display:grid;grid-template-columns:168px 1fr 76px;align-items:center;gap:12px;min-height:78px;padding:12px;border:1px solid rgba(84,243,255,.18);border-radius:8px;background:#0303048a}.cart-total{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:end;gap:2px 8px;padding:10px 12px;border-radius:8px;background:#54f3ff1a}.cart-total span{color:#f7fbffad;font-size:13px;font-weight:800}.cart-total strong{grid-column:1 / -1;color:#54f3ff;font-size:32px;line-height:1}.cart-total small{color:#f7fbff94;font-size:12px;font-weight:800}.cart-lines{display:flex;gap:8px;min-width:0;overflow-x:auto;padding-bottom:2px}.cart-line,.cart-empty{flex:0 0 auto;max-width:220px;padding:8px 10px;border:1px solid rgba(247,251,255,.12);border-radius:999px;color:#f7fbffc7;background:#f7fbff0f;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-empty{max-width:none;color:#f7fbff80}.cart-clear{height:42px;border-radius:8px;color:#f7fbffc7}.cart-clear:disabled{cursor:not-allowed;opacity:.42}.category-button--active{border-color:#ff4fd8c2;background:#ff4fd829}.category-button span{font-size:20px;font-weight:850}.category-button small{color:#f7fbff9e;font-size:12px;line-height:1.35}.recommendation-panel{display:grid;grid-template-rows:auto 1fr;min-height:0;padding:22px;border:1px solid rgba(247,251,255,.12);border-radius:8px;background:#0303046b}.recommendation-panel h2{margin:0;font-size:34px}.recommendation-panel p{max-width:760px;color:#f7fbffb8;font-size:17px;line-height:1.55}.recommendation-panel--empty{align-content:center}.item-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-content:start;overflow:auto;padding-top:10px}.drink-card{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;gap:10px;min-height:178px;padding:16px;border:1px solid rgba(247,251,255,.16);border-radius:8px;background:#f7fbff12;text-align:left}.drink-card strong{font-size:22px}.drink-card span:not(.stock){color:#f7fbffa8;line-height:1.4}.drink-card-actions{display:grid;grid-template-columns:1fr auto 48px;align-items:center;gap:10px;margin-top:4px}.drink-card-actions b{color:#54f3ff;font-size:28px}.ask-button{height:42px;border-radius:8px;color:#f7fbffcc}.add-button{width:48px;height:48px;border-color:#54f3ffb8;border-radius:50%;color:#030304;background:#54f3ff;font-size:28px;font-weight:900;line-height:1}.stock{justify-self:start;padding:4px 8px;border-radius:999px;color:#030304;background:#54f3ff;font-size:12px;font-weight:850}.voice-dock{display:grid;grid-template-columns:112px 1fr 90px;grid-template-rows:auto auto;gap:10px;align-items:center}.voice-dock input{min-width:0;height:48px;border:1px solid rgba(247,251,255,.14);border-radius:8px;padding:0 14px;color:#f7fbff;background:#f7fbff14;outline:none}.voice-dock p{grid-column:1 / -1;min-height:20px;margin:0;color:#f7fbff8f;font-size:13px}.listen-button,.send-button{height:48px;border-radius:8px;font-weight:850}.listen-button--active{color:#030304;background:#ff4fd8}.manual-trigger{position:fixed;right:22px;bottom:22px;z-index:4;min-width:116px;height:42px;border-radius:8px;color:#f7fbffc7}.privacy-notice{position:fixed;left:16px;bottom:14px;z-index:5;max-width:420px;padding:8px 10px;border:1px solid rgba(247,251,255,.12);border-radius:8px;color:#f7fbffad;background:#030304c2;font-size:12px}.pairing-panel{position:fixed;top:18px;right:18px;z-index:8;display:grid;gap:14px;width:min(390px,38vw);padding:18px;border:1px solid rgba(255,79,216,.38);border-radius:8px;background:#030304e6;box-shadow:0 18px 70px #0000005c}.pairing-panel h2{margin:0;font-size:24px}.pairing-panel p{margin:8px 0 0;color:#f7fbffad;line-height:1.45}.pairing-code{display:grid;place-items:center;min-height:88px;border:1px solid rgba(84,243,255,.34);border-radius:8px;color:#030304;background:#54f3ff;font-size:52px;font-weight:950;line-height:1;letter-spacing:0}.pairing-code--empty{color:#f7fbff8f;background:#f7fbff14;font-size:26px}.pairing-meta{display:grid;gap:8px;margin:0}.pairing-meta div{display:grid;grid-template-columns:72px 1fr;gap:10px;min-width:0}.pairing-meta dt{color:#f7fbff7a;font-size:12px;font-weight:850}.pairing-meta dd{min-width:0;margin:0;color:#f7fbffc7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pairing-error{color:#ff9acb}.pairing-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pairing-actions button{height:42px;border:1px solid rgba(247,251,255,.16);border-radius:8px;color:#f7fbff;background:#f7fbff14;cursor:pointer}.boot-loader{color:#54f3ff;font-size:24px;font-weight:900;animation:pulse 1.4s infinite alternate}.app--error{padding:48px;text-align:center}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes talk{to{height:18px;border-radius:7px}}@keyframes scan{0%{transform:translateY(-36%)}to{transform:translateY(36%)}}@keyframes pulse{to{opacity:.38}}@media(max-width:900px){.app{min-width:760px;grid-template-columns:310px 1fr}.interaction-shell{padding:18px}.category-grid,.item-list{grid-template-columns:repeat(2,minmax(0,1fr))}}