:root{--kiyi-coral:#e2664a;--kiyi-coral-deep:#d85a30;--kiyi-grad-start:#e2664a;--kiyi-grad-end:#f4a93a;--bg:#f7efe8;--surface:#fff;--surface-2:#fffdfb;--border:#efe2d6;--border-field:#e5d8cc;--text-strong:#3a2e2a;--text:#4a3e38;--text-2:#6e5a50;--text-muted:#9b8b82;--text-faint:#a2928a;--placeholder:#b7a89c;--peach:#fbe3d8;--peach-sel:#fdede6;--peach-ink:#a05636;--amber:#fcebcf;--amber-ink:#b07a18;--sage:#e7eedd;--sage-2:#eef3e6;--sage-ink:#5c7a3a;--warm-gray:#efe2dc;--warm-gray-ink:#a98377;--soft-red:#f3d9d2;--soft-red-ink:#b5503a;--switch-on:#7b8b5a;--grad-spotlight:linear-gradient(135deg,var(--kiyi-grad-start),var(--kiyi-grad-end));--shadow-card:0 2px 12px rgba(58,46,42,.06);--shadow-spot:0 8px 24px rgba(226,102,74,.25);--font-sans:"Poppins","Segoe UI",system-ui,-apple-system,sans-serif}@media(prefers-color-scheme:dark){:root{--bg:#221a16;--surface:#2c231d;--surface-2:#2c231d;--border:#3a2e26;--border-field:#3a2e26;--text-strong:#f3e9e0;--text:#e0d2c7;--text-2:#c3b5ab;--text-muted:#9a8c82;--text-faint:#9a8c82;--placeholder:#7c6e64;--kiyi-coral-deep:#f0805e;--peach:#3a2a22;--peach-sel:#453127;--peach-ink:#e8b86a;--amber:#3a2c1c;--amber-ink:#f0b45a;--sage:#283018;--sage-2:#2a3418;--sage-ink:#a4c078;--warm-gray:#332a24;--warm-gray-ink:#b09a8e;--soft-red:#3a241e;--soft-red-ink:#e89179;--switch-on:#8ca062;--shadow-card:0 2px 12px rgba(0,0,0,.25)}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:#e9ded3;color:var(--text);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:24px 16px;-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){body{background:#17110d}}.phone{width:100%;max-width:400px;background:var(--bg);border-radius:32px;overflow:hidden;box-shadow:0 20px 50px #3a2e2a2e;flex-direction:column;min-height:800px;position:relative}.app,.phone{display:flex}.app{flex:1;padding:20px 16px 96px;flex-direction:column;gap:16px}.app.full{padding-bottom:20px}.topbar{display:flex;align-items:center;justify-content:space-between}.h1{font-size:24px}.h1,.hello{font-weight:700;color:var(--text-strong)}.hello{font-size:20px}.hello-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.avatar{width:44px;height:44px;border-radius:50%;background:var(--kiyi-coral);color:#fff;justify-content:center;font-weight:600;font-size:17px}.avatar,.backbar{display:flex;align-items:center}.backbar{gap:12px}.back-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer}.back-btn svg{width:20px;height:20px;stroke:var(--text-strong);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.back-title{font-size:18px;font-weight:700;color:var(--text-strong)}.round-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--kiyi-coral);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.round-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.spotlight{position:relative;background:var(--grad-spotlight);border-radius:22px;padding:22px 20px 24px;color:#fff;box-shadow:var(--shadow-spot);overflow:hidden}.spotlight .deco{position:absolute;border-radius:50%;background:#ffffff1a}.spotlight .deco.c1{width:150px;height:150px;top:-50px;right:-40px}.spotlight .deco.c2{width:90px;height:90px;bottom:-40px;right:40px;background:#ffffff14}.agent-status{display:inline-flex;align-items:center;gap:7px;background:#ffffff2e;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:500;position:relative}.dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 2.2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}@media(prefers-reduced-motion:reduce){.dot{animation:none}}.spot-label{font-size:13px;opacity:.92;margin-top:16px}.spot-number{font-size:52px;font-weight:700;line-height:1.05;margin-top:2px}.spot-sub{font-size:13px;opacity:.9;margin-top:2px}.spot-amount{font-size:40px;font-weight:700;margin-top:4px}.btn{height:48px;border-radius:999px;border:none;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 20px}.btn.primary{background:var(--kiyi-coral);color:#fff}.btn.secondary{background:transparent;border:1.4px solid var(--kiyi-coral);color:var(--kiyi-coral)}.btn.tertiary{background:none;color:var(--kiyi-coral);height:auto;padding:6px}.btn.block{width:100%}.btn.on-grad{background:#fff;color:var(--kiyi-coral-deep)}.btn.on-grad-outline{background:transparent;border:1.4px solid hsla(0,0%,100%,.85);color:#fff}.btn.disabled{background:#fbf4ee;border:1px solid #e0d0bc;color:#b0a196;cursor:not-allowed}.btn-hint{font-size:12px;color:var(--text-muted);text-align:center;margin-top:6px}.btn-row{display:flex;gap:10px}.btn-row .btn{flex:1}.switch-row{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-card)}.switch-title{font-size:15px;font-weight:600;color:var(--text-strong)}.switch-sub{font-size:13px;color:var(--text-muted);margin-top:2px}.switch{width:52px;height:30px;border-radius:999px;border:none;cursor:pointer;padding:0;background:var(--switch-on);position:relative;flex-shrink:0;transition:background .18s ease}.switch .knob{position:absolute;top:3px;left:25px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .18s ease;box-shadow:0 1px 3px #0003}.switch[aria-checked=false]{background:var(--warm-gray)}.switch[aria-checked=false] .knob{left:3px}.switch:disabled{opacity:.5;cursor:not-allowed}.btn:disabled{opacity:.55}.btn:disabled,.round-btn:disabled{cursor:not-allowed}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tiles.three{grid-template-columns:repeat(3,1fr)}.tile{border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:2px}.tile.amber{background:var(--amber);color:var(--amber-ink)}.tile.sage{background:var(--sage);color:var(--sage-ink)}.tile.peach{background:var(--peach);color:var(--peach-ink)}.tile-num{font-size:30px;font-weight:700;line-height:1.1}.tile-label{font-size:13px;font-weight:500}.section-label{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--text-faint);margin:4px 2px 0}.alert{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:14px 16px;gap:12px;box-shadow:var(--shadow-card)}.alert,.pastille{display:flex;align-items:center}.pastille{width:34px;height:34px;border-radius:11px;flex-shrink:0;justify-content:center}.pastille.amber-p{background:var(--amber);color:var(--amber-ink)}.pastille.sage-p{background:var(--sage);color:var(--sage-ink)}.pastille svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.alert-title{font-size:15px;font-weight:600;color:var(--text-strong)}.alert-sub{font-size:13px;color:var(--text-2);margin-top:1px}.order{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-card)}.order.selected{background:var(--peach-sel);border:1.5px solid var(--kiyi-coral)}.order-av{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}.order-av.p1{background:var(--peach);color:var(--peach-ink)}.order-av.p2{background:var(--sage);color:var(--sage-ink)}.order-av.p3{background:var(--amber);color:var(--amber-ink)}.order-main{flex:1;min-width:0}.order-name{font-size:15px;font-weight:600;color:var(--text-strong)}.order-summary{font-size:13px;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex-shrink:0}.order-amount{font-size:15px;font-weight:700;color:var(--kiyi-coral-deep)}.pill{font-size:11px;font-weight:500;padding:3px 9px;border-radius:999px;white-space:nowrap}.pill.gray{background:var(--warm-gray);color:var(--warm-gray-ink)}.pill.amber-pill{background:var(--amber);color:var(--amber-ink)}.pill.sage-pill{background:var(--sage);color:var(--sage-ink)}.pill.red{background:var(--soft-red);color:var(--soft-red-ink)}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0}.chip{border:1px solid var(--border-field);background:var(--surface);color:var(--text-2);font-family:inherit;font-size:13px;font-weight:500;padding:7px 14px;border-radius:999px;white-space:nowrap;cursor:pointer}.chip.active{background:var(--kiyi-coral);border-color:var(--kiyi-coral);color:#fff}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:500;color:var(--text-2)}.input-wrap{position:relative;display:flex;align-items:center}.field input{width:100%;height:48px;border-radius:14px;border:1px solid var(--border-field);background:var(--surface);color:var(--text-strong);font-family:inherit;font-size:15px;padding:0 14px}.field input::-moz-placeholder{color:var(--placeholder)}.field input::placeholder{color:var(--placeholder)}.field input:focus{outline:2px solid var(--kiyi-coral);outline-offset:1px}.field .suffix{position:absolute;right:14px;font-size:14px;color:var(--text-muted);font-weight:500}.field.has-suffix input{padding-right:56px}.field-error{font-size:12px;color:var(--soft-red-ink)}.frieze{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 2px 0}.step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:9px;left:50%;width:100%;height:2px;background:var(--border-field);z-index:0}.step.done:not(:last-child):after{background:var(--kiyi-coral)}.node{width:18px;height:18px;border-radius:50%;background:var(--border-field);z-index:1}.step.done .node{background:var(--kiyi-coral)}.step.current .node{background:var(--bg);border:3px solid var(--kiyi-coral)}.step-label{font-size:10px;color:var(--text-muted);text-align:center}.step.current .step-label{color:var(--kiyi-coral);font-weight:600}.line-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.line-item:last-child{border-bottom:none}.li-name{font-size:15px;color:var(--text)}.li-qty{font-size:13px;color:var(--text-muted)}.li-amount{font-size:15px;font-weight:600;color:var(--kiyi-coral-deep)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow-card)}.card-title{font-size:15px;font-weight:600;color:var(--text-strong);margin-bottom:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card)}.product-photo{aspect-ratio:1/1;background:var(--peach);display:flex;align-items:center;justify-content:center;color:var(--peach-ink)}.product-photo svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.6}.product-body{padding:10px 12px 12px}.product-name{font-size:14px;font-weight:600;color:var(--text-strong)}.product-price{font-size:15px;font-weight:700;color:var(--kiyi-coral-deep);margin:4px 0 8px}.bubble{max-width:78%;padding:10px 14px;border-radius:18px;font-size:15px;line-height:1.4}.bubble.them{background:#f2ece4;color:var(--text-strong);border-bottom-left-radius:6px;align-self:flex-start}.bubble.agent{background:var(--peach-sel);color:var(--text-strong);border-bottom-right-radius:6px;align-self:flex-end}.bubble-label{font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--kiyi-coral);margin-bottom:3px}.chat{display:flex;flex-direction:column;gap:10px;flex:1}.banner{border-radius:14px;padding:10px 14px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.banner.sage{background:var(--sage);color:var(--sage-ink)}.banner.amber{background:var(--amber);color:var(--amber-ink)}.banner .dot{background:var(--sage-ink)}.composer{display:flex;gap:8px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 8px 8px 16px}.composer input{flex:1;border:none;background:none;font-family:inherit;font-size:15px;color:var(--text)}.composer input::-moz-placeholder{color:var(--placeholder)}.composer input::placeholder{color:var(--placeholder)}.composer input:disabled{color:var(--placeholder)}.list{background:var(--surface);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-card)}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-ic{width:34px;height:34px;border-radius:11px;background:var(--peach);color:var(--peach-ink);display:flex;align-items:center;justify-content:center;flex-shrink:0}.list-ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.list-main{flex:1;min-width:0}.list-title{font-size:15px;font-weight:500;color:var(--text-strong)}.list-sub{font-size:13px;color:var(--text-muted);margin-top:1px}.list-val{font-size:14px;color:var(--text-2);font-weight:500}.tabbar{position:absolute;bottom:0;left:0;right:0;background:var(--surface-2);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px))}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--text-faint);font-size:11px;font-weight:500;background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:999px;min-width:56px}.tab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tab.active{color:var(--kiyi-coral)}.skeleton{background:var(--peach);border-radius:14px;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.55}50%{opacity:.85}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.empty{text-align:center;padding:40px 20px;flex-direction:column;gap:12px}.empty,.empty-ic{display:flex;align-items:center}.empty-ic{width:64px;height:64px;border-radius:20px;background:var(--peach);color:var(--peach-ink);justify-content:center}.empty-ic svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.empty-title{font-size:16px;font-weight:600;color:var(--text-strong)}.empty-sub{font-size:14px;color:var(--text-muted);max-width:240px}@media(max-width:767px){body{padding:0;background:var(--bg)}#__nuxt,#__nuxt>*{min-width:0;max-width:100%}.phone{max-width:none;width:100%;border-radius:0;box-shadow:none;min-height:100vh;min-height:100dvh}.tabbar{position:fixed}}