:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}body{margin:0}img{max-width:100%}[hidden]{display:none!important}:root{--bg:#e9e4da;--surface:#fbf8f3;--surface2:#f1ebe0;--ink:#1f2a24;--muted:#5a6358;--line:#e2d9ca;--accent:#c4531f;--accent-soft:#f6dccb;--ok:#2f7a4f;--ok-soft:#dcebdf;--warn:#9a5b00;--warn-soft:#f7e6c4;--frame:#1f2a24;--display:"Fraunces", Georgia, serif;--body:"DM Sans","IBM Plex Sans Arabic", system-ui, Arial, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f1512;--surface:#18211c;--surface2:#222d26;--ink:#eee9df;--muted:#a7b0a4;--line:#2e3a33;--accent:#e8834f;--accent-soft:#3a2519;--ok:#6cc08f;--ok-soft:#1e3326;--warn:#e9b562;--warn-soft:#3a2e17;--frame:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f1512;--surface:#18211c;--surface2:#222d26;--ink:#eee9df;--muted:#a7b0a4;--line:#2e3a33;--accent:#e8834f;--accent-soft:#3a2519;--ok:#6cc08f;--ok-soft:#1e3326;--warn:#e9b562;--warn-soft:#3a2e17;--frame:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.screen{background:var(--surface);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}#app[dir=rtl]{font-family:IBM Plex Sans Arabic,DM Sans,system-ui,sans-serif}.view{flex-direction:column;flex:1;display:flex;overflow-y:auto}.view>*{flex-shrink:0}.pad{padding:22px 20px 110px}.top{flex-direction:column;gap:6px;padding:22px 20px 10px;display:flex}.hello{color:var(--muted);font-size:13px}.h{font-family:var(--display);margin:0;font-size:28px;font-weight:500;line-height:1.15}#app[dir=rtl] .h,#app[dir=rtl] .eta{font-family:IBM Plex Sans Arabic,sans-serif;font-weight:600}.h2{margin:4px 0 0;font-size:16px;font-weight:700}.chip{background:var(--surface2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.tabs{scrollbar-width:none;gap:8px;padding:4px 20px 10px;display:flex;overflow-x:auto}.tabs button{white-space:nowrap;background:var(--surface2);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.banner{background:var(--accent-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;margin:0 20px 10px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.banner.ok{background:var(--ok-soft)}.banner.warn{background:var(--warn-soft)}.banner button{color:var(--accent);white-space:nowrap;font-weight:700}.list{flex-direction:column;padding:0 20px 130px;display:flex}.sec{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 0 2px;font-size:12px;font-weight:700}.item{border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;padding:14px 0;display:flex}.thumb{width:84px;height:84px;font-family:var(--display);color:#fff;border-radius:16px;flex:none;place-items:center;font-size:28px;display:grid;position:relative;overflow:hidden}.thumb img,.hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero{position:relative;overflow:hidden}.hero span{text-shadow:0 1px 8px #00000080;position:relative}.item .tap{text-align:start;flex:1;align-items:center;gap:14px;min-width:0;display:flex}.item .t{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.item .n{font-weight:600}.item .en{color:var(--muted);font-size:12px;font-weight:500}.item .d{color:var(--muted);font-size:13px;line-height:1.35}.price{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.nav{border-top:1px solid var(--line);background:var(--surface);padding:8px 0 16px;display:flex}.nav button{color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10.5px;font-weight:600;display:flex;position:relative}.nav button[aria-current=page]{color:var(--accent)}.nav svg{width:22px;height:22px}.sheet{z-index:5;background:#0a0f0c73;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet-in{background:var(--surface);border-radius:28px 28px 0 0;flex-direction:column;gap:14px;width:100%;max-height:90%;padding:22px 20px 26px;display:flex;overflow-y:auto}.hero{color:#fff;height:170px;font-family:var(--display);border-radius:20px;flex:none;align-items:flex-end;padding:16px;font-size:22px;display:flex}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.btn{background:var(--accent);color:#fff;text-align:center;border-radius:16px;width:100%;padding:15px;font-size:16px;font-weight:700}.btn.ghost{background:var(--surface2);color:var(--ink)}.btn.sm{border-radius:12px;width:auto;padding:10px 14px;font-size:14px}.btn[disabled]{opacity:.45;cursor:not-allowed}.link{color:var(--accent);font-size:14px;font-weight:700}label.f{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}input,textarea,select{font:inherit;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:12px;width:100%;padding:12px 14px}textarea{resize:none;height:64px}.seg{background:var(--surface2);border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:grid}.seg button{border-radius:10px;padding:10px 6px;font-size:13px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface);box-shadow:0 1px 4px #0000001f}.card{background:var(--surface2);border-radius:18px;flex-direction:column;gap:8px;padding:16px;display:flex}.card.line{border:1px solid var(--line);background:0 0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:11.5px}.login{background:linear-gradient(170deg,var(--surface) 55%,var(--accent-soft));flex-direction:column;flex:1;justify-content:space-between;padding:34px 24px 28px;display:flex;overflow-y:auto}.mark{font-family:var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:15px}#app[dir=rtl] .mark{letter-spacing:0;font-family:inherit;font-weight:700}.code{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.code input{text-align:center;padding:12px 0;font-size:24px;font-weight:700}.note{color:var(--muted);text-align:center;padding:4px 0 0;font-size:11px;line-height:1.45}@media (prefers-reduced-motion:no-preference){.sheet-in{animation:.25s ease-out up}@keyframes up{0%{opacity:.4;transform:translateY(40px)}}}.bar{background:var(--ink);color:var(--surface);z-index:2;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 18px;font-weight:600;display:flex;position:absolute;bottom:84px;left:14px;right:14px;box-shadow:0 10px 24px #0003}.qty{background:var(--surface2);border-radius:999px;align-items:center;gap:14px;padding:6px;display:flex}.qty button{background:var(--surface);border-radius:50%;width:34px;height:34px;font-size:18px;font-weight:600}.line-item{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding:10px 0;display:flex}.tot{padding-top:6px;font-size:17px;font-weight:700}.add{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.seg button[disabled]{opacity:.45;cursor:not-allowed}.when{gap:8px;padding:0 20px 10px;display:flex}.when button{background:var(--surface2);border-radius:14px;flex:1;padding:10px 14px;font-size:14px;font-weight:700}.when button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.warn-text{color:var(--warn);font-weight:600}.acts{scrollbar-width:none;gap:8px;padding:2px 20px 10px;display:flex;overflow-x:auto}.acts button{white-space:nowrap;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:13px;font-weight:600}.days{scrollbar-width:none;gap:8px;padding:4px 20px 12px;display:flex;overflow-x:auto}.days button{background:var(--surface2);width:58px;color:var(--muted);border-radius:14px;flex-direction:column;flex:none;align-items:center;gap:2px;padding:8px 0;font-size:12px;font-weight:600;display:flex}.days button b{color:var(--ink);font-size:18px}.days button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.days button[aria-pressed=true] b{color:var(--surface)}.days button i{background:0 0;border-radius:50%;width:6px;height:6px}.days button i.on{background:var(--accent)}.slot{border:1px dashed var(--line);text-align:start;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.slot.full{background:var(--surface2);border-style:solid}.thumb.s{border-radius:12px;width:52px;height:52px;font-size:18px}.plus{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:18px;font-weight:600;line-height:1;display:grid}.nav .badge{top:-2px;background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:calc(50% - 18px)}.eta{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:52px;line-height:1}.steps{flex-direction:column;margin-top:6px;display:flex}.step{color:var(--muted);align-items:flex-start;gap:14px;padding-bottom:20px;display:flex;position:relative}.step:before{content:"";inset-inline-start:11px;background:var(--line);width:2px;position:absolute;top:24px;bottom:0}.step:last-child:before{display:none}.step b{display:block}.step span{font-size:13px}.step .dot{border:2px solid var(--line);background:var(--surface);z-index:1;border-radius:50%;flex:none;width:24px;height:24px}.step.done,.step.now{color:var(--ink)}.step.done .dot{background:var(--ok);border-color:var(--ok)}.step.now .dot{border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft)}.ent{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.ent:last-child{border-bottom:0}.stars{gap:6px;display:flex}.stars button,.stars span{color:var(--line);font-size:30px;line-height:1}.stars .on{color:#e2a23b}.pills{flex-wrap:wrap;gap:8px;display:flex}.pills button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600}.pills button[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}