:root{--panel: #0f1218;--panel-fg: #e6e9ef;--muted: #9aa3b2;--line: #232a37;--accent: #4aa3ff;--good: #37c26c;--bad: #ff6b6b}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Amazon Ember,Segoe UI,system-ui,sans-serif;background:#05070b;color:var(--panel-fg)}#root{height:100%}.sim{display:grid;grid-template-columns:340px 1fr;height:100%}.panel{background:var(--panel);border-right:1px solid var(--line);padding:16px;overflow:auto;display:flex;flex-direction:column;gap:8px}.panel h1{font-size:16px;margin:0}.panel label{margin-top:10px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.panel select,.panel input{width:100%;padding:8px;border-radius:8px;border:1px solid var(--line);background:#151a24;color:inherit;font:inherit}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--bad)}.seg,.chips{display:flex;flex-wrap:wrap;gap:6px}.seg button,.chips button{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#151a24;color:inherit;font:inherit;font-size:12px;cursor:pointer}.seg button.on{background:var(--accent);color:#04121f;border-color:var(--accent);font-weight:700}.chips button{text-align:left}.inspection{display:flex;flex-direction:column;gap:8px;font-size:13px}.inspection .turn{border-top:1px solid var(--line);padding-top:6px}.checks{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.checks span{font-size:11px;padding:1px 6px;border-radius:999px;border:1px solid var(--line)}.checks .good,b.good{color:var(--good)}.checks .bad,b.bad{color:var(--bad)}.checks .na{color:var(--muted)}.inspection a{color:var(--accent)}.stage{display:grid;place-items:center;padding:24px;overflow:auto}.device{position:relative;border-radius:28px;padding:0;background:#0b0d12;box-shadow:0 0 0 14px #1b1f28,0 30px 80px #0009;overflow:hidden}.screen{position:absolute;top:0;left:0;transform-origin:top left;display:flex;flex-direction:column;background:linear-gradient(160deg,#1b2a4a,#0b1020 60%,#0a0f1a);color:#f2f4f8;font-size:26px}.theme-light .screen{background:linear-gradient(160deg,#e8f0ff,#f7f9fc 60%,#fff);color:#111318}.statusbar{display:flex;justify-content:space-between;padding:14px 28px;font-size:20px;opacity:.8}.conversation{flex:0 0 auto;padding:8px 28px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;max-height:40%;overflow:hidden}.bubble{max-width:78%;padding:10px 16px;border-radius:18px;line-height:1.3}.bubble.household{align-self:flex-end;background:#4aa3ff40}.bubble.alexa{align-self:flex-start;background:#ffffff14}.theme-light .bubble.alexa{background:#0000000f}.bubble.thinking{opacity:.6}.viewport{flex:1 1 auto;padding:8px 24px;overflow:auto}.viewport.fullscreen{position:absolute;inset:60px 0 96px;background:inherit;padding:16px 24px;z-index:2}.mode-voice-only .conversation{max-height:none;flex:1}.hydrated{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.hydrated li{display:flex;justify-content:space-between;padding:12px 16px;border-radius:14px;background:#ffffff14}.theme-light .hydrated li{background:#0000000d}.hydrated-raw{font-size:14px}.inputbar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;padding:16px 24px;background:#00000059;backdrop-filter:blur(8px)}.theme-light .inputbar{background:#fff9}.inputbar input{flex:1;font-size:22px;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#00000040;color:inherit}.theme-light .inputbar input{background:#fff;border-color:#cfd6e2}.inputbar button{font-size:18px;padding:10px 16px;border-radius:12px;border:0;background:var(--accent);color:#04121f;font-weight:700;cursor:pointer}.inputbar button:disabled{opacity:.5;cursor:default}.inputbar .mic{background:#2a3140;color:#f2f4f8}.inputbar .mic.on{background:var(--bad)}@media(max-width:1100px){.sim{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line)}}.checkout{background:#ffffff14;border-radius:18px;padding:16px 20px;display:flex;flex-direction:column;gap:10px;font-size:20px;max-width:760px}.theme-light .checkout{background:#0000000d}.checkout header{display:flex;justify-content:space-between;align-items:center}.checkout .eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.checkout .pill{font-size:14px;padding:3px 10px;border-radius:999px;background:#ffffff1f;text-transform:capitalize}.checkout .pill.ok{background:#37c26c40}.checkout .lines,.checkout .messages{list-style:none;margin:0;padding:0}.checkout .lines li,.checkout .totals div,.checkout .address{display:flex;justify-content:space-between;gap:12px}.checkout .totals{border-top:1px solid rgba(255,255,255,.15);padding-top:6px;font-size:17px;opacity:.85}.checkout .totals .grand{font-size:22px;font-weight:700;opacity:1}.checkout .address{flex-direction:column;gap:2px;font-size:16px}.checkout .muted{opacity:.6;font-size:14px}.checkout .messages li.error{color:#ffb4a8;font-size:16px}.checkout .messages li.info{opacity:.8;font-size:16px}.checkout .pay{display:flex;flex-direction:column;gap:6px}.checkout .pay label{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.15);font-size:17px;cursor:pointer}.checkout .pay label.on{border-color:var(--accent)}.checkout .pay label.na{opacity:.5;cursor:default}.checkout .sim{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:.08em;padding:2px 8px;border-radius:999px;background:#a05a00;color:#fff}.checkout .actions{display:flex;justify-content:flex-end;gap:10px}.checkout .actions button{font-size:18px;padding:10px 18px;border-radius:12px;border:0;cursor:pointer}.checkout .actions .primary{background:var(--accent);color:#04121f;font-weight:700}.checkout .actions .secondary{background:#ffffff1f;color:inherit}.checkout .actions button:disabled{opacity:.5;cursor:default}.scenes{display:flex;flex-direction:column;gap:8px}.scene{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;font-size:13px}.scene button{padding:6px 12px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.scene button:disabled{opacity:.45;cursor:default}.good{color:var(--good)}.bad{color:var(--bad)}.merchant{max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}.merchant h1{font-size:20px;margin:0 0 4px}.merchant h2{font-size:16px;margin:0 0 8px}.merchant .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.merchant label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.merchant input,.merchant select{width:100%;padding:8px;border-radius:8px;border:1px solid var(--line);background:#151a24;color:inherit;font:inherit}.merchant .row{display:flex;gap:8px;align-items:center}.merchant .row.between{justify-content:space-between}.merchant .row.end{justify-content:flex-end}.merchant .row select{width:auto}.merchant button{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#151a24;color:inherit;cursor:pointer;white-space:nowrap}.merchant button.primary{background:var(--accent);color:#04121f;font-weight:700;border:0}.merchant button:disabled{opacity:.5;cursor:default}.merchant .pill{font-size:12px;padding:2px 10px;border-radius:999px;background:#ffffff1f;margin-left:8px;vertical-align:middle}.merchant .pill.ok{background:#37c26c40}.merchant .stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.merchant .stages li{border:1px solid var(--line);border-radius:8px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;opacity:.55}.merchant .stages li.done{opacity:1;border-color:var(--accent)}.merchant .timer{margin:4px 0 0}.merchant table{width:100%;border-collapse:collapse;font-size:13px}.merchant th{text-align:left;font-weight:600;color:var(--muted);padding:4px 6px}.merchant td{padding:4px 6px;vertical-align:top}.merchant tr.stale td{background:#ff78501f}.merchant .error{color:#ffb4a8}@media(max-width:800px){.merchant .stages{grid-template-columns:repeat(2,1fr)}.merchant .row{flex-wrap:wrap}}