/* Voice order + Poochhiye sheets – ported from the live order form (same markup), recoloured navy */
.stp{display:flex;align-items:center;height:48px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--bd2);padding:4px;flex:none}
.stp button{width:40px;height:40px;border-radius:50%;border:0;background:var(--yg);color:#fff;font-size:20px;font-weight:700;cursor:pointer;touch-action:manipulation;line-height:1}
.stp button:active{box-shadow:0 0 0 6px rgba(77,163,255,.18)}
.stp input{width:48px;border:0;background:transparent;color:var(--ink);text-align:center;font-size:16px;font-weight:700;-moz-appearance:textfield}
.stp input::-webkit-outer-spin-button,.stp input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stp input:focus{outline:none}
.addb{flex:none;height:48px;min-width:112px;border:0;border-radius:999px;background:var(--yg);color:#fff;font-size:15px;font-weight:700;cursor:pointer;padding:0 22px;box-shadow:0 4px 14px rgba(77,163,255,.22);touch-action:manipulation}
.addb:active{box-shadow:0 0 0 6px rgba(77,163,255,.2)}
.ask{flex:none;height:48px;border:1px solid rgba(248,113,113,.4);background:transparent;color:#FCA5A5;border-radius:999px;padding:0 18px;font-weight:600;font-size:14px;cursor:pointer}
.qk{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end}
.qk button{height:36px;min-width:56px;border-radius:999px;border:1px solid rgba(77,163,255,.35);background:transparent;color:var(--y);font-weight:700;font-size:13px;cursor:pointer}
.qk button:active{background:rgba(77,163,255,.14)}
.btn{border:0;border-radius:999px;height:48px;padding:0 20px;font-size:15px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.wa{background:var(--wa);color:#052e14}
.wa:active{box-shadow:0 0 0 6px rgba(37,211,102,.22)}
.yb{background:var(--yg);color:#fff}
.yo{background:transparent;color:var(--y);border:1px solid rgba(77,163,255,.45)}
.gb{background:var(--glass2);color:var(--ink);border:1px solid var(--bd)}
.btn:disabled{opacity:.5}
.full{width:100%}
/* sheets */
.ov{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.6);display:flex;align-items:flex-end;justify-content:center}
.sheet{width:100%;max-width:600px;max-height:92vh;overflow:auto;border-radius:24px 24px 0 0;padding:16px 16px calc(76px + env(safe-area-inset-bottom));background:rgba(9,22,48,.94);border:1px solid var(--bd2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.sheet h2{margin:0 0 12px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.x{border:0;background:var(--glass2);color:var(--mute);width:36px;height:36px;border-radius:50%;font-size:20px;cursor:pointer;line-height:1}
.ri{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--bd);font-size:14px}
.ri small{display:block;color:var(--mute);font-size:12px;margin-top:2px}
.del{border:0;background:none;color:var(--mute);font-size:18px;cursor:pointer;height:36px}
.rc{font-size:12px;font-weight:600;color:var(--mute);letter-spacing:.06em;text-transform:uppercase;margin:16px 0 0}
.tot{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0 4px}
.tot .big{font-size:20px;font-weight:700;color:var(--y)}
.tiny{font-size:12px;color:var(--mute);margin:0 0 12px}
.f{margin-bottom:12px}
.f label{display:block;font-size:12px;font-weight:600;margin-bottom:6px;color:var(--mute)}
.f input,.f textarea{width:100%;height:48px;padding:0 16px;border-radius:14px;border:1px solid var(--bd2);background:rgba(255,255,255,.05);color:var(--ink);font-size:16px}
.f textarea{height:auto;min-height:72px;padding:12px 16px;resize:vertical}
.f input:focus,.f textarea:focus{outline:none;border-color:var(--y)}
.req{color:var(--y)}
.hp{position:absolute;left:-9999px}
.err{color:#FCA5A5;font-size:13px;min-height:1em;margin:8px 0}
pre.sm{white-space:pre-wrap;font-family:inherit;font-size:13px;background:var(--glass);border:1px solid var(--bd);border-radius:14px;padding:12px;max-height:40vh;overflow:auto}
.ok{color:var(--ok)}
.who{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:8px 0 12px}
.who span{flex:1;min-width:0;font-size:14px}.who small{display:block;color:var(--mute);font-size:12px}
.lnk{border:0;background:none;color:var(--y);font-weight:600;font-size:14px;cursor:pointer;padding:8px 0}
details.more,details.ib2{margin:4px 0 12px}
details.more>summary,details.ib2>summary{cursor:pointer;color:var(--mute);font-weight:600;font-size:13px;padding:8px 0;list-style:none}
details.more>summary::-webkit-details-marker,details.ib2>summary::-webkit-details-marker{display:none}
details.more>summary:after,details.ib2>summary:after{content:" ▾"}
details[open].more>summary:after,details[open].ib2>summary:after{content:" ▴"}
.stack{display:grid;gap:8px;margin-top:8px}
.row2b{display:flex;gap:8px}.row2b .btn{flex:1}
/* menu */
.menu{position:fixed;top:60px;left:16px;z-index:45;min-width:220px;padding:8px;border-radius:18px;background:rgba(10,26,56,.96);border:1px solid var(--bd2);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(0,0,0,.6)}
.menu button{display:block;width:100%;text-align:left;border:0;background:none;color:var(--ink);padding:12px;font-size:15px;border-radius:12px;cursor:pointer}
.menu button:active{background:var(--glass2)}
.menu button:disabled{opacity:.4}
/* voice */
.seg{display:flex;padding:4px;border-radius:999px;background:var(--glass);border:1px solid var(--bd);margin-bottom:16px}
.seg button{flex:1;min-width:0;padding:0 2px;height:36px;border-radius:999px;border:0;background:none;color:var(--mute);font-weight:600;font-size:12.5px;cursor:pointer;white-space:nowrap}
.seg button.on{background:var(--yg);color:#fff}
.vmic{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.vbig{flex:none;width:72px;height:72px;border-radius:50%;border:0;background:var(--yg);color:#fff;font-size:30px;cursor:pointer;box-shadow:0 8px 24px rgba(77,163,255,.25)}
.vbig.rec{background:#EF4444;color:#fff;animation:pulse 1.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}100%{box-shadow:0 0 0 20px rgba(239,68,68,0)}}
.vst{flex:1;font-size:13px;color:var(--mute)}
.vlive{font-size:20px;font-weight:600;line-height:1.35;min-height:28px;color:var(--ink);margin:4px 0 12px}
.vtext{width:100%;min-height:64px;border-radius:14px;border:1px solid var(--bd2);background:rgba(255,255,255,.05);color:var(--ink);font-size:17px;font-weight:500;padding:12px 16px;resize:vertical}
.vtext:focus{outline:none;border-color:var(--y)}
.vfb{font-size:14px;color:var(--ink);padding:12px 16px;margin-bottom:12px}
.vl{padding:12px;margin:8px 0}
.vl select{width:100%;height:44px;border-radius:12px;border:1px solid var(--bd2);background:#0f2248;color:var(--ink);font-size:14px;padding:0 10px}
.vl .row2{display:flex;align-items:center;gap:8px;margin-top:8px}
.vl .hd{font-size:12px;color:var(--mute);margin-bottom:8px}
.warn{font-size:12px;color:#FFD27A;margin-top:6px}
.vtot{display:flex;justify-content:space-between;font-size:14px;color:var(--mute);margin:12px 0}
.vtot b{color:var(--y);font-size:17px}
.vdone{text-align:center;padding:16px 0}
.vdone .ok{font-size:20px;font-weight:700;margin-bottom:8px}
.hqrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 12px;font-size:13px;color:var(--mute)}
.sw{position:relative;width:44px;height:26px;flex:none}.sw input{opacity:0;width:0;height:0;position:absolute}
.sw span{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.14);transition:background var(--ease);cursor:pointer}
.sw span:before{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform var(--ease)}
.sw input:checked+span{background:var(--y)}.sw input:checked+span:before{transform:translateX(18px)}
.sw input:focus-visible+span{outline:2px solid var(--y);outline-offset:2px}
.wbar{height:6px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:4px 0 6px}.wbar span{display:block;height:100%;width:0;background:var(--yg);transition:width 200ms}
.ov.mid{align-items:center;padding:16px}
.pop{width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow:auto;border-radius:24px;padding:16px;background:rgba(10,26,56,.97);border:1px solid var(--bd2);box-shadow:0 24px 64px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:popIn 180ms ease-out}
@keyframes popIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pop{animation:none}}
.pl{padding:12px;margin:8px 0;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--ink)}
.pl .t{width:100%;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0;display:flex;align-items:flex-start;gap:12px}.pl .nm{flex:1;font-size:15px;font-weight:600;line-height:1.35}
.pl .nm small{display:block;font-size:12.5px;font-weight:500;color:var(--mute);margin-top:4px}
.qp{flex:none;min-width:72px;text-align:center;padding:6px 12px;border-radius:999px;background:var(--yg);color:#fff;font-size:18px;font-weight:800;line-height:1.2}
.qp small{display:block;font-size:11px;font-weight:700;opacity:.75}
.pl.q .qp{box-shadow:0 0 0 2px #4DA3FF inset;background:rgba(77,163,255,.14);color:var(--y)}
.qf{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:rgba(77,163,255,.18);color:var(--y);font-size:11.5px;font-weight:700}
.pl.bad{border-color:rgba(255,92,92,.7);background:rgba(255,92,92,.08)}.pl.bad .nm{color:#FF8A8A}
.qf.nl{background:rgba(255,255,255,.08);color:var(--mute)}
.pk{display:block;font-size:11.5px;color:var(--y);margin-top:2px;font-weight:600}
.askc{font:inherit;width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;margin-top:16px;color:var(--ink);text-align:left;cursor:pointer;border-color:rgba(77,163,255,.35);background:linear-gradient(135deg,rgba(77,163,255,.10),rgba(255,255,255,.03))}
.askc .ai{flex:none;width:40px;height:40px;border-radius:50%;background:var(--yg);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px}
.askc b{display:block;font-size:15px}.askc small{display:block;color:var(--mute);font-size:12.5px;margin-top:2px}.askc .ar2{margin-left:auto;color:var(--y);font-size:20px}
#askLog{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.qb{align-self:flex-end;max-width:85%;background:rgba(77,163,255,.14);border:1px solid rgba(77,163,255,.35);color:var(--ink);padding:9px 14px;border-radius:18px 18px 4px 18px;font-size:14.5px}
.ab{padding:14px;border-radius:18px 18px 18px 4px;font-size:14px;line-height:1.45}
.ab h4{margin:0 0 2px;font-size:15.5px}.ab .sub{color:var(--mute);font-size:12px;margin-bottom:8px}
.ab .kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 10px}.ab .kv span{color:var(--mute)}.ab .kv b{font-weight:600}
.ab .net{color:var(--y);font-size:17px;font-weight:800}.ab .lp{color:var(--mute);text-decoration:line-through;margin-left:6px;font-size:12.5px}
.ab .rel{margin-top:10px;border-top:1px solid var(--bd);padding-top:8px}.ab .rel p{margin:0 0 6px;color:var(--mute);font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.rr{display:flex;align-items:center;gap:10px;padding:7px 0}.rr span{flex:1;min-width:0}.rr small{display:block;color:var(--mute);font-size:12px}
.sadd{flex:none;height:36px;min-width:74px;border:0;border-radius:999px;background:var(--yg);color:#fff;font-weight:700;font-size:13.5px;cursor:pointer;padding:0 14px}
.sadd.big{height:44px;min-width:120px;font-size:14.5px}.sadd.done{background:rgba(74,222,128,.16);color:var(--ok)}
.askin{position:sticky;bottom:0;display:flex;gap:8px;padding-top:8px;background:linear-gradient(transparent,rgba(9,22,48,.96) 30%)}
.askin input{flex:1;min-width:0;height:48px;padding:0 16px;border-radius:999px;border:1px solid var(--bd2);background:rgba(255,255,255,.06);color:var(--ink);font-size:16px}
.askin input:focus{outline:none;border-color:var(--y)}
.askin .rb{flex:none;width:48px;height:48px;border-radius:50%;border:0;font-size:19px;cursor:pointer}
.askin .rb.m{background:var(--glass2);color:var(--ink);border:1px solid var(--bd2)}.askin .rb.m.rec{background:#E5484D;color:#fff;border-color:#E5484D}
.askin .rb.s{background:var(--yg);color:#fff;font-weight:800}
#askEx{padding-top:0;margin-bottom:10px}#askEx .chip{font-size:13px}
.pe{margin-top:12px;display:grid;gap:8px}.pe select,.pe input[type=text]{width:100%;height:44px;border-radius:12px;border:1px solid var(--bd2);background:#0f2248;color:var(--ink);font-size:15px;padding:0 10px}
.pe .row2{display:flex;align-items:center;gap:8px}
.ptot{display:flex;justify-content:space-between;align-items:baseline;padding:12px 4px;border-top:1px solid var(--bd2);margin-top:8px;font-size:14px;color:var(--mute)}.ptot b{font-size:20px;color:var(--y)}
.note{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;font-size:13px;line-height:24px;white-space:pre-wrap;word-break:break-word;color:#e6eeff;background-color:#0b1a3a;
 background-image:linear-gradient(90deg,transparent 27px,rgba(77,163,255,.45) 27px,rgba(77,163,255,.45) 28px,transparent 28px),repeating-linear-gradient(180deg,transparent 0 23px,rgba(255,255,255,.08) 23px 24px);
 background-position:0 12px;border-radius:12px;padding:12px 12px 12px 40px;border:1px solid rgba(255,255,255,.08);margin:8px 0 16px;max-height:52vh;overflow:auto}
.lnk2{display:block;margin:12px auto 0;background:none;border:0;color:var(--mute);font-size:14px;text-decoration:underline;cursor:pointer;min-height:40px}
.pop h2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}
.bigok{font-size:56px;line-height:1;color:var(--wa);text-align:center;margin:8px 0}