:root{--bg:#0b1a2a;--panel:#0e2033;--surface:#12263a;--border:#22394f;--text:#eef2f6;--muted:#9db3c6;--accent:#c9a24a;--accent-hover:#e0bd6a;--on-accent:#0b1a2a;--mark-arc:#c9a24a;--mark-dot:#eef2f6;--mark-water:#7fa7c4;--danger-border:#e07a5f;--danger-text:#f2a58e;--toast-bg:#1b2e42;--toast-danger-border:#5c2e22;--toast-ok-border:#2e5c4a;--ok:#4fbf8a;--overlay:#050c14c7;--focus:#e0bd6a;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--radius:12px;--font-body:"IBM Plex Sans Arabic", system-ui, sans-serif;--font-display:"Alexandria", "IBM Plex Sans Arabic", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f4ef;--panel:#efebe2;--surface:#fff;--border:#e2ded4;--text:#0b1a2a;--muted:#4e5d6c;--accent:#7a5a14;--accent-hover:#6e5214;--on-accent:#fff;--mark-arc:#8c6a1c;--mark-dot:#0b1a2a;--mark-water:#4e7a98;--danger-border:#b4482e;--danger-text:#9a3a22;--toast-bg:#fff;--toast-danger-border:#e7b9a8;--toast-ok-border:#a8d8c0;--ok:#1f7a52;--overlay:#0b1a2a73;--focus:#7a5a14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}a{color:var(--accent)}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.shell{flex-wrap:wrap;min-height:100vh;display:flex}.shell__about{background:var(--panel);border-inline-start:1px solid var(--border);min-height:360px;padding:var(--s7);justify-content:space-between;gap:var(--s6);flex-direction:column;flex:420px;display:flex}.shell__brand{align-items:center;gap:var(--s3);display:flex}.shell__name{font-family:var(--font-display);font-size:34px;font-weight:700}.shell__pitch{gap:var(--s4);flex-direction:column;max-width:460px;display:flex}.shell__headline{font-family:var(--font-display);margin:0;font-size:40px;font-weight:600;line-height:1.3}.shell__lede{color:var(--muted);margin:0;font-size:17px;line-height:1.8}.chips{gap:var(--s2);flex-wrap:wrap;display:flex}.chip{border:1px solid;border-radius:999px;padding:6px 12px;font-size:13px}.chip--madar{color:#35b8b3}.chip--minwal{color:#e8bd5c}.chip--dallal{color:#dcb377}.chip--rawaj{color:#d9a441}:root[data-theme=light] .chip--madar{color:#1b6f6b}:root[data-theme=light] .chip--minwal{color:#7a5a10}:root[data-theme=light] .chip--dallal{color:#7e5c27}:root[data-theme=light] .chip--rawaj{color:#7c5714}.shell__by{color:var(--muted);font-size:13px}.shell__main{padding:var(--s6);flex-direction:column;flex:480px;display:flex}.shell__tools{justify-content:flex-end;gap:var(--s2);display:flex}.shell__content{width:100%;max-width:400px;padding-block:var(--s6);margin:auto}@media (width<=720px){.shell__about{min-height:0;padding:var(--s5) var(--s4);gap:var(--s4);flex-basis:100%}.shell__pitch,.shell__by{display:none}.shell__main{padding:var(--s4)}.shell__name{font-size:28px}}.stack{flex-direction:column;gap:18px;display:flex}.heading{flex-direction:column;gap:6px;display:flex}.title{font-family:var(--font-display);margin:0;font-size:28px;font-weight:600;line-height:1.35}.lede{color:var(--muted);margin:0}.note{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.client-line{color:var(--accent);margin:0;font-size:14px}.btn{border-radius:var(--radius);min-height:52px;font:inherit;padding:0 var(--s4);cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:600;display:inline-flex}.btn--primary{background:var(--accent);color:var(--on-accent);border:0}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:0 0}.btn--small{min-height:44px;font-size:15px}.btn:disabled{cursor:progress;opacity:.75}.icon-btn{border:1px solid var(--border);min-width:44px;min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.spinner{border:2px solid;border-inline-end-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.divider{align-items:center;gap:var(--s3);color:var(--muted);font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.field{flex-direction:column;gap:6px;display:flex}.field__row{align-items:baseline;gap:var(--s2);display:flex}.field__label{font-size:14px}.field__aside{margin-inline-start:auto;font-size:13px}.field__hint{color:var(--muted);font-size:13px}.field__error{color:var(--danger-text);font-size:13px}.input-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:center;display:flex}.input-wrap[data-invalid=true]{border-color:var(--danger-border)}.input-wrap:focus-within{border-color:var(--focus)}.input{min-width:0;min-height:48px;color:var(--text);font:inherit;background:0 0;border:0;flex:1;padding:0 14px}.input:focus{outline:none}.input--ltr{text-align:start;direction:ltr}:root[dir=rtl] .input--ltr{text-align:right}.input--code{letter-spacing:.4em;font-size:22px;text-align:center!important}.eye{width:48px;height:48px;color:var(--muted);cursor:pointer;border-radius:var(--radius);background:0 0;border:0;justify-content:center;align-items:center;display:flex}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.check__box{border:1px solid var(--border);background:var(--surface);width:22px;height:22px;color:var(--on-accent);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.check input{opacity:0;width:1px;height:1px;position:absolute}.check input:checked+.check__box{background:var(--accent);border-color:var(--accent)}.check input:focus-visible+.check__box{outline:2px solid var(--focus);outline-offset:2px}.choices{gap:var(--s2);flex-direction:column;display:flex}.choice{align-items:center;gap:var(--s3);min-height:56px;padding:0 var(--s4);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex}.choice:has(input:checked){border-color:var(--accent)}.choice input{accent-color:var(--accent);width:18px;height:18px}.panel{border:1px solid var(--border);background:var(--surface);padding:var(--s5);gap:var(--s3);border-radius:16px;flex-direction:column;display:flex}.qr{border-radius:var(--radius);width:200px;height:200px;padding:var(--s2);background:#fff;align-self:center}.secret{word-break:break-all;padding:var(--s2) var(--s3);background:var(--panel);direction:ltr;border-radius:8px;font-family:ui-monospace,monospace;font-size:14px}.guide dt{font-weight:600}.guide dd{margin:0 0 var(--s3);color:var(--muted)}.ref{color:var(--muted);font-size:12px}.toasts{bottom:var(--s5);gap:var(--s2);z-index:20;flex-direction:column;width:min(380px,100vw - 32px);display:flex;position:fixed;inset-inline-start:var(--s5)}.toast{background:var(--toast-bg);border:1px solid var(--toast-ok-border);gap:var(--s3);border-radius:14px;padding:14px 16px;display:flex;box-shadow:0 12px 30px #0000004d}.toast--error{border-color:var(--toast-danger-border)}.toast__body{flex-direction:column;flex:1;gap:4px;min-width:0;font-size:14px;display:flex}.toast__title{font-weight:600}.toast__text{color:var(--muted)}.toast__close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none}@media (width<=720px){.toasts{inset-inline:var(--s4);bottom:var(--s4);width:auto}}.offline{top:0;background:var(--toast-bg);border-bottom:1px solid var(--toast-danger-border);padding:var(--s2) var(--s4);text-align:center;z-index:30;font-size:14px;position:fixed;inset-inline:0}.dialog-backdrop{background:var(--overlay);padding:var(--s4);z-index:25;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border);width:min(480px,100%);padding:var(--s5);gap:var(--s4);border-radius:18px;flex-direction:column;display:flex;box-shadow:0 24px 60px #00000073}.dialog__head{align-items:center;gap:var(--s3);display:flex}.dialog__title{font-family:var(--font-display);margin:0;font-size:20px;font-weight:600}.dialog__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.center{align-items:center;gap:var(--s3);text-align:center;color:var(--muted);flex-direction:column;display:flex}.toast__icon{flex:none;margin-top:2px}.toast__icon--error{stroke:var(--danger-text)}.toast__icon--ok{stroke:var(--ok)}.dialog__close{border:0;margin-inline-start:auto}