:root{--bg:#f6f4ee;--surface:#fff;--ink:#1c2422;--muted:#5d6a66;--line:#e2ded2;--brand:#0f5c4d;--brand-ink:#fff;--accent:#e8b04a;--down-ink:#9b2c20;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111715;--surface:#1a2220;--ink:#ecefe9;--muted:#9eaaa5;--line:#2b3633;--brand:#3fae93;--brand-ink:#0b1210;--down-ink:#ffb1a6}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Segoe UI,Noto Sans Arabic,Geeza Pro,Tahoma,system-ui,sans-serif;line-height:1.6}.shell{max-inline-size:60rem;margin-inline:auto;padding:1.5rem 1rem 3rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand h1{margin:0;font-size:1.4rem;line-height:1.2}.brand p{color:var(--muted);margin:0;font-size:.9rem}.notice{border-inline-start:4px solid var(--accent);background:var(--surface);color:var(--muted);border-radius:.4rem;margin:0;padding:.6rem .9rem;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.25rem;display:flex}.card-head{justify-content:space-between;align-items:center;gap:.75rem;inline-size:100%;display:flex}.card h2{margin:0;font-size:1.05rem}.facts{grid-template-columns:auto 1fr;gap:.3rem 1rem;inline-size:100%;margin:0;font-size:.92rem;display:grid}.facts dt{color:var(--muted)}.facts dd{text-align:start;overflow-wrap:anywhere;margin:0}.help{color:var(--muted);margin:0;font-size:.9rem}form{flex-direction:column;align-items:flex-start;gap:.5rem;inline-size:100%;display:flex}label{font-size:.9rem;font-weight:600}input,select{border:1px solid var(--muted);background:var(--bg);inline-size:100%;color:var(--ink);font:inherit;border-radius:.5rem;padding:.55rem .7rem}input[aria-invalid=true]{border-color:var(--down-ink);border-width:2px}input.code{letter-spacing:.3em;max-inline-size:12rem;font:1.3rem ui-monospace,SFMono-Regular,Menlo,monospace}.hint{color:var(--muted);font-size:.85rem}button{font:inherit;border:1px solid var(--brand);background:var(--brand);color:var(--brand-ink);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}button.ghost{color:var(--brand);background:0 0}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.error{color:var(--down-ink);margin:0;font-size:.92rem}.main{margin-block-start:1.5rem}.card.narrow{max-inline-size:28rem;margin-inline:auto}.eyebrow{color:var(--muted);margin:0;font-size:.85rem}.field{flex-direction:column;gap:.3rem;min-inline-size:12rem;display:flex}.row{flex-wrap:wrap;gap:.5rem;display:flex}.divider{inline-size:100%;color:var(--muted);align-items:center;gap:.75rem;margin:0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-block-start:1px solid var(--line);flex:1}.button-link{border:1px solid var(--brand);color:var(--brand);border-radius:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;display:inline-block}.button-link:hover{text-decoration:underline}.footer{color:var(--muted);text-align:center;margin-block-start:2rem;font-size:.8rem}
