:root{--bg: #0f1d2b;--panel: #16283a;--panel-2: #1d3449;--ink: #f4f1ea;--muted: #9fb2c3;--accent: #2fb67c;--accent-ink: #062016;--warn: #e0a43a;--danger: #d9534f;--gold: #d4af37;--gold-ink: #2b2100;--line: rgba(255, 255, 255, .12);--font: "Noto Sans Arabic", "Noto Naskh Arabic", "Segoe UI", Tahoma, "Droid Arabic Naskh", Arial, sans-serif;--num: "Roboto Mono", "Consolas", "DejaVu Sans Mono", "Courier New", monospace}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit}.num{font-family:var(--num);direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}.pair-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4vh 4vw}.pair-screen h1{font-size:6vh;margin:0 0 2vh}.pair-hint{font-size:2.8vh;color:var(--muted)}.pair-input{font-size:7vh;width:40vw;min-width:280px;text-align:center;letter-spacing:1vh;padding:1.5vh;margin:3vh 0;background:var(--panel);color:var(--ink);border:.4vh solid var(--accent);border-radius:1.5vh}.pair-btn{display:block;margin:0 auto;font-size:4vh;padding:1.6vh 5vw;border:0;border-radius:1.5vh;background:var(--accent);color:var(--accent-ink);font-weight:700}.pair-btn:focus,.pair-input:focus{outline:.6vh solid var(--warn);outline-offset:.4vh}.pair-err{color:var(--danger);font-size:3vh}