:root{--ink: #080b12;--ink-2: #0c111b;--panel: #0e141f;--panel-2: #131a26;--panel-fg: #e8e1d4;--muted: #8d97a8;--line: rgba(232, 225, 212, .1);--line-strong: rgba(232, 225, 212, .18);--ember: #d9813c;--ember-soft: rgba(217, 129, 60, .16);--accent: #6fb2d2;--good: #57c08a;--bad: #e8806f;--shadow: 0 1px 0 rgba(232, 225, 212, .04) inset, 0 18px 40px rgba(0, 0, 0, .45);--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--display: "Jura", "Amazon Ember", "Segoe UI", system-ui, sans-serif;--text: "Amazon Ember", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--text);background:var(--ink);color:var(--panel-fg);-webkit-font-smoothing:antialiased}#root{height:100%}::selection{background:var(--ember-soft)}:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.shell{display:grid;grid-template-columns:360px 1fr;height:100%;background:radial-gradient(1200px 600px at 78% -10%,rgba(111,178,210,.07),transparent 60%),radial-gradient(900px 500px at 20% 110%,rgba(217,129,60,.06),transparent 60%),var(--ink)}.panel{position:relative;background:linear-gradient(180deg,var(--panel) 0%,var(--ink-2) 100%);border-right:1px solid var(--line);padding:22px 20px 32px;overflow:auto;display:flex;flex-direction:column;gap:10px}.panel:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 39px,rgba(232,225,212,.022) 39px 40px)}.panel>*{position:relative;z-index:1}.brand{display:flex;align-items:baseline;gap:10px;margin-bottom:2px}.brand .mark{font-family:var(--display);font-weight:300;font-size:30px;letter-spacing:.06em;line-height:1}.brand .mark b{font-weight:300;color:var(--ember)}.brand .for{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.panel h1{font-size:16px;margin:0}.panel label,.merchant label,.eyebrow{margin-top:12px;font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.panel select,.panel input,.merchant input,.merchant select{width:100%;padding:9px 11px;border-radius:10px;border:1px solid var(--line-strong);background:#080b1299;color:inherit;font:inherit;font-size:13px;transition:border-color .15s ease,background .15s ease}.panel select:hover,.panel input:hover,.merchant input:hover,.merchant select:hover{border-color:#e8e1d44d}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.error{color:var(--bad)}.good{color:var(--good)}.bad{color:var(--bad)}a{color:var(--accent);text-decoration-color:#6fb2d266;text-underline-offset:3px}.seg,.chips{display:flex;flex-wrap:wrap;gap:6px}.seg button,.chips button{padding:6px 11px;border-radius:999px;border:1px solid var(--line-strong);background:#e8e1d408;color:inherit;font:inherit;font-size:12px;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.seg button:hover,.chips button:hover{border-color:#e8e1d459;background:#e8e1d40f}.seg button.on{background:var(--ember);border-color:var(--ember);color:#150c04;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:8px}.checks{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.checks span{font-family:var(--mono);font-size:10px;letter-spacing:.04em;padding:2px 7px;border-radius:999px;border:1px solid var(--line-strong)}.checks .good{color:var(--good);border-color:#57c08a59}.checks .bad{color:var(--bad);border-color:#e8806f66}.checks .na{color:var(--muted)}.scenes{display:flex;flex-direction:column;gap:10px}.scene{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;font-size:13px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#e8e1d405;transition:border-color .15s ease,background .15s ease}.scene:hover{border-color:var(--line-strong);background:#e8e1d40a}.scene button{padding:7px 14px;border-radius:999px;border:1px solid var(--ember);background:transparent;color:var(--ember);font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease}.scene button:hover:not(:disabled){background:var(--ember);color:#150c04}.scene button:disabled{opacity:.4;cursor:default}.stage{display:grid;place-items:center;padding:32px;overflow:auto}.device{position:relative;border-radius:30px;background:linear-gradient(180deg,#161a22,#0a0d13);box-shadow:0 0 0 13px #14181f,0 0 0 14px #e8e1d40f,0 40px 90px #0009,0 0 120px #6fb2d20d;overflow:hidden}.device:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:5;border-radius:30px;background:linear-gradient(115deg,rgba(255,255,255,.05) 0%,transparent 28%,transparent 76%,rgba(255,255,255,.025) 100%)}.screen{position:absolute;top:0;left:0;transform-origin:top left;display:flex;flex-direction:column;background:radial-gradient(70% 55% at 50% 118%,rgba(0,0,0,.45),transparent 60%),radial-gradient(110% 80% at 88% -14%,rgba(111,178,210,.3),transparent 58%),radial-gradient(80% 70% at 2% 108%,rgba(217,129,60,.22),transparent 62%),linear-gradient(168deg,#16203000,#0d1524 40%,#080b12),#0b1120;color:#f2f0ea;font-size:26px}.theme-light .screen{background:radial-gradient(120% 90% at 85% -10%,rgba(111,178,210,.22),transparent 55%),linear-gradient(170deg,#f6f3ec,#fff 60%);color:#10141c}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:16px 30px 10px;font-family:var(--mono);font-size:15px;letter-spacing:.1em;text-transform:uppercase;opacity:.6}.wave{display:flex;align-items:center;gap:3px;height:18px;opacity:0;transition:opacity .25s ease}.wave span{width:2px;height:20%;border-radius:1px;background:currentColor;transform-origin:center}.wave.on{opacity:.85}.wave.on span{animation:pulse .9s ease-in-out infinite}.wave.on span:nth-child(2){animation-delay:.12s}.wave.on span:nth-child(3){animation-delay:.24s}.wave.on span:nth-child(4){animation-delay:60ms}.wave.on span:nth-child(5){animation-delay:.3s}.wave.on span:nth-child(6){animation-delay:.18s}.wave.on span:nth-child(7){animation-delay:.36s}@keyframes pulse{0%,to{height:18%}50%{height:100%}}.conversation{flex:0 0 auto;padding:6px 30px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;max-height:34%;overflow:hidden}.bubble{max-width:78%;padding:12px 18px;border-radius:20px;line-height:1.32;animation:rise .28s cubic-bezier(.2,.8,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.bubble.household{align-self:flex-end;background:linear-gradient(180deg,#6fb2d24d,#6fb2d22e);border:1px solid rgba(111,178,210,.25)}.bubble.alexa{align-self:flex-start;background:#e8e1d412;border:1px solid var(--line)}.theme-light .bubble.alexa{background:#080b120d;border-color:#080b1214}.bubble.thinking{opacity:.55;letter-spacing:.3em;animation:rise .28s both,breathe 1.4s ease-in-out .3s infinite}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.7}}.viewport{flex:1 1 auto;padding:10px 26px 92px;overflow:auto}.viewport.fullscreen{position:absolute;inset:62px 0 0;background:#0b1120;padding:18px 26px 92px;z-index:2}.theme-light .viewport.fullscreen{background:#fff}.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;gap:12px;padding:14px 18px;border-radius:16px;background:#e8e1d412;border:1px solid var(--line)}.theme-light .hydrated li{background:#080b120a}.hydrated-raw{font-size:14px;font-family:var(--mono)}.inputbar{position:absolute;left:0;right:0;bottom:0;display:flex;gap:10px;padding:16px 26px;background:linear-gradient(180deg,#080b1200,#080b12b8 40%);backdrop-filter:blur(10px);z-index:3}.theme-light .inputbar{background:linear-gradient(180deg,#fff0,#ffffffd1 40%)}.inputbar input{flex:1;font-size:21px;padding:12px 16px;border-radius:14px;border:1px solid rgba(232,225,212,.16);background:#080b1273;color:inherit}.theme-light .inputbar input{background:#fff;border-color:#d7d2c6}.inputbar button{font-size:17px;padding:12px 20px;border-radius:14px;border:0;background:var(--ember);color:#150c04;font-weight:700;cursor:pointer;transition:transform .12s ease,filter .15s ease}.inputbar button:hover:not(:disabled){filter:brightness(1.08)}.inputbar button:active:not(:disabled){transform:translateY(1px)}.inputbar button:disabled{opacity:.45;cursor:default}.inputbar .mic{background:#e8e1d41a;color:#f2f0ea}.inputbar .mic.on{background:var(--bad);color:#170a07}.theme-light .inputbar .mic{background:#080b1212;color:#10141c}.theme-light .inputbar .mic.on{background:var(--bad);color:#170a07}.checkout{background:linear-gradient(180deg,#e8e1d417,#e8e1d40d);border:1px solid var(--line-strong);border-radius:20px;padding:14px 20px 16px;display:flex;flex-direction:column;gap:9px;font-size:18px;max-width:760px;box-shadow:var(--shadow);animation:rise .3s cubic-bezier(.2,.8,.2,1) both}.theme-light .checkout{background:#080b120a}.checkout header{display:flex;justify-content:space-between;align-items:center}.checkout .eyebrow{margin:0;font-size:11px;letter-spacing:.2em;opacity:.75}.checkout .pill{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#e8e1d41a;border:1px solid var(--line-strong)}.checkout .pill.ok{background:#57c08a2e;border-color:#57c08a66;color:#a9e6c6}.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 .lines li{padding:3px 0}.checkout .lines li span:last-child,.checkout .totals div span:last-child{font-variant-numeric:tabular-nums}.checkout .totals{border-top:1px solid var(--line-strong);padding-top:6px;font-size:16px;opacity:.85}.checkout .totals .grand{font-size:21px;font-weight:700;opacity:1}.checkout .address{flex-direction:column;gap:1px;font-size:14px;opacity:.85}.checkout .muted{opacity:.6;font-size:14px}.checkout .messages li{font-size:16px;padding:8px 12px;border-radius:12px}.checkout .messages li.error{color:#ffcdc2;background:#e8806f1f;border:1px solid rgba(232,128,111,.28)}.checkout .messages li.info{opacity:.8}.checkout .pay{display:flex;flex-direction:column;gap:6px}.checkout .pay label{display:flex;align-items:center;gap:12px;padding:8px 13px;border-radius:12px;border:1px solid var(--line-strong);font-size:16px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.checkout .pay label:hover{background:#e8e1d40d}.checkout .pay label.on{border-color:var(--ember);background:var(--ember-soft)}.checkout .pay label.na{opacity:.45;cursor:default}.checkout .sim{margin-left:auto;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;padding:3px 9px;border-radius:999px;background:#8a4a12;color:#fdf4e8}.checkout .sim.test{background:#2c5f7a}.checkout .actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.checkout .actions button{font-size:16px;padding:10px 18px;border-radius:14px;border:0;cursor:pointer;transition:filter .15s ease,transform .12s ease}.checkout .actions .primary{background:var(--ember);color:#150c04;font-weight:700}.checkout .actions .primary:hover:not(:disabled){filter:brightness(1.08)}.checkout .actions .primary:active:not(:disabled){transform:translateY(1px)}.checkout .actions .secondary{background:#e8e1d41a;color:inherit}.checkout .actions button:disabled{opacity:.45;cursor:default}.merchant{max-width:1120px;margin:0 auto;padding:32px 20px 56px;display:flex;flex-direction:column;gap:18px}.merchant header h1{font-family:var(--display);font-weight:300;font-size:28px;letter-spacing:.04em;margin:8px 0 6px}.merchant h2{font-size:15px;margin:0 0 10px;letter-spacing:.01em}.merchant .card{background:linear-gradient(180deg,var(--panel),var(--ink-2));border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.merchant .row{display:flex;gap:10px;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:9px 16px;border-radius:10px;border:1px solid var(--line-strong);background:#e8e1d40a;color:inherit;cursor:pointer;white-space:nowrap;font:inherit;font-size:13px;transition:background .15s ease,filter .15s ease}.merchant button:hover:not(:disabled){background:#e8e1d414}.merchant button.primary{background:var(--ember);color:#150c04;font-weight:700;border:0}.merchant button.primary:hover:not(:disabled){filter:brightness(1.08)}.merchant button:disabled{opacity:.45;cursor:default}.merchant .pill{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:999px;background:#e8e1d414;border:1px solid var(--line-strong);margin-left:10px;vertical-align:middle}.merchant .pill.ok{background:#57c08a2e;border-color:#57c08a66;color:#a9e6c6}.merchant .stages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.merchant .stages li{border:1px solid var(--line);border-radius:10px;padding:9px 10px;display:flex;flex-direction:column;gap:3px;opacity:.5;font-size:13px;transition:opacity .25s ease,border-color .25s ease}.merchant .stages li.done{opacity:1;border-color:#d9813c80;background:var(--ember-soft)}.merchant .timer{margin:6px 0 0;font-size:14px}.merchant .timer b{font-variant-numeric:tabular-nums}.merchant table{width:100%;border-collapse:collapse;font-size:13px}.merchant th{text-align:left;font-family:var(--mono);font-weight:400;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:8px 8px 6px;border-bottom:1px solid var(--line)}.merchant td{padding:6px 8px;vertical-align:top;border-bottom:1px solid rgba(232,225,212,.05)}.merchant tr.stale td{background:#d9813c1a}.merchant .error{color:var(--bad)}.playground{display:flex;flex-direction:column;gap:7px;border-top:1px solid var(--line);padding-top:12px;margin-top:6px}.playground label.consent{display:flex;gap:8px;align-items:flex-start;text-transform:none;letter-spacing:0;font-family:var(--text);font-size:12px;line-height:1.45;color:var(--muted);margin-top:4px}.playground label.consent input{width:auto}.playground button{padding:9px;border-radius:10px;border:0;background:var(--ember);color:#150c04;font-weight:700;cursor:pointer;transition:filter .15s ease}.playground button:hover:not(:disabled){filter:brightness(1.08)}.playground button:disabled{opacity:.45;cursor:default}@media(max-width:1100px){.shell{grid-template-columns:1fr}.panel{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:800px){.merchant .stages{grid-template-columns:repeat(2,1fr)}.merchant .row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.idle{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:0 40px 84px;text-align:center}.idle-mark{display:flex;align-items:center;gap:5px;height:64px;color:var(--ember)}.idle-mark span{width:4px;border-radius:2px;background:currentColor;opacity:.85;animation:idlebar 2.6s ease-in-out infinite}.idle-mark span:nth-child(1),.idle-mark span:nth-child(9){height:16%;animation-delay:0ms}.idle-mark span:nth-child(2),.idle-mark span:nth-child(8){height:34%;animation-delay:.18s}.idle-mark span:nth-child(3),.idle-mark span:nth-child(7){height:58%;animation-delay:.36s}.idle-mark span:nth-child(4),.idle-mark span:nth-child(6){height:82%;animation-delay:.54s}.idle-mark span:nth-child(5){height:100%;animation-delay:.72s}@keyframes idlebar{0%,to{transform:scaleY(1);opacity:.85}50%{transform:scaleY(.55);opacity:.5}}.idle-title{margin:0;font-family:var(--display);font-weight:300;font-size:34px;letter-spacing:.05em;opacity:.9}.idle-prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.idle-prompts button{font:inherit;font-size:19px;padding:11px 20px;border-radius:999px;border:1px solid rgba(232,225,212,.16);background:#e8e1d40d;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.idle-prompts button:hover:not(:disabled){border-color:var(--ember);background:var(--ember-soft)}.idle-prompts button:active:not(:disabled){transform:translateY(1px)}.idle-prompts button:disabled{opacity:.4;cursor:default}.theme-light .idle-prompts button{border-color:#080b121f;background:#080b1208}*{scrollbar-width:thin;scrollbar-color:rgba(232,225,212,.18) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e8e1d429;border-radius:999px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#e8e1d447;background-clip:content-box}
