:root{--touch-target:44px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--bg:#ffffff;--bg-subtle:#f5f7fa;--bg-dark:#0b1220;--fg:#111827;--fg-muted:#6b7280;--border:#d8dee9;--accent:#0f766e;--accent-fg:#ffffff;--danger:#b91c1c;--danger-bg:#fef2f2;--warn:#b45309;--warn-bg:#fffbeb;--ok:#15803d;--ok-bg:#f0fdf4;--radius:8px}@media (prefers-color-scheme:dark){:root{--bg:#0b1220;--bg-subtle:#131c2e;--fg:#f8fafc;--fg-muted:#94a3b8;--border:#1f2a3d;--accent:#2dd4bf;--accent-fg:#0b1220;--danger-bg:#2a1416;--warn-bg:#2a2010;--ok-bg:#10251a}}*,:after,:before{box-sizing:border-box}html{font-size:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Noto Naskh Arabic,Segoe UI,Tahoma,system-ui,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}*,:after,:before{color:inherit}h1,h2,h3{margin:0 0 var(--space-3);line-height:1.3;font-weight:700}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.0625rem}a{color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:var(--space-3);inset-block-start:-100px;z-index:100;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-fg);border-radius:var(--radius);min-height:var(--touch-target);display:inline-flex;align-items:center}.skip-link:focus{inset-block-start:var(--space-3)}[role=button],a.button,button,input,select,textarea{min-height:var(--touch-target);min-width:var(--touch-target);font:inherit}a.button,button{padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-subtle);color:var(--fg);cursor:pointer}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}input,select,textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);width:100%}