: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)}.page{--accent:var(--slate);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-top:22px;display:flex;flex-direction:column;gap:8px}.arm{width:100%;min-height:56px;border:none;border-radius:14px;background:var(--accent);color:#fff;font-weight:700;font-size:16px}.armed{margin-top:18px;font-size:13px;font-weight:600;color:var(--navy-70)}.page.is-ready{background:var(--accent);color:#fff}.page.is-ready .armed,.page.is-ready .label,.page.is-ready .tiny{color:rgba(255,255,255,.85)}.page.is-ready .cafe-logo,.page.is-ready .lang{border-color:rgba(255,255,255,.5)}.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 #fff;background:transparent;color:#fff;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:rgba(255,255,255,.15);border-color:rgba(255,255,255,.4);color:#fff}.powered{margin-top:20px;font-size:11px;color:var(--navy-40);display:flex;align-items:center;gap:6px}.page.is-ready .powered{color:rgba(255,255,255,.75)}