:root{--paper:#efe4cc;--paper-2:#e4d4b0;--ink:#1b1812;--muted:#5a5246;--padi:#1c4a33;--padi-deep:#123224;--clay:#9a3820;--gold:#c9a24a;--card:#fffaf1;--line:#d3c4a3;--ok:#1f6b3c;--shadow:0 10px 0 #1b181214;--font:"Atkinson Hyperlegible", "Segoe UI", sans-serif;--display:"Fraunces", Georgia, serif;font-family:var(--font);color:var(--ink);background:var(--paper);font-size:22px;line-height:1.35}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at 12% 8%, #fffaf1b3, transparent 28%), repeating-linear-gradient(0deg, transparent, transparent 3px, #1b181204 3px, #1b181204 4px), var(--paper)}button,a{font:inherit;color:inherit}button{cursor:pointer;border:0}h1,h2,h3,p{margin:0}.shell{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.topbar,.footer{justify-content:space-between;align-items:center;gap:16px;padding:18px 36px;display:flex}.brand{align-items:center;gap:14px;display:flex}.crest{background:var(--padi);color:#fffaf1;width:56px;height:56px;font-family:var(--display);letter-spacing:.04em;border-radius:50%;place-items:center;font-size:18px;font-weight:680;display:grid}.brand small{color:var(--muted);font-size:16px;display:block}.brand strong{font-family:var(--display);font-size:26px;font-weight:560}.clock{font-variant-numeric:tabular-nums;color:var(--muted);font-size:20px}.lang-switch{background:var(--card);border:2px solid var(--ink);border-radius:999px;display:flex;overflow:hidden}.lang-switch button{background:0 0;padding:10px 18px}.lang-switch button.on{background:var(--ink);color:var(--card)}.stage{padding:8px 36px 24px}.footer{border-top:2px solid var(--line)}.ghost,.solid,.danger,.pay{border:3px solid var(--ink);background:var(--card);border-radius:18px;min-height:72px;padding:0 28px}.solid{background:var(--padi);color:#fffaf1;border-color:var(--padi-deep)}.danger{background:var(--clay);color:#fffaf1;border-color:#6d2414}.pay{background:var(--gold);border-color:#8a6d20;font-size:28px;font-weight:700}.ghost:disabled,.solid:disabled,.pay:disabled{opacity:.4}.home{max-width:1480px;margin:0 auto}.home-title{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(48px,6vw,84px);font-weight:560;line-height:.95}.home-lead{color:var(--muted);max-width:28ch;margin-top:12px;font-size:28px}.doors{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}a.door{text-decoration:none}.door{text-align:left;background:var(--card);border:3px solid var(--ink);min-height:280px;box-shadow:var(--shadow);border-radius:28px;flex-direction:column;padding:22px;display:flex}.door:focus-visible,.ghost:focus-visible,.solid:focus-visible,.pay:focus-visible{outline:4px solid var(--gold);outline-offset:3px}.door-art{border-radius:18px;width:100%;height:110px;margin-bottom:16px}.door h2{font-family:var(--display);font-size:30px;line-height:1.05}.door p{color:var(--muted);margin-top:10px;font-size:22px}.door .go{margin-top:auto;padding-top:20px;font-weight:700}.panel{max-width:1280px;margin:0 auto}.panel h1{font-family:var(--display);font-size:clamp(40px,5vw,64px);line-height:1}.lead{color:var(--muted);margin-top:10px;font-size:26px}.slot{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:28px;margin-top:28px;display:grid}.slot-card,.bill-card,.pay-card,.chat-pane,.scan-frame{background:var(--card);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:28px}.slot-card{min-height:420px;padding:36px}.reader{background:var(--padi-deep);border-radius:20px;height:220px;margin:24px 0;position:relative;overflow:hidden}.reader-slot{background:#0a1b13;border-radius:8px;height:28px;position:absolute;top:42%;left:12%;right:12%;box-shadow:inset 0 0 0 3px #c9a24a73}.reader-card{background:#1f3d7a;border-radius:10px;height:92px;animation:1.8s ease-in-out infinite insert;position:absolute;top:18%;left:28%;right:28%;transform:translateY(18px)}.pulse{background:#7dffb0;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:1s step-end infinite blink;display:inline-block}.query-stage{text-align:center;place-items:center;gap:18px;min-height:360px;display:grid}.query-orb{width:132px;height:132px;position:relative}.query-ring,.query-core{border-radius:50%;position:absolute;inset:0}.query-ring{border:4px solid #1c4a332e;border-top-color:var(--padi);animation:.9s linear infinite query-spin}.query-core{background:radial-gradient(circle at 35% 30%,#f6e7b0,#1c4a33);inset:28px}.query-step{font-family:var(--display);font-size:30px}.query-bar{background:var(--paper-2);border-radius:999px;width:min(420px,100%);height:10px;overflow:hidden}.query-bar span{border-radius:inherit;background:var(--padi);width:40%;height:100%;animation:1.2s ease-in-out infinite query-slide;display:block}.id-line{margin-top:10px;font-size:28px;font-weight:700}@keyframes query-spin{to{transform:rotate(360deg)}}@keyframes query-slide{0%{transform:translate(-20%)}50%{transform:translate(160%)}to{transform:translate(-20%)}}.actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.bill-head,.pay-grid,.done-box{gap:20px;display:grid}.bill-head{grid-template-columns:1fr auto;align-items:end;margin-bottom:18px}.ic{color:var(--muted);font-size:20px}.groups{gap:16px;display:grid}.bill-card{text-align:left;grid-template-columns:auto 1fr auto;gap:18px;width:100%;padding:22px 24px;display:grid}.bill-card.on{outline:5px solid var(--padi);background:#f4f8f1}.check{border:3px solid var(--ink);background:#fff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:28px;display:grid}.bill-card.on .check{background:var(--padi);color:#fff;border-color:var(--padi-deep)}.amount{white-space:nowrap;font-size:34px;font-weight:700}.was{color:var(--muted);font-size:18px;font-weight:400;text-decoration:line-through;display:block}.tag{background:var(--paper-2);border-radius:999px;margin-top:8px;padding:4px 10px;font-size:16px;display:inline-block}.checkout{background:var(--ink);color:var(--card);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding:18px 22px;display:flex;position:sticky;bottom:16px}.pay-grid{grid-template-columns:1fr 1fr;margin-top:28px}.pay-card{text-align:left;min-height:280px;padding:28px}.pay-card h2{font-family:var(--display);font-size:36px}.qr-wrap{grid-template-columns:360px 1fr;align-items:center;gap:28px;margin-top:24px;display:grid}.qr{border:3px solid var(--ink);background:#fff;border-radius:16px;width:360px;height:360px;padding:16px}.terminal{color:#9ee7b2;background:#222;border-radius:20px;place-items:center;height:280px;margin:24px 0;font-size:28px;display:grid}.voice-desk{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:28px;max-width:1280px;margin:0 auto;display:grid}.voice-desk.talk-only{grid-template-columns:1fr;align-content:center;justify-items:center;min-height:62vh}.voice-desk.talk-only .voice-talk{width:min(520px,100%)}.voice-desk.talk-only .orb-wrap{width:220px;height:220px;margin:20px 0}.voice-boot-title{font-family:var(--display);margin:8px 0 0;font-size:clamp(40px,5vw,64px);line-height:1}.voice-talk{text-align:center;flex-direction:column;align-items:center;display:flex;position:sticky;top:12px}.agent-boot{text-align:center;align-content:center;place-items:center;gap:8px;min-height:62vh;display:grid}.agent-boot h1{font-family:var(--display);margin:8px 0 0;font-size:clamp(40px,5vw,64px);line-height:1}.agent-boot .orb-wrap{width:220px;height:220px}.confirm-pay{background:var(--card);border:3px solid var(--padi);border-radius:22px;margin-top:22px;padding:22px 24px}.confirm-pay h2{font-family:var(--display);margin:4px 0 8px;font-size:clamp(28px,3vw,40px)}.voice-bills h1{font-family:var(--display);margin:4px 0 18px;font-size:clamp(32px,3.4vw,44px);line-height:1.05}.voice-pick h1{font-family:var(--display);margin:0 0 10px;font-size:clamp(32px,3.4vw,44px);line-height:1.05}.voice-pick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.door.mini{text-align:left;align-items:flex-start;min-height:180px;padding:22px}.door.mini.wide{grid-column:1/-1}.door.mini strong{font-family:var(--display);margin-bottom:6px;font-size:clamp(24px,2.4vw,32px);display:block}.door.mini p{color:var(--muted);font-size:18px;line-height:1.35}.live-tag{background:var(--ink);color:var(--card);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:16px;display:inline-flex}.live-tag:before{content:"";background:#e24b2d;border-radius:50%;width:9px;height:9px;animation:1s step-end infinite blink}.voice-status{color:var(--muted);margin-top:14px;font-size:26px}.orb-wrap{width:168px;height:168px;margin:12px 0 16px;position:relative}.orb,.orb-ring{border-radius:50%;position:absolute;inset:36px}.orb{background:radial-gradient(circle at 35% 30%,#f6e7b0,#1c4a33 58%,#0d2418);place-items:center;display:grid}.orb-core{background:#fffaf138;border-radius:50%;width:42%;height:42%}.orb-ring{border:2px solid #1c4a3347;inset:8px}.orb-ring.delay{inset:0}.orb-wrap.listening .orb{animation:2.4s ease-in-out infinite breathe}.orb-wrap.listening .orb-ring{animation:2.4s ease-out infinite ripple}.orb-wrap.listening .orb-ring.delay{animation-delay:1.2s}.orb-wrap.speaking .orb{background:radial-gradient(circle at 35% 30%,#fff4c8,#9a3820 60%,#4a160c);animation:.55s ease-in-out infinite speak}.orb-wrap.thinking .orb{animation:1.1s linear infinite think}.orb-wrap.connecting .orb{opacity:.7}.talk-lines{text-align:left;gap:10px;width:100%;max-height:42vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.talk-line{background:var(--card);border:2px solid var(--line);border-radius:16px;gap:2px;padding:10px 12px;font-size:20px;line-height:1.3;display:grid}.talk-line .who{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:14px}.talk-line.user{border-color:var(--clay);background:#fff6f1}.talk-line.user :not(.who){color:var(--clay)}.talk-line.bot{border-color:var(--padi)}.talk-line.live{opacity:.92;border-style:dashed}.talk-line.hint{color:var(--muted);background:0 0;border-style:dashed}.voice-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.voice-pay{align-items:center}.voice-pay-methods{flex-wrap:wrap;gap:12px;display:flex}.voice-pay-panel{padding-top:4px}.voice-pay-panel .qr-wrap,.voice-pay-panel .slot-card{margin-top:12px}.pay:disabled{opacity:.45;cursor:not-allowed}@keyframes breathe{0%,to{transform:scale(.96)}50%{transform:scale(1.04)}}@keyframes ripple{0%{opacity:.55;transform:scale(.86)}to{opacity:0;transform:scale(1.18)}}@keyframes speak{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes think{0%{filter:saturate(.8)}50%{filter:saturate(1.3)}to{filter:saturate(.8)}}.scan-stage{grid-template-columns:1.2fr .8fr;gap:22px;margin-top:22px;display:grid}.scan-frame{background:#111;min-height:460px;position:relative;overflow:hidden}.scan-frame video,.scan-frame .fallback{object-fit:cover;width:100%;height:100%}.scan-frame .fallback{background:repeating-linear-gradient(90deg,#2a2a2a 0 8px,#111 8px 16px),#111}.finder{border:6px solid #f3e27a;border-radius:18px;position:absolute;inset:18%;box-shadow:0 0 0 200vmax #00000059}.scan-unknown{color:var(--clay);margin-top:12px;font-weight:700}.code-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.code-card{padding:22px}.barcode{width:100%;height:auto}.done-box{background:var(--card);border:3px solid var(--ink);border-radius:28px;margin-top:24px;padding:36px}.receipt{letter-spacing:.04em;font-size:40px;font-weight:700}.note{color:var(--muted);font-size:18px}.modal{background:#1b18128c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--card);border:3px solid var(--ink);border-radius:24px;width:min(640px,100%);padding:32px}@keyframes insert{0%,to{transform:translateY(40px)}50%{transform:translateY(0)}}@keyframes blink{50%{opacity:.2}}.service-tabs{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 18px;display:grid}.service-tabs.slim{grid-template-columns:1fr 1fr 1fr}.service-tabs button{border:3px solid var(--ink);background:var(--card);border-radius:16px;min-height:64px}.service-tabs button.on{background:var(--ink);color:var(--card)}.keyin-form{gap:16px;max-width:760px;display:grid}.field{gap:8px;display:grid}.field-label{justify-content:space-between;align-items:center;font-weight:700;display:flex}.field input{border:3px solid var(--ink);background:var(--card);width:100%;min-height:72px;font:inherit;border-radius:16px;padding:0 18px;font-size:28px}.field input.focus{outline:4px solid var(--gold)}.field small{color:var(--muted);font-size:18px}.linkish{color:var(--padi);background:0 0;border:0;min-height:auto;padding:0;font-weight:700;text-decoration:underline}.kb{background:var(--paper-2);border:2px solid var(--line);border-radius:22px;grid-template-columns:1fr 220px;gap:16px;margin-top:22px;padding:16px;display:grid}.kb-row,.kb-num{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.kb-num{grid-template-columns:repeat(3,1fr);display:grid}.kb-key{border:2px solid var(--ink);background:var(--card);border-radius:12px;min-width:56px;min-height:56px;padding:0 10px;font-weight:700}.kb-key.wide{min-width:96px}@media (width<=1100px){.doors,.slot,.pay-grid,.scan-stage,.code-grid,.kb,.qr-wrap,.bill-head{grid-template-columns:1fr}.door{min-height:280px}}