:root{--navy:#172A46;--slate:#56798F;--gold:#F2B33D;--gold-ink:#8A5B00;--paper:#F4F6F9;--navy-70:rgba(23,42,70,.70);--navy-40:rgba(23,42,70,.40);--navy-12:rgba(23,42,70,.12);--navy-05:rgba(23,42,70,.05);--gold-12:rgba(242,179,61,.16);--font:var(--font-poppins),var(--font-tajawal),system-ui,sans-serif;--font-ar:var(--font-tajawal),var(--font-poppins),system-ui,sans-serif;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--paper);color:var(--navy);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}[dir=rtl] body,[dir=rtl] button{font-family:var(--font-ar)}button{font:inherit;cursor:pointer}a,button{color:inherit}a{text-decoration:none}.pw{position:relative;display:block;width:100%}.pw input{width:100%;padding-right:48px}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:8px;background:none;color:var(--navy-70);display:flex;align-items:center;justify-content:center}.pw-toggle:hover{color:var(--navy);background:var(--navy-05)}.ui-dialog{margin:auto;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border:none;border-radius:20px;background:#fff;color:var(--navy);box-shadow:0 24px 60px rgba(23,42,70,.28);animation:ui-dialog-in .16s ease-out}.ui-dialog::-webkit-backdrop{background:rgba(23,42,70,.55)}.ui-dialog::backdrop{background:rgba(23,42,70,.55)}@keyframes ui-dialog-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.ui-dialog{animation:none}}.ui-dialog-body{display:flex;flex-direction:column;gap:14px;padding:24px}.ui-dialog-title{font-size:20px;font-weight:800;line-height:1.35}.ui-dialog-message{color:var(--navy-70);font-size:15px;overflow-wrap:anywhere}.ui-dialog-field{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.ui-dialog-field input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--navy-40);border-radius:var(--radius);background:#fff;color:var(--navy);font:inherit;font-size:17px;font-weight:500}.ui-dialog-field input:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.ui-dialog-field small{color:var(--navy-70);font-size:13px;font-weight:400}.ui-dialog-message{white-space:pre-line}.ui-dialog-actions{display:flex;flex-wrap:wrap-reverse;gap:10px;margin-top:6px}.ui-dialog-btn{flex:1 1 130px;min-height:48px;padding:10px 16px;border:1px solid var(--navy-12);border-radius:var(--radius);background:#fff;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}.ui-dialog-btn:hover{background:var(--navy-05)}.ui-dialog-btn:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.ui-dialog-btn.primary{background:var(--gold);border-color:var(--gold)}.ui-dialog-btn.primary:hover{background:#E5A530}.ui-dialog-btn.danger{background:#C53B3B;border-color:#C53B3B;color:#fff}.ui-dialog-btn.danger:hover{background:#AE3030}.ui-dialog-btn:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.page{--accent:var(--slate);--on-accent:#fff;position:relative;min-height:100dvh;max-width:480px;margin:0 auto;padding:16px 20px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background .3s,color .3s}.topbar{width:100%;display:flex;justify-content:flex-end}.lang{background:none;border:1px solid var(--navy-12);border-radius:99px;padding:6px 14px;font-size:13px;color:inherit;opacity:.8}.center{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px 0}.title{font-size:24px;font-weight:700}.muted{max-width:320px}.muted,.tiny{color:var(--navy-70)}.tiny{font-size:12.5px}.cafe{margin-top:8px;flex-direction:column}.cafe,.cafe-logo{display:flex;align-items:center}.cafe-logo{width:72px;height:72px;border-radius:50%;background:#fff;border:1px solid var(--navy-12);justify-content:center;overflow:hidden;font-weight:700;font-size:26px;color:var(--navy)}.cafe-logo img{width:100%;height:100%;object-fit:cover}.cafe-name{font-weight:700;font-size:17px;margin-top:10px}.label{margin-top:32px;font-size:14px;color:var(--navy-70)}.big-num{font-family:var(--font-poppins),system-ui,sans-serif;font-size:88px;font-weight:700;line-height:1;margin:6px 0 10px}.queue{font-size:19px}.queue,.status{font-weight:600}.status{margin:22px 0 10px;width:100%;height:54px;border-radius:99px;background:var(--navy-05);display:flex;align-items:center;justify-content:center;gap:10px}.pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 1.4s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 50%,transparent)}to{box-shadow:0 0 0 14px transparent}}.arm-box{width:100%;margin:14px 0 22px;display:flex;flex-direction:column;gap:8px}.arm{width:100%;min-height:64px;border:none;border-radius:14px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:18px}.page.is-ready .arm{background:var(--on-accent);color:var(--accent)}.armed{margin-top:18px;font-size:13px;font-weight:600;color:var(--navy-70)}.page.is-ready{background:var(--accent);color:var(--on-accent)}.page.is-ready .armed,.page.is-ready .label,.page.is-ready .tiny{color:color-mix(in srgb,var(--on-accent) 85%,transparent)}.page.is-ready .cafe-logo,.page.is-ready .lang{border-color:color-mix(in srgb,var(--on-accent) 50%,transparent)}.ready-title{font-size:34px;font-weight:700}.ready-sub{font-size:17px}.got-it{margin-top:18px;min-height:48px;padding:0 32px;border-radius:99px;border:2px solid var(--on-accent);background:transparent;color:var(--on-accent);font-weight:700}.flash{position:fixed;inset:0;background:#fff;pointer-events:none;animation:flash .5s steps(1) infinite;z-index:5}@keyframes flash{0%{opacity:.85}50%{opacity:0}}.done{margin-top:20px;font-size:20px;font-weight:700}.closed{display:flex;flex-direction:column;gap:6px;opacity:.85}.closed,.offer{margin-top:18px}.offer{padding:10px 14px;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 12%,transparent);font-weight:600;font-size:14px}.offline{position:-webkit-sticky;position:sticky;top:0;z-index:4;margin-bottom:8px;padding:6px 14px;border-radius:99px;background:var(--navy);color:var(--paper);font-size:13px}.links{width:100%;margin-top:auto;padding-top:32px;display:flex;flex-direction:column;gap:12px}.link-btn{min-height:48px;border:1.5px solid var(--navy-12);border-radius:var(--radius);background:#fff;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--navy)}.link-btn,.socials{display:flex;justify-content:center}.socials{flex-wrap:wrap;gap:12px}.social{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--navy-12);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--navy)}.page.is-ready .link-btn,.page.is-ready .social{background:color-mix(in srgb,var(--on-accent) 15%,transparent);border-color:color-mix(in srgb,var(--on-accent) 40%,transparent);color:var(--on-accent)}.powered{margin-top:20px;font-size:11px;color:var(--navy-40);display:flex;align-items:center;gap:6px}.page.is-ready .powered{color:color-mix(in srgb,var(--on-accent) 75%,transparent)}@media (prefers-reduced-motion:reduce){.flash{display:none}}