:root{--ground: #f7f4ee;--surface: #fdfcf9;--raised: #ffffff;--selected: #ebe4d8;--fg: #14110f;--body: #5c544c;--meta: #736960;--faint: #b3a99d;--line: #e8e4dc;--edge: #d9cfbf;--primary: #14110f;--on-primary: #f2ede6;--focus: #14110f;--sans: "Inter", ui-sans-serif, system-ui, sans-serif;--arabic: "IBM Plex Sans Arabic", "Noto Sans Arabic", ui-sans-serif, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--ground: #0c0a08;--surface: #14110f;--raised: #1b1814;--selected: #221e1a;--fg: #f2ede6;--body: #b8aea4;--meta: #948a82;--faint: #5e5650;--line: #2a2622;--edge: #3a332c;--primary: #f2ede6;--on-primary: #0c0a08;--focus: #f2ede6;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--ground);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}[dir=rtl] body{font-family:var(--arabic)}.screen{max-width:560px;margin:0 auto;padding:24px max(16px,env(safe-area-inset-left)) 96px max(16px,env(safe-area-inset-right));display:grid;gap:16px}h1{font-size:22px;font-weight:500;margin:0}p{color:var(--body);margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;gap:8px}.button{min-height:44px;border-radius:12px;border:1px solid var(--edge);background:var(--raised);color:var(--fg);font:inherit;font-weight:500;padding:0 16px}.button.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.marks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bar{position:fixed;inset:auto 0 0 0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);padding:8px max(8px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-right))}.bar a{text-align:center;color:var(--meta);text-decoration:none;font-size:12px;padding:6px 0;border-radius:8px}.bar a[aria-current=page]{color:var(--fg);background:var(--selected)}.slash{position:fixed;inset-inline-end:max(16px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));width:52px;height:52px;border-radius:9999px;border:0;background:var(--primary);color:var(--on-primary);font-size:22px;font-weight:500}